body.dir-c main section { padding: var(--s6) 0 var(--s7); }
.hero-kicker { display: flex; gap: 16px; align-items: center; margin-bottom: var(--s3); }
.hero-kicker h1 { margin: 0; min-width: 0; }
.accent { width: 84px; height: 72px; flex: none; display: block; overflow: hidden; }
.hero-mark { width: 120px; height: 112px; }
.accent .mascot {
  width: 72px;
  height: 72px;
  transform-origin: 0 50%;
  transform: translate3d(calc(var(--near, 0) * 12px), 0, 0) scale(calc(.55 + var(--near, 0) * .45));
}
.hero-mark .mascot { width: 104px; height: 104px; }
body.dir-c main section {
  background-image: linear-gradient(#FF4D28, #FF4D28);
  background-repeat: no-repeat;
  background-size: calc(var(--near, 0) * 100%) 3px;
  background-position: 0 0;
}
h2 .accent { margin-right: 2px; }
@media (prefers-reduced-motion: reduce) {
  .accent .mascot { transform: none; }
  body.dir-c main section { background-size: 0 3px; }
}
html.hv-still .accent .mascot { transform: none; }
html.hv-still body.dir-c main section, html.hv-still.dir-c main section { background-size: 0 3px; }
/* Live homepage (Oct 25, 2026): the preview bar is gone; the Pause motion control (WCAG 2.2.2) sits in the sponsor bar. */
.hc-bar .wrap { display: flex; gap: var(--s3); align-items: center; justify-content: space-between; }
.hc-bar button { min-height: 32px; background: transparent; color: var(--dd-text); border: 1px solid #A0A6B2; border-radius: var(--r); font: inherit; font-weight: 700; padding: 0 12px; cursor: pointer; white-space: nowrap; }
.hc-bar button:focus-visible { outline: 2px solid #fff; outline-offset: 2px; }
.signup .nbt { margin: 0 0 4px; }
.signup .sbs { margin: 0 0 var(--s2); }