/* The homepage instrument is conceptual navigation, not a calibrated clock. */
.chrono-hero{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center;padding:64px 0 56px}
.chrono-copy h1{font-size:clamp(60px,6.9vw,104px);line-height:1.03;letter-spacing:-.045em;margin:28px 0}
.chrono-copy h1 em{color:var(--rose);font-weight:400}
.chrono-intro{font-size:17px;line-height:1.85;max-width:425px;color:var(--muted)}
.chrono-copy .actions{margin:34px 0 28px;gap:24px;flex-wrap:wrap}
.chrono-note{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);border-top:1px solid var(--line);padding-top:24px;max-width:390px}
.chrono-instrument{background:#28232c;color:#efe7d9;padding:28px 32px 24px;border-radius:48% 48% 3px 3px / 7% 7% 3px 3px;box-shadow:0 22px 60px #382a3412;min-width:0}
.chrono-instrument-top,.chrono-instrument-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:#c8b999}
.chrono-instrument-top{padding:4px 6px 12px}.chrono-instrument-bottom{padding:6px 6px 20px;border-bottom:1px solid #c8b99930}
.chrono-face{position:relative;aspect-ratio:1;touch-action:pan-y;cursor:grab;user-select:none}.chrono-face:active{cursor:grabbing}
.chrono-face svg{display:block;width:100%;height:100%;overflow:visible}
[data-chrono-hand]{transform-origin:220px 220px;transition:transform .45s ease}
.chrono-era{position:absolute;inset:25%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;text-align:center;pointer-events:none}
.chrono-era-number{font-family:Georgia,serif;font-size:clamp(34px,4.6vw,67px);color:#e0cda9;line-height:1}
.chrono-era-title{font-size:10px;line-height:1.65;letter-spacing:.08em;text-transform:uppercase;max-width:155px;text-wrap:balance}
.chrono-range-label{font-size:11px;display:flex;justify-content:space-between;align-items:center;margin-top:20px;color:#d9cbb7}
.chrono-range-label output{color:#bdae99;font-variant-numeric:tabular-nums}
#chrono-era-range{width:100%;height:32px;accent-color:#d3bc92;cursor:pointer;margin:6px 0}
.chrono-era-buttons{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}
.chrono-era-buttons button{font-family:Georgia,serif;color:#d9cbb7;border:1px solid #c8b99930;background:transparent;min-height:40px;cursor:pointer}
.chrono-era-buttons button[aria-pressed=true]{background:#e0cda9;color:#28232c;border-color:#e0cda9}
.chrono-era-buttons button:hover{border-color:#e0cda9}.chrono-era-buttons button:focus-visible,#chrono-era-range:focus-visible{outline:2px solid #e0cda9;outline-offset:4px}
.chrono-no-script{font-size:12px}.chrono-no-script a{color:inherit;text-decoration:underline}
.chrono-bridge{display:flex;justify-content:space-between;gap:20px;border-block:1px solid var(--line);padding:20px 0;font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}
.archive-introduction{display:grid;grid-template-columns:230px 1fr;gap:44px;align-items:center;padding:50px 0;border-bottom:1px solid var(--line)}
.archive-introduction img{width:230px;height:245px;object-fit:cover}.archive-introduction h2{font-size:40px;line-height:1.13;margin:14px 0}.archive-introduction p:not(.eyebrow){max-width:640px;color:var(--muted)}
@media(min-width:1151px){.main-nav{gap:28px}.main-nav>a:not(.nav-business){font-size:10px}}
@media(max-width:1000px){.chrono-hero{gap:5%;padding-top:42px}.chrono-instrument{padding:25px 20px 20px}.chrono-copy h1{font-size:70px}.chrono-intro{font-size:15px}}
@media(max-width:720px){.chrono-hero{grid-template-columns:1fr;gap:30px;padding:34px 0}.chrono-copy h1{font-size:clamp(57px,12.5vw,84px);margin:22px 0}.chrono-intro{max-width:560px}.chrono-copy .actions{margin:25px 0;gap:20px}.chrono-note{margin:0;max-width:none}.chrono-instrument{max-width:510px;width:100%;justify-self:center}.chrono-era-number{font-size:60px}.chrono-bridge{line-height:1.7;gap:14px;letter-spacing:.08em}.archive-introduction{grid-template-columns:125px 1fr;gap:22px;padding:32px 0}.archive-introduction img{width:125px;height:190px}.archive-introduction h2{font-size:29px}.archive-introduction p{font-size:13px}}
@media(max-width:380px){.chrono-instrument{padding:22px 16px 18px}.chrono-instrument-top,.chrono-instrument-bottom{font-size:8px;letter-spacing:.09em}.chrono-era-number{font-size:44px}.chrono-era-title{font-size:9px}.archive-introduction{grid-template-columns:1fr}.archive-introduction img{width:100%;height:230px}}
@media(prefers-reduced-motion:reduce){[data-chrono-hand]{transition:none}}
