/* Variant C: rijkere inhoud binnen één strakke beslisflow. */
body{min-width:0}
.mobile-menu{display:none}
.eyebrow,.label{font-size:clamp(.88rem,.82rem + .15vw,1rem);font-weight:500;line-height:1.42;letter-spacing:-.015em}
.hero h1{min-width:0;max-width:16.75ch;font-size:clamp(3.3rem,6.55vw,6.65rem);letter-spacing:-.04em}
.hero h1 em{display:block;max-width:12.6ch;margin-top:.06em;white-space:normal}
.hero-copy{display:flex;flex-direction:column;align-items:flex-start;min-width:0;margin-top:clamp(2.4rem,4vw,4rem);padding-top:0;border-top:0}
.hero-copy .button--lime{align-self:flex-start;margin-top:2rem}
.hero--scenario{--copy-space:clamp(1.25rem,1.6vw,1.5rem);min-height:calc(100svh - 72px);display:flex;flex-direction:column;padding-bottom:0}
.hero--scenario .hero-grid{padding-bottom:clamp(4rem,9vw,9rem)}
.scenario-headline{grid-column:4/-1;min-width:0;margin:0;text-wrap:balance}
.hero--scenario .scenario-headline--thesis{max-width:16.75ch;font-size:clamp(3.3rem,6.55vw,6.65rem);line-height:.94}
.hero--scenario .scenario-headline--thesis em{min-width:0;max-width:12.6ch}
.scenario-proof{grid-column:4/11;margin-top:clamp(2.5rem,4vw,4rem);font:540 clamp(1.5rem,1.28rem + .7vw,2.05rem)/1.08 var(--display);letter-spacing:-.04em}
.scenario-rotation{min-width:0}
.scenario-headline__stage{position:relative;display:block;width:100%;max-width:100%;min-height:2.08em;margin:.13em 0;padding-bottom:.16em;color:var(--ink);overflow:hidden}
.scenario-headline__phrase{display:block;min-width:0;line-height:.94;text-wrap:balance;transform:translateY(0);transition:transform .22s cubic-bezier(.5,0,.6,1),opacity .2s ease}
.scenario-headline__phrase .scenario-line{display:block}
.scenario-impact{display:block;max-width:37rem;margin-top:.55rem;font:500 clamp(1rem,.94rem + .2vw,1.15rem)/1.35 var(--body);letter-spacing:-.018em;color:var(--ink);transition:transform .22s cubic-bezier(.5,0,.6,1),opacity .2s ease}
.scenario-rotation.is-leaving .scenario-headline__phrase,.scenario-rotation.is-leaving .scenario-impact{opacity:0;transform:translateY(-.72em)}
.scenario-rotation.is-entering .scenario-headline__phrase,.scenario-rotation.is-entering .scenario-impact{animation:phrase-enter .36s cubic-bezier(.2,.8,.2,1) both}
.scenario-headline__phrase mark{padding:0;background:transparent;color:var(--orange);font:inherit}
.hero--scenario .hero-copy{grid-column:4/-1;margin-top:var(--copy-space)}
.hero--scenario .hero-copy .lead{max-width:40ch;font-family:var(--body);font-size:clamp(1.08rem,1rem + .3vw,1.3rem);font-weight:500;line-height:1.35;letter-spacing:-.018em;text-wrap:pretty}
.hero--scenario .hero-copy .button--lime{margin-top:2rem}
.breakpoint{border-bottom:1px solid var(--ink)}
.breakpoint-beat{padding:clamp(5rem,9vw,8.5rem) 0}
.breakpoint-beat--mechanism{position:relative;background:var(--ink);color:var(--white)}
.breakpoint-beat--mechanism:before{display:none}
.breakpoint-beat--outside{background:var(--lime)}
.breakpoint .split>div:first-child{grid-column:1/5}
.breakpoint .split>.prose{grid-column:6/12}
.breakpoint .label--light{color:#d5d8d5}
.breakpoint .prose p+p{margin-top:1rem}

/* Only the audience marker and two true breakpoints receive an accent rule. */
.section--friction .label{position:relative;display:inline-block;padding-bottom:.75rem}
.section--friction .label:after{position:absolute;bottom:0;left:0;width:3.5rem;height:3px;background:var(--orange);content:''}
.section--friction .quote{border-bottom:0}
.hero .eyebrow--audience{position:relative;margin-top:0;padding-top:1rem;color:var(--ink);font:560 clamp(1rem,.94rem + .2vw,1.16rem)/1.3 var(--body);letter-spacing:-.022em}
.hero .eyebrow--audience:before{position:absolute;top:0;left:0;width:3.5rem;height:4px;background:var(--orange);content:''}
.breakpoint .label--section{display:inline-block;margin-bottom:1.25rem;padding-bottom:.5rem;border-bottom:4px solid var(--orange);color:var(--ink);font:600 clamp(.88rem,.84rem + .14vw,1rem)/1.15 var(--mono);letter-spacing:-.025em}
.breakpoint .label--section.label--light{color:var(--white)}
.route-layout>div>.label{position:relative;display:inline-block;margin:0 0 1.65rem;padding-bottom:.75rem;color:var(--ink);font:600 clamp(.88rem,.84rem + .14vw,1rem)/1.15 var(--mono);letter-spacing:-.025em}
.route-layout>div>.label:after{position:absolute;bottom:0;left:0;width:3.5rem;height:3px;background:var(--orange);content:''}
.fit-grid>div,.fit-grid>div+div{padding-top:0;border-top:0}

@keyframes phrase-enter{from{opacity:0;transform:translateY(.72em)}to{opacity:1;transform:translateY(0)}}

@media(min-width:901px){
  .hero--scenario{padding-top:clamp(1.75rem,2.5vw,2.5rem)}
  .hero--scenario .scenario-headline--thesis{max-width:20ch;font-size:clamp(3.5rem,min(5.2vw,7.8svh),5.5rem)}
  .hero--scenario .scenario-headline--thesis em{max-width:16ch}
  .scenario-proof{grid-column:4/-1;margin-top:clamp(1rem,1.4vw,1.25rem)}
  .scenario-impact{max-width:45rem}
  .hero--scenario .hero-copy .lead{max-width:52ch}
}

@media(max-width:900px){
  .scenario-headline,.scenario-proof,.hero--scenario .hero-copy{grid-column:1/-1}
  .hero h1{max-width:16.5ch}
  .hero h1 em{max-width:15.8ch}
  .hero--scenario .hero-copy .lead{max-width:40ch}
  .hero-copy .button--lime{margin-top:2rem}
  .breakpoint .split>div:first-child,.breakpoint .split>.prose{grid-column:1/-1}
  .breakpoint .split>div:first-child{margin-bottom:3rem}
}
@media(max-width:620px){
  .desktop-nav{display:none!important}
  .mobile-menu{position:relative;display:block;font:500 .72rem var(--mono)}
  .mobile-menu summary{display:flex;align-items:center;justify-content:center;min-height:44px;padding:0 .8rem;border:1px solid var(--ink);cursor:pointer;list-style:none}
  .mobile-menu summary::-webkit-details-marker{display:none}
  .mobile-menu[open] summary{background:var(--ink);color:var(--white)}
  .mobile-menu nav{position:absolute;z-index:2;top:calc(100% + 1px);right:0;display:flex!important;flex-direction:column;min-width:220px;border:1px solid var(--ink);background:var(--paper);box-shadow:6px 6px 0 var(--orange)}
  .mobile-menu nav a{display:flex!important;align-items:center;min-height:48px;padding:0 .9rem;border:0!important;border-bottom:1px solid var(--line);white-space:normal!important}
  .mobile-menu nav a:last-child{border-bottom:0!important}
  .mobile-menu nav a:hover{background:var(--ink);color:var(--white)}
  .eyebrow,.label{font-size:.88rem}
  .hero h1{font-size:clamp(2.65rem,11vw,3.65rem);max-width:15ch}
  .hero h1 em{max-width:13.5ch}
  .hero .eyebrow--audience{font-size:1rem}
  .hero--scenario{min-height:calc(100svh - 60px)}
  .hero--scenario .scenario-headline--thesis{font-size:clamp(2.65rem,11vw,3.65rem);max-width:15ch}
  .hero--scenario .scenario-headline--thesis em{max-width:13.5ch}
  .scenario-proof{margin-top:2rem;font-size:clamp(1.4rem,6vw,1.8rem)}
  .scenario-headline__stage{min-height:2.08em}
  .hero-copy .button--lime{width:100%}
  .breakpoint-beat{padding:5rem 0}
}