/* ACKER Why: full-screen slides, never a scroll-driven timeline. */
.why-page{height:100svh;min-height:0;overflow:hidden}
.why-page .why-main{position:relative;min-height:0;min-width:0;overflow:hidden}
.why-page .why-page-heading{
  position:absolute;width:1px;height:1px;padding:0;margin:-1px;
  overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0
}
.why-page .story-scenes{
  --story-gutter:max(40px,calc((100vw - 1260px)/2));
  --story-ink-muted:rgba(248,251,253,.83);
  --story-paragraph-gap:clamp(8px,1.2svh,12px);
  display:block!important;position:relative;inset:auto;
  width:100%;max-width:none;height:100%;margin:0;padding:0;gap:0
}
.why-page .story-scene,
html:not(.has-scroll-story) .why-page .story-scene{
  position:absolute;inset:0;width:100%;height:100%;min-height:0;
  overflow:hidden;visibility:hidden;opacity:0;pointer-events:none;
  padding:clamp(4px,1.1svh,12px) var(--story-gutter) clamp(60px,8svh,76px);
  align-content:center;justify-content:center;
  transition:opacity 260ms ease,visibility 0s linear 260ms
}
.why-page .story-scene.is-active,
html:not(.has-scroll-story) .why-page .story-scene.is-active{
  opacity:1;visibility:visible;pointer-events:auto;
  transition:opacity 300ms ease,visibility 0s
}
.why-page .story-combined{
  display:grid;
  --pair-media-size:min(calc(50vw - var(--story-gutter) - var(--space-8)),32svh,365px);
  gap:clamp(4px,.8svh,9px) var(--pair-column-gap)
}
.why-page .story-race{gap:clamp(12px,2.2svh,25px)}
.why-page .story-race .story-headline{font-size:clamp(48px,7vw,92px)}
.why-page .story-race-graph{width:min(100%,980px,95svh)}
.why-page .story-ending-headline{font-size:clamp(56px,7.4vw,112px)}
.why-page .story-grid-fallback{display:block;width:100%;height:100%;aspect-ratio:1}
.why-page.has-slides .story-grid-fallback{display:none}
.why-page #story-inventions-grid{display:none}
.why-page.has-slides #story-inventions-grid{display:block}
.why-controls{
  position:absolute;bottom:clamp(9px,1.6svh,18px);left:0;right:0;
  z-index:4;display:flex;align-items:center;justify-content:center;
  gap:clamp(12px,3vw,26px);pointer-events:auto
}
.why-controls button{
  width:clamp(90px,12vw,116px);height:40px;border:1px solid var(--white);
  border-radius:0;background:transparent;color:var(--white);
  font:600 13px/1.2 "Open Sauce One",sans-serif;
  cursor:pointer;transition:background-color .18s,color .18s
}
.why-controls button:hover:not(:disabled),
.why-controls button:focus-visible:not(:disabled){background:var(--white);color:var(--navy)}
.why-controls button:disabled{opacity:.33;cursor:default}
.why-position{min-width:44px;text-align:center;color:rgba(248,251,253,.73);font-size:13px;font-variant-numeric:tabular-nums}
@media(min-width:741px) and (max-height:700px){
 .why-page .story-combined{--pair-media-size:min(calc(50vw - var(--story-gutter) - var(--space-8)),24svh,285px)}
 .why-page .story-race-graph{width:min(100%,740px,86svh)}
 .why-page .story-race .story-headline{font-size:clamp(43px,6vw,70px)}
}
@media(min-width:741px) and (max-height:540px){
 .why-page .story-combined{--pair-media-size:min(calc(50vw - var(--story-gutter) - var(--space-8)),20svh,220px);row-gap:3px}
 .why-page .story-combined .story-pair-stat{font-size:clamp(32px,4vw,54px)}
 .why-page .story-combined .story-pair-stat-commercial{font-size:clamp(48px,6vw,80px)}
 .why-page .story-combined .story-pair-intro,.why-page .story-combined .story-pair-description{font-size:14px}
 .why-page .story-combined .story-source{font-size:11px}
}
@media(max-width:740px){
 .why-page .story-scenes{--story-gutter:20px}
 .why-page .story-combined{
   display:flex;flex-direction:column;align-items:center;
   --pair-media-size:min(14svh,36vw,124px);
   gap:clamp(5px,1svh,10px)
 }
 .why-page .story-combined .story-pair-card{width:100%;max-width:540px;flex:none}
 .why-page .story-combined .story-pair-intro{font-size:clamp(13px,3.4vw,16px)}
 .why-page .story-combined .story-pair-stat{font-size:clamp(38px,10vw,57px)}
 .why-page .story-combined .story-pair-stat-commercial{font-size:clamp(45px,12vw,69px)}
 .why-page .story-combined .story-pair-description{font-size:clamp(13px,3.4vw,16px);line-height:1.26}
 .why-page .story-race{gap:clamp(8px,1.5svh,16px)}
 .why-page .story-race .story-headline{font-size:clamp(34px,9.5vw,64px)}
 .why-page .story-race-graph{width:min(100%,480px)}
 .why-page .story-ending-headline{font-size:clamp(40px,10vw,66px)}
}
@media(max-width:740px) and (max-height:740px){
 .why-page .story-combined{--pair-media-size:min(10svh,34vw,84px);gap:5px}
 .why-page .story-combined .story-pair-card{row-gap:3px}
 .why-page .story-combined .story-pair-stat{font-size:clamp(33px,9vw,47px)}
 .why-page .story-combined .story-pair-stat-commercial{font-size:clamp(42px,11vw,58px)}
 .why-page .story-combined .story-pair-intro,.why-page .story-combined .story-pair-description{font-size:clamp(12px,3.1vw,14px)}
 .why-page .story-combined .story-source{font-size:10px}
 .why-page .story-race .story-headline{font-size:clamp(30px,8.5vw,48px)}
 .why-page .story-race-graph{width:min(100%,37svh,400px)}
 .why-controls button{height:36px}
}
@media(max-width:740px) and (max-height:570px){
 .why-page .story-combined{--pair-media-size:min(8svh,30vw,60px);gap:3px}
 .why-page .story-combined .story-pair-stat{font-size:clamp(28px,8vw,38px)}
 .why-page .story-combined .story-pair-stat-commercial{font-size:clamp(36px,10vw,46px)}
 .why-page .story-combined .story-pair-intro,.why-page .story-combined .story-pair-description{font-size:12px;line-height:1.17}
 .why-page .story-race-graph{width:min(100%,31svh,340px)}
 .why-controls{bottom:4px}
 .why-controls button{height:32px}
}
@media(prefers-reduced-motion:reduce){
 .why-page .story-scene,.why-page .story-scene.is-active,
 .why-controls button{transition:none!important}
}