/* Layout audit: menu fit, shorter scroll choreography and reliable anchors. */
html{scroll-padding-top:88px}
[id]{scroll-margin-top:88px}
.menu{grid-template-columns:minmax(0,1.7fr) minmax(240px,.55fr);gap:clamp(28px,6vw,100px);padding:clamp(28px,5vh,56px) var(--pad) clamp(24px,4vh,44px);overflow-y:auto;overscroll-behavior:contain;background:#dfe7da}
.menu nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(58px,1fr);column-gap:clamp(24px,4vw,72px);align-content:center;min-height:0}
.menu nav a{display:flex;align-items:center;min-width:0;padding:8px 0;font-size:clamp(30px,3.45vw,56px);line-height:.94;white-space:nowrap}
.menu nav span{flex:0 0 42px;width:42px;font-size:8px}
.menu>div{align-self:end;border-left:1px solid rgba(41,43,39,.16);padding:22px 0 4px 28px}
.hero-cinematic{height:185vh;min-height:1320px}
.statement-kinetic{height:210vh;min-height:1510px}
.proof-stream{height:320vh;min-height:2300px}

@media(max-width:780px){
  html{scroll-padding-top:112px}
  [id]{scroll-margin-top:112px}
  body{padding-bottom:82px}
  .menu{inset:70px 0 0;display:block;padding:16px 20px 24px;overflow-y:auto;background:#dfe7da}
  .menu nav{display:flex;flex-direction:column;min-height:auto}
  .menu nav a{min-height:48px;padding:7px 0;font-size:clamp(28px,9vw,40px);line-height:.95;white-space:normal}
  .menu nav span{flex-basis:34px;width:34px;font-size:7px}
  .menu>div{margin-top:24px;padding:18px 0 4px;border-left:0;border-top:1px solid rgba(41,43,39,.16)}
  .menu>div p,.menu>div a{font-size:11px}
  .hero-cinematic{height:auto;min-height:108svh}
  .hero-sticky{height:calc(108svh - 70px);min-height:700px}
  .hero-cinematic .hero-intro{top:29vh}
  .hero-actions{top:40vh}
  .hero-media .hero-product{top:39vh;height:58vh}
  .statement-kinetic{height:auto;min-height:0}
  .statement-stage{min-height:88svh;padding-top:118px;padding-bottom:74px}
  .proof-stream{height:auto;min-height:0}
  .business-paths,.process,.manufacturer-proof,.category-universe,.desire-gallery,.sensory,.production-reality,.metrics,.channels,.references,.faq,.editorial,.studio-stream{padding-top:9vh;padding-bottom:9vh}
  .motion-reel{height:100svh;min-height:680px}
  .lab-feature{height:92svh;min-height:680px}
  .capacity-stage{min-height:94svh}
  .contrast article{min-height:62svh;padding-top:9vh;padding-bottom:9vh}
  .brief-visual{min-height:62svh}
}

@media(max-width:390px){
  .header{padding-left:16px;padding-right:16px}
  .wordmark img{width:105px}
  .header-action:after{font-size:10px}
  .menu{padding-left:16px;padding-right:16px}
  .menu nav a{min-height:44px;font-size:30px}
}

@media(min-width:781px) and (max-height:760px){
  .menu{padding-top:24px;padding-bottom:22px}
  .menu nav{grid-auto-rows:minmax(48px,1fr)}
  .menu nav a{font-size:clamp(28px,3.1vw,46px)}
}