/* Active copy of the frozen hero; loaded after its original inline CSS. */
@media (min-width:1920.01px){
  :root{--wide-px:clamp(1px,min(calc(100vw / 1920),calc(100vh / 1080)),calc(4px / 3));--fw:calc(1920 * var(--wide-px))}
  h1{font-size:clamp(calc(36 * var(--wide-px)),calc(59.3*var(--s)),calc(71.2 * var(--wide-px)))}
  .intro{font-size:clamp(calc(15 * var(--wide-px)),calc(19*var(--s)),calc(22 * var(--wide-px)))}
  .wordmark{font-size:clamp(calc(22.4 * var(--wide-px)),calc(26*var(--s)),calc(31.2 * var(--wide-px)))}
  nav{font-size:clamp(calc(15 * var(--wide-px)),calc(16*var(--s)),calc(19.2 * var(--wide-px)))}
  .btn,.link{font-size:calc(14 * var(--wide-px))}
  .cap{font-size:clamp(calc(10.5 * var(--wide-px)),calc(11*var(--s)),calc(12.5 * var(--wide-px)))}
  .facts dd{font-size:clamp(calc(16 * var(--wide-px)),calc(22*var(--s)),calc(26 * var(--wide-px)))}
  .phase .w{font-size:clamp(calc(35.5 * var(--wide-px)),calc(41.3*var(--s)),calc(49.5 * var(--wide-px)))}
}
a.btn,a.link{text-decoration:none}
@media (max-width:1199px){
  .lede{padding-top:20px}
  .cap{font-size:12px;line-height:1.4;letter-spacing:.1em;overflow-wrap:anywhere}
  .facts dd{white-space:normal;overflow-wrap:anywhere}
  .phases{grid-template-columns:repeat(3,minmax(0,1fr))}
  .phase{min-width:0;min-height:100px;padding-right:10px}
  .phase .w{font-size:clamp(19px,3.8vw,32.7px);line-height:1.12}
  .phase .d{display:block;line-height:1.4;padding-bottom:8px}
  .btn,.link{min-height:50px;height:auto;max-width:100%;white-space:normal;padding-top:14px;padding-bottom:14px;line-height:1.4;text-align:center;justify-content:center}
  .wordmark{min-height:44px;top:14px}
  .hero.open nav{max-height:calc(100svh - 72px);overflow-y:auto;overscroll-behavior:contain}
  nav a{min-height:44px}
  .facts>div{min-width:0}
}
@media (max-width:599px){
  .phase{padding-left:8px;padding-right:6px}
}

/* B review: explicit feedback on every hero control, including selected phases. */
a:is(:hover,:focus-visible),button:is(:hover,:focus-visible){text-decoration:underline;text-underline-offset:.25em}
.phase:is(:hover,:focus-visible){background:rgba(232,196,138,.1);color:var(--window)}
a:focus-visible,button:focus-visible{outline:2px solid var(--window);outline-offset:4px}