/* Bounded usability fixes; the desktop composition and scroll scenes are retained. */
.menu-toggle{display:none;background:transparent;border:1px solid currentColor;border-radius:999px;padding:9px 13px;font-size:14px;font-weight:600;cursor:pointer;min-height:44px}
.card:focus-visible .card-img img{transform:scale(1)}
.card:focus-visible .go{transform:none;opacity:1}
.ex{grid-template-rows:auto minmax(0,1fr)}
.ex-stage{min-height:0}
.ex-brands{max-width:100%;min-width:0}
.lb-fig img{object-fit:contain}
@media (hover:none){
  .card-img img{transform:none;object-fit:contain}
  .card-img .go{transform:none;opacity:1;padding:6px 10px;font-size:12px}
}
@media (max-width:859px){
  .hd .wrap{gap:10px;padding-block:14px}
  .hd b{flex:1;min-width:0}
  .hd .say{font-size:13px;padding:10px 13px;white-space:nowrap;min-height:44px;display:inline-flex;align-items:center}
  .hd.nav-ready .menu-toggle{display:inline-flex;align-items:center;justify-content:center}
  .hd nav{position:absolute;top:calc(env(safe-area-inset-top,0px) + 76px);left:var(--gl);right:var(--gr);display:flex;flex-direction:column;gap:0;background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:16px;padding:8px;box-shadow:0 16px 35px rgba(15,14,14,.12)}
  .hd nav a{display:block;min-height:48px;padding:11px 14px;border-radius:10px}
  .hd nav a:hover,.hd nav a:focus-visible{background:var(--red);color:#fff}
  .hd nav a::after{display:none}
  .hd.nav-open .menu-toggle{background:var(--red);border-color:var(--red);color:#fff}
  .ex-brands{flex-wrap:nowrap;overflow-x:auto;flex-basis:100%;order:3;padding-bottom:4px;overscroll-behavior:contain}
  .ex-brands .chip{flex-shrink:0;min-height:44px}
  .ex-bar{gap:8px;padding-block:calc(env(safe-area-inset-top,0px) + 10px) 10px}
  .ex-hint{font-size:11px;max-width:calc(100% - 190px);padding:8px 10px}
}
/* Static reading order for reduced motion or unavailable animation libraries. */
.rm .hero{height:auto;min-height:100svh;display:flex;flex-direction:column;gap:28px;padding:110px var(--gr) 40px var(--gl);overflow:visible}
.rm .nm{display:flex;position:relative;inset:auto;flex-wrap:wrap;gap:0 .16em;font-size:clamp(64px,12vw,200px);line-height:.92;order:1}
.rm .nm span{position:static;transform:none!important;white-space:normal;will-change:auto}
.rm .reel{position:relative;inset:auto;width:100%;aspect-ratio:16/9;clip-path:none;overflow:hidden;border-radius:14px;order:2;will-change:auto}
.rm .hero-meta{display:grid;position:static;inset:auto;max-width:50ch;order:3;opacity:1!important;transform:none!important}
.rm .hero-meta p{font-size:clamp(16px,1.5vw,22px)}
.rm .reel-cap{opacity:1;bottom:16px;right:16px}
.rm .cue{display:none}
.rm .w-pin{overflow:visible}
.rm .track-wrap{max-width:100%;overscroll-behavior-inline:contain}
.rm .track{transform:none!important;will-change:auto}
.rm .card{transform:none!important}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}
