
:root{--page-space:48px;--text-xs:.73rem;--text-sm:.84rem}
body{overflow-x:clip}h1,h2,h3{text-wrap:balance}p{text-wrap:pretty}
.display,.feature-title,.mega-cta-title{line-height:1.07;letter-spacing:-.035em}
.eyebrow+h2,.eyebrow+.display{margin-top:16px}
h2+.body-copy{margin-top:26px}
.btn{min-height:48px;font-size:.8rem}.btn .icon{transition:transform .3s var(--ease)}
.btn:hover .icon{transform:translate(2px,-2px)}a:focus-visible,button:focus-visible{outline:3px solid #809aff;outline-offset:5px}
.nav-links a{font-size:.72rem}.body-copy{color:#626873}
.home-hero{height:auto;min-height:850px}.home-hero-bg{background-image:url('/assets/images/editorial/bandung.webp');background-position:50% 66%}
.home-hero-bg::after{background:linear-gradient(90deg,rgba(7,19,39,.65),rgba(7,19,39,.18) 75%),linear-gradient(0deg,rgba(7,19,39,.6),transparent 55%)}
.hero-inner{min-height:850px;align-items:center;padding:164px 0 140px;gap:72px}
.hero-title{font-size:clamp(3.3rem,5.4vw,5.8rem);line-height:1.08;letter-spacing:-.045em}
.hero-deck{font-size:1rem;max-width:480px;color:#fff;line-height:1.85}
.hero-cards{align-self:end;gap:20px}.hero-card{min-height:220px;border-radius:16px}.hero-card-copy{left:24px;right:24px;bottom:24px}
.hero-note-card{padding:24px;background:rgba(9,23,46,.58)}.hero-note-card h3{font-size:1.35rem;line-height:1.3}.hero-note-card p{font-size:.8rem}
.partner-strip{height:64px}.partner-names{justify-content:flex-start;gap:32px}
.home-statement{padding:120px 0 88px}.home-statement h2{font-weight:500;line-height:1.18;max-width:970px}
.supporters{background:#fff;padding:0 0 100px}.supporters-inner{display:flex;align-items:center;justify-content:space-between;gap:48px;border-top:1px solid var(--line);padding-top:40px}.supporters-copy{max-width:450px}.supporters-copy p{margin:14px 0 0;font-size:.9rem;line-height:1.8;color:var(--muted)}.supporter-logos{display:flex;align-items:center;gap:48px}.supporter-logos img{object-fit:contain;width:160px;height:130px}.supporter-logos .bluebird{width:220px;height:160px}
.section-head-row,.feature-head{margin-bottom:48px}.mosaic-grid{gap:26px;grid-template-rows:280px 320px}.mosaic-copy{left:28px;right:28px;bottom:28px}.mosaic-copy h3{line-height:1.13;margin-top:12px}
.journal-grid,.activity-grid{gap:28px}.journal-info,.activity-card-info{padding-top:24px}.journal-info h3,.activity-card h2,.journal-row h2{line-height:1.15;margin-top:12px;margin-bottom:14px}.journal-info p,.activity-card p,.journal-row p{font-size:.9rem;line-height:1.8}
.feature-caption{margin-top:40px;gap:64px}.feature-media::after{content:'SARAE · DARI DEKAT';left:24px;bottom:24px}.feature-media{height:660px}.feature-media img{object-position:50% 48%}
.capability{padding:32px 0;align-items:start}.capability h3{line-height:1.2}.capability p{font-size:.9rem;line-height:1.85}.capability{transition:background .3s,padding .3s}.capability:hover{background:rgba(255,255,255,.05);padding-inline:12px}
.journal-row{padding:34px 0}.upcoming-layout{grid-template-columns:1fr 1fr;gap:80px}.upcoming .feature-title{font-size:clamp(2.8rem,4.5vw,4.5rem)}
.about35-logo-grid{border:0;gap:24px}.partner-logo-tile{border:1px solid #eeede8;min-height:190px}.partner-logo-tile img{filter:none;height:120px}.about35-city-pair{gap:28px}
.gallery-grid{gap:24px;grid-auto-rows:360px}.detail-intro blockquote{line-height:1.17}.detail-stats:empty{display:none}.detail-timeline-row{padding:26px 0}.detail-cover img{object-position:50% 55%}
.detail-credits{display:none}.contact-form-v3{padding:42px;border-radius:16px}.form-grid{gap:24px}.field label{font-size:.73rem}
.site-footer{padding-top:80px}.footer-col a,.footer-col p,.footer-brand p{font-size:.84rem}
.reveal{opacity:1;transform:none}.motion-ready .reveal{opacity:0;transform:translateY(22px);transition:opacity .8s var(--ease),transform .8s var(--ease);transition-delay:var(--reveal-delay,0ms)}.motion-ready .reveal.is-visible{opacity:1;transform:none}
@media(min-width:1001px){.hero-cards{grid-template-columns:1fr}.hero-card:first-child{display:none}.hero-note-card{max-width:300px;justify-self:end}.hero-inner{grid-template-columns:1.35fr .65fr}}
@media(max-width:1000px){.hero-inner{grid-template-columns:1fr;gap:48px}.hero-cards{max-width:640px}.supporters-inner{flex-direction:column;align-items:flex-start}.upcoming-layout{grid-template-columns:1fr;gap:40px}}
@media(max-width:720px){:root{--page-space:40px}.section{padding:80px 0}.home-hero{min-height:0}.hero-inner{min-height:0;padding:140px 0 110px;gap:38px}.home-hero-bg{background-position:54% 65%}.hero-title{font-size:clamp(2.9rem,12vw,4.4rem)}.hero-deck{font-size:.95rem}.hero-cards{grid-template-columns:1fr}.hero-card:first-child{display:none}.hero-note-card{min-height:140px;display:block}.hero-note-card .note-icon{display:none}.hero-note-card h3{margin-top:12px}.hero-note-card p{display:block}.partner-strip{height:56px}.partner-names{gap:20px;flex-wrap:wrap}.partner-name{font-size:.63rem}.home-statement h2{font-size:2.15rem;line-height:1.24}.supporters{padding-bottom:64px}.supporters-inner{gap:20px;padding-top:28px}.supporter-logos{gap:16px;width:100%;justify-content:center}.supporter-logos img{width:120px;height:115px}.supporter-logos .bluebird{width:170px;height:140px}.mosaic-grid{gap:20px;grid-template-rows:none}.mosaic-card{min-height:360px}.mosaic-copy{left:24px;bottom:24px}.section-head-row,.feature-head{margin-bottom:32px}.feature-title{font-size:clamp(2.7rem,11vw,4rem)}.feature-media{height:520px}.feature-caption{gap:32px}.around-head{gap:30px}.capability{column-gap:16px;padding:28px 0}.journal-grid{gap:40px}.journal-thumb{height:390px}.gallery-grid{grid-template-columns:1fr;grid-auto-rows:auto;gap:20px}.gallery-item:nth-child(1){grid-row:auto}.gallery-item img{height:auto;max-height:680px;object-fit:contain}.about35-logo-grid{gap:12px}.partner-logo-tile{padding:12px;min-height:145px}.partner-logo-tile img{width:100%;height:100px}.contact-form-v3{padding:24px}.footer-bottom{line-height:1.8}}
@media(prefers-reduced-motion:reduce){.motion-ready .reveal{opacity:1;transform:none;transition:none}}
.supporter-logos img{flex-shrink:1;min-width:0}.supporter-logos .bluebird{max-width:58%}
img{height:auto}.hero-card img,.mosaic-card img,.journal-thumb img,.activity-card-media img,.journal-row-thumb img{height:100%}.feature-media img,.detail-cover img{height:112%}.about35-cover-media img{height:114%}.about35-city-card img{height:100%}
