html{scroll-padding-top:70px}header{top:0}.hero{top:0;height:100svh}.categories{top:0}#motion{color:var(--paper);border:1px solid currentColor;border-radius:50%;background:transparent;min-width:42px;min-height:42px;padding:8px;font-size:17px;flex-shrink:0}.header-note{margin-inline:auto}.no-script{padding:100px 5% 20px;background:var(--paper);color:var(--ink)}body.paused .hero{margin-top:0}@media(prefers-reduced-motion:reduce){.hero{margin-top:0}}@media(max-width:760px){header{gap:12px}.menu-link{margin-left:auto}.categories{top:0}.hero{height:100svh}.category-poster{top:auto}}

/* Draw arrows consistently without platform-dependent emoji glyphs. */
.menu-arrow{width:1em;height:1em;display:inline-block;vertical-align:-.12em;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;pointer-events:none}
.category-switcher button{display:inline-flex;align-items:center;justify-content:center}

/* Keep ornamental marks and controls identical on iOS and desktop. */
.brand-symbol{display:inline-block;width:1em;height:1em;vertical-align:-.1em;flex-shrink:0;pointer-events:none}
button{color:var(--ink);-webkit-appearance:none;appearance:none}
.categories button{color:var(--ink)}
.categories button[aria-pressed=true]{color:var(--paper)}
/* Preserve the transparent original header logo, with brighter gold on dark ink. */
header .brand{transform:none;background:transparent}
header .official-logo{filter:brightness(1.85) saturate(.8);background:transparent}