/* Restore the first dial (2963220), retaining the four accepted style colors. */
body[data-design=classic]{background:radial-gradient(900px 520px at 50% -120px,rgba(255,255,255,.13),transparent 70%),var(--bg)}
body[data-design=classic][data-page=landing] .site-header{padding:14px max(24px,calc(50% - 560px));background:rgba(8,9,11,.76);border-bottom:1px solid var(--line)}
.hero.hero-classic{padding:124px 28px 112px;background:none}
.hero-classic h1{font-size:clamp(33px,8.6vw,92px)}
.hero-classic h1 .silver-text{background-image:linear-gradient(180deg,#fff 10%,#d5dce6 55%,#98a2b2 100%)}
.hero-classic .eyebrow{color:#bcc4d0}
.hero-classic .hero-fine{margin-top:44px}
.hero-classic .instrument .hair{stroke:rgba(214,221,232,.17)}
.hero-classic .instrument .spin .tk{stroke:rgba(214,221,232,.4);opacity:1}
.hero-classic .instrument .spin .arc,.hero-classic .instrument .spin .pt{opacity:1}
.hero-classic .instrument text{opacity:1}
.hero-classic .hero-meta svg{color:inherit}
.hero-classic .migration-note{max-width:520px;margin-bottom:0}
.hero-clockwork .clockwork-pause{position:absolute;bottom:24px;right:28px;display:flex;align-items:center;gap:9px;padding:9px 12px;border:1px solid #ffffff1c;border-radius:6px;background:#08090bd9;color:#aeb7c4;font-size:10px;line-height:1.4;letter-spacing:.02em}
.hero-clockwork .clockwork-pause:hover{border-color:#ffffff50;color:#fff}
.hero-clockwork .clockwork-pause:disabled{cursor:default;opacity:.6}
@media(max-width:640px){
  body[data-design=classic][data-page=landing] .site-header{padding:12px 20px}
  .hero.hero-classic{padding:76px 22px 72px}
}
@media(max-width:380px){
  body[data-design=classic][data-page=landing] .site-header{padding:12px 16px;gap:12px}
  .hero-classic h1{font-size:clamp(29px,8.3vw,32px)}
}