@media(max-width:1100px){
    .hero{height:235vh}
    .hero-copy{width:min(40vw,540px)}
    .story-section,.knowledge-map,.workflow-section,.roles-section{grid-template-columns:1fr;gap:56px}
    .story-copy{max-width:700px;padding-top:0}
    .map-core{width:min(700px,100%);margin-inline:auto}
    .map-copy{max-width:760px}
    .workflow-intro{position:static}
    .roles-intro{max-width:760px}
}
@media(max-width:780px){
    .site-header,.site-footer,main{width:min(calc(100% - 32px),var(--landing-max))}
    .site-header{height:80px;grid-template-columns:1fr auto}
    .site-nav{display:none}
    .hero{height:215vh}
    .hero-sticky{height:100svh;min-height:0}
    .hero-copy{left:16px;right:16px;top:32%;width:auto;max-width:720px;transform:translateY(calc(-50% + var(--hero-copy-shift)))}
    .hero h1{font-size:clamp(54px,15vw,76px);line-height:.92;margin:22px 0 24px}
    .hero-lead{max-width:620px;font-size:17px}
    .hero-actions{align-items:flex-start;flex-direction:column;gap:20px;margin-top:28px}
    .constellation-caption{display:none}
    .hero-scroll-hint{left:16px;bottom:16px}
    .signal-strip{grid-template-columns:repeat(2,1fr);gap:32px 20px;padding-top:42px}
    .story-section,.knowledge-map,.workflow-section,.roles-section{padding:100px 0 60px}
    .story-heading h2,.map-copy h2,.workflow-intro h2,.roles-intro h2,.final-cta h2{font-size:clamp(42px,12vw,60px)}
    .knowledge-map{min-height:auto}
    .workflow-list{gap:50px}
    .workflow-list h3{font-size:30px}
    .role-lines article{grid-template-columns:38px 1fr}
    .role-lines p{grid-column:2}
    .final-cta{min-height:560px;padding:90px 0}
    .site-footer{grid-template-columns:1fr auto;padding:36px 0}
    .site-footer p{grid-column:1/-1;grid-row:2}
}
@media(max-width:480px){
    body{font-size:16px}
    .site-logo{font-size:16px}
    .hero{height:200vh}
    .hero-copy{top:29%}
    .hero h1{font-size:49px}
    .hero-lead{font-size:16px;line-height:1.48}
    .hero-scroll-hint span{display:none}
    .signal-strip{grid-template-columns:1fr}
    .map-core>strong{width:100px;height:100px;font-size:22px}
    .workflow-list li{grid-template-columns:42px 1fr;gap:10px}
    .role-lines h3{font-size:24px}
    .site-footer{gap:20px}
}
@media(max-height:700px) and (max-width:780px){
    .hero-copy{top:30%}
    .hero h1{font-size:clamp(44px,13vw,60px);margin:16px 0 18px}
    .hero-lead{font-size:15px;line-height:1.42}
    .hero-actions{margin-top:20px;gap:14px}
}
@media(prefers-reduced-motion:reduce){
    html{scroll-behavior:auto}
    .primary-cta,.text-link span{transition:none}
    .hero{height:125vh}
    .hero-copy{opacity:1;filter:none;transform:translateY(-50%)}
    .hero-scroll-hint{display:none}
    .hero-scroll-hint i:after{animation:none}
}