/* Orientation is functional: page, section, and an index reachable with one tap. */
.nav-description,.section-guide{display:none}
.page-context{font:500 14px/1.4 var(--font-brand);letter-spacing:0!important;margin:0!important;display:flex;align-items:center;gap:10px}
.page-context:before,.section-context:before{content:'';display:inline-block;width:22px;height:3px;background:currentColor;flex:none}
.section-context{display:flex;align-items:center;gap:9px;font:500 13px/1.4 var(--font-brand);letter-spacing:0;color:inherit;margin-bottom:14px;opacity:.8}
.hero-routes{display:flex;align-items:center;gap:14px 24px;flex-wrap:wrap}.hero-routes .button{background:#171714;color:#fff}.hero-routes .textlink{color:#171714}.hero-routes .button>span,.hero-routes .textlink>span{font-size:22px}
.collection-hint{font:400 12px/1.4 var(--font-brand);color:inherit;opacity:.7;margin-right:auto}.collection-controls{align-items:center}.collection-position{margin-right:8px}
.section-map{width:min(520px,calc(100% - 24px));max-height:calc(100dvh - 96px);border:1px solid #d7d5cc;border-top:4px solid #fff000;border-radius:12px 12px 0 0;background:#faf9f4;color:#171714;padding:0;margin:auto auto 0;box-shadow:0 -16px 60px #0002;overflow:auto;overscroll-behavior:contain}
.section-map::backdrop{background:#17171466}.section-map-heading{display:flex;align-items:start;justify-content:space-between;gap:20px;position:sticky;top:0;background:#faf9f4;padding:24px 24px 18px;z-index:1;border-bottom:1px solid #17171420}.section-map-heading p{font:400 13px/1.4 var(--font-brand);margin:0 0 6px;color:#68675f}.section-map-heading h2{font:500 28px/1.1 var(--font-brand);letter-spacing:-.02em;margin:0}.section-map-heading>button{width:44px;height:44px;background:transparent;border:1px solid #17171430;border-radius:50%;font:28px/1 var(--font-brand);flex:none}
.section-map nav{display:grid;padding:12px 16px max(24px,env(safe-area-inset-bottom))}.section-map nav a{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;padding:12px;font:400 16px/1.35 var(--font-brand);border-radius:3px}.section-map nav a[aria-current]{background:#fff000;font-weight:500}.section-map nav a[aria-current]:after{content:'Qui';font-size:12px}.section-map-open .off-merch{display:none!important}
@media(max-width:1049px){
 :root{--header:64px;--orientation:46px}html{scroll-padding-top:0;scrollbar-gutter:auto}.header,.home .header,.home .header.scrolled{position:sticky;top:0;height:64px;background:#faf9f4;color:#171714;border-bottom:1px solid #17171414}.home .header .logo img{filter:invert(1)}.header .logo{width:132px}.menu-toggle{min-height:48px;min-width:78px}
 .section-guide{position:sticky;top:64px;z-index:48;display:flex;align-items:center;gap:10px;height:46px;padding:0 var(--gutter);background:#faf9f4;border-bottom:1px solid #17171425;box-shadow:0 3px 8px #17171405;color:#171714;font:400 13px/1.3 var(--font-brand)}.guide-page{font-weight:500;flex:none}.guide-divider{color:#aaa89e}.section-guide>button{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0;min-height:44px;flex:1;padding:0;background:none;text-align:left;font:inherit}.guide-current{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.guide-icon{font-size:22px;flex:none;line-height:1}.menu-is-open .section-guide{visibility:hidden}
 .header nav{inset:64px 0 0;padding:12px var(--gutter) max(20px,env(safe-area-inset-bottom));background:#faf9f4!important;gap:0}.header nav>a:not(.button){display:flex;flex-direction:column;align-items:start;gap:4px;padding:12px 12px!important;min-height:66px;border-bottom:1px solid #17171414;font-size:23px;line-height:1.1;font-weight:500;letter-spacing:-.02em}.header nav>a[aria-current]:before{display:none}.header nav>a[aria-current]{background:#fff000;border-radius:3px}.header nav .nav-description{display:block;font:400 13px/1.35 var(--font-brand);letter-spacing:0;color:#68675f}.header nav>a[aria-current] .nav-description{color:#36362f}.header nav .nav-cta{margin-top:18px;min-height:48px;justify-content:space-between}.header .menu-foot{margin-top:18px;min-height:44px;align-items:center;font-size:13px}
 .has-section-guide main [id]{scroll-margin-top:126px}.has-section-guide .collage-hero{padding-top:34px}.motion-intro{padding-top:32px!important}.motion-intro-copy{gap:18px}.has-section-guide .story-progress{top:110px}.has-section-guide .story-toc{scroll-margin-top:126px}
 .section-context{font-size:13px;margin-bottom:12px}.page-context{font-size:14px}.collection-controls{flex-wrap:wrap;gap:8px}.collection-hint{font-size:11px}.collection-controls button{width:46px;height:46px}.collection-position{font-size:13px}
}
@media(max-width:699px){
 :root{--gutter:22px;--text-section:30px;--text-feature:26px;--text-page:36px}
 .hero-routes{gap:4px 18px}.hero-routes .button{min-height:48px;padding:12px 16px;font-size:14px}.hero-routes .textlink{font-size:14px;gap:10px}.collage-scene{height:280px;margin-top:16px}.collage-copy h1{font-size:clamp(43px,11.5vw,54px);letter-spacing:-.045em}.collage-intro p{margin-bottom:18px}.collage-hero{padding-bottom:0}
 .motion-intro .paper-scene{max-width:280px;justify-self:center}.motion-intro-copy h1{font-size:36px}.motion-intro-copy p{font-size:16px;line-height:1.55}.section-heading{gap:16px;margin-bottom:24px}
 .home .format-showcase-panel,.page-work .lab-panel{display:flex;flex-direction:column;align-items:stretch;gap:20px}.home .format-showcase-panel .showcase-copy,.page-work .lab-panel .lab-copy{order:-1;padding:0;gap:12px}.home .showcase-copy h3,.page-work .lab-copy h3{font-size:24px;max-width:25ch}.home .showcase-copy p,.page-work .lab-copy p{font-size:15px;line-height:1.55}.deck-gallery{min-width:0}
 .home .visual-intro,.home .home-formats,.home .projects-section,.page-work .format-lab,.page-work .format-index,.page-work .editorial-examples{padding-block:44px}
 .home .home-project-spotlight,.home .home-campaign-card,.paper-cta.editorial-split{padding-block:44px}.home .community-copy h2,.home .home-formats .section-heading h2{font-size:30px}.paper-cta .cta-art{max-width:150px}.paper-cta.editorial-split{gap:20px}
 .home .project-rail,.journal-home-rail,.episode-grid,.video-library-grid{grid-auto-columns:87%;gap:16px;scroll-padding:0}.home .deck-board,.page-work .deck-board{grid-auto-columns:87%}.deck-board .deck-print{transform:none!important}.deck-board{padding-block:8px 12px!important}
 .home .partner-section .section-heading{gap:16px}.home .partner-logos{margin-top:24px;gap:12px}.home .partner-logos figure{height:84px;padding:16px}
 .page-projects .project-lead{padding:32px 22px}.page-projects .project-lead .civic-copy{padding-top:24px}.page-projects .off-project{padding-block:44px}.page-projects .off-project-copy{padding-top:24px}.page-partners .collab-section{padding-top:44px}.page-partners .collab-filters{gap:6px;flex-wrap:wrap}.collab-filters button{min-height:44px;padding:10px 14px}
 .page-about .photo-essay,.page-about .about-evolution,.page-about .manifesto,.page-about .about-reportage{padding-block:44px}.community-impact{padding-block:48px}.impact-heading h2{font-size:34px}.impact-lead-number{font-size:clamp(120px,34vw,160px)}
}
@media(max-width:359px){.section-guide{gap:7px;padding-inline:16px;font-size:12px}.guide-page{max-width:100px}.hero-routes{flex-direction:column;align-items:start;gap:6px}.header nav>a:not(.button){min-height:62px;padding-block:10px!important}.collection-hint{flex-basis:100%;margin-bottom:0}.motion-intro-copy h1{font-size:32px}}
@media(prefers-reduced-motion:reduce){.section-map,.section-guide{scroll-behavior:auto}}

@media(max-width:1049px){.header nav .nav-cta{width:100%;align-self:stretch}.section-map a:focus-visible{outline:2px solid #171714;outline-offset:-2px}}
@media(max-width:699px){
 .deck-board .deck-print{flex-basis:85%;max-width:none}.deck-board-podcast .deck-print{flex-basis:87%;max-width:none}
 .off-merch{padding:10px 44px 10px 12px;border-top-width:3px}.off-merch-layout{grid-template-columns:52px minmax(0,1fr);gap:12px}.off-merch-photo{padding:3px}.off-merch-photo img{height:66px;min-height:0}.off-merch h2,.off-merch-description{display:none}.off-merch-brand{margin:0;font-size:10px}.off-merch-shop{background:transparent;color:#171714;padding:5px 0;min-height:44px;border-radius:0;font-size:15px}.off-merch-close{top:50%;transform:translateY(-50%)}
}

.guide-action{display:flex;align-items:center;gap:7px;flex:none;font-size:11px;font-weight:500}.guide-action .guide-icon{font-size:19px}
