header{position:relative;min-height:90px;height:auto;gap:24px;padding-block:24px;background:#030a15}
nav{gap:22px;font-size:12px;flex-wrap:wrap;justify-content:flex-end}
nav a[aria-current=page]{color:var(--blue);text-decoration:underline;text-underline-offset:8px}
.menu-toggle{display:none;background:transparent;color:var(--ink);border:1px solid var(--line);padding:12px}
.hero{height:calc(100svh - 90px);min-height:660px}
.page-intro{padding-bottom:30px}
.page-intro h1{font-size:clamp(48px,6vw,86px);letter-spacing:-3px;line-height:1.05}
.page-intro .intro{max-width:640px;margin-bottom:0}
.inner-page main{min-height:72vh}
.inner-page main>.command,.inner-page main>.dimension{padding-top:80px}
.compact{padding-top:30px}
.topic-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:32px 0}
.topic-grid article,.topic-card{min-width:0;border-top:1px solid var(--line);padding:28px 0}
.topic-grid h2{font-size:29px;letter-spacing:-1px;line-height:1.2;margin:20px 0 12px}
.topic-grid p,.page-note{color:var(--muted);font-size:14px;line-height:1.8;max-width:690px}
.topic-card>span:last-child{display:block;color:var(--blue);margin-top:28px;font-size:24px}
.topic-card:hover h2{color:var(--blue)}
.inner-page .sources{margin-top:50px}
.inner-page .movement{padding-top:0}
.inner-page .move-list{margin-top:0}
@media(max-width:1100px){nav{gap:15px;font-size:11px}.topic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:800px){
header{padding:16px 6%;min-height:72px;flex-wrap:wrap;gap:0}
.menu-toggle{display:block;margin-left:auto}
header nav{display:none;width:100%;flex-direction:column;align-items:stretch;gap:0;margin-top:18px}
header nav.open{display:flex}
header nav>a,header nav>a:first-child,header nav>a:nth-child(2){display:block;padding:14px 0;border-top:1px solid var(--line);font-size:14px}
.hero{min-height:800px;height:auto}.hero-art{top:0}.hero-copy{margin-top:350px}
.topic-grid{gap:14px 24px}.topic-grid h2{font-size:25px}
.page-intro h1{font-size:52px;letter-spacing:-2px}
}
@media(max-width:480px){.topic-grid{grid-template-columns:1fr}.hero-copy h1{font-size:56px}.hero-copy{margin-top:310px}.hero{min-height:770px}}

.section-title{font-size:clamp(38px,4vw,64px);font-weight:400;line-height:1.1;letter-spacing:-2.5px;margin:0}

.back-home{display:inline-flex;align-items:center;gap:10px;min-height:44px;margin-bottom:28px;color:var(--blue);font-size:14px}
.back-home:hover{text-decoration:underline;text-underline-offset:4px}
.back-home:focus-visible{outline:2px solid var(--blue);outline-offset:5px}

.about-story>.intro{max-width:760px;line-height:1.85}
.about-story>.intro:first-child{margin-top:0}
