/* A single shared paper white, with deep navy typography on the opening screen. */
html,body,.page{background:#fff}
.page{color:#14263D}
.hero .copy .description{color:#34475D}
.history-clock{position:relative;isolation:isolate;height:100svh;min-height:720px;overflow:hidden;background:#14263D;color:#fff;font-family:Onest,Arial,sans-serif}
.history-dial{position:absolute;width:90vw;height:90vw;left:-42vw;top:50%;transform:translateY(-50%) rotate(-18deg);transition:transform 1800ms cubic-bezier(.4,0,.2,1);z-index:-1}
.history-dial svg{width:100%;height:100%;overflow:visible}
.dial-outline{fill:none;stroke:#fff;stroke-opacity:.16;stroke-width:1}
.dial-ticks line{stroke:#fff;stroke-opacity:.18;stroke-width:1}
.dial-ticks line.major{stroke-opacity:.32;stroke-width:1.4}
.history-dial text{fill:#fff;fill-opacity:.46;font:13px Onest,Arial,sans-serif;letter-spacing:2px;text-anchor:middle}
.history-heading{position:absolute;top:9svh;right:5.5vw;width:38.2%;text-align:right}
.history-kicker{font-size:clamp(10px,.56vw,18px);line-height:1.5;letter-spacing:.17em;text-transform:uppercase;margin:0 0 20px;color:#B9C5D3}
.history-heading h2{font:500 clamp(36px,3vw,96px)/1.02 'Cormorant Garamond',Georgia,serif;letter-spacing:-.025em;margin:0}
.history-stage{position:absolute;inset:0;display:grid;grid-template-columns:38.2% 61.8%;align-items:center;padding:0 5.5vw;gap:0;pointer-events:none}
.history-stage-copy{max-width:28ch;padding-right:2vw}
.history-stage-label{font:500 clamp(28px,2.5vw,72px)/1.08 'Cormorant Garamond',Georgia,serif;margin:0 0 24px;letter-spacing:-.02em}
.history-stage-body{font-size:clamp(16px,.88vw,28px);line-height:1.55;color:#CDD5DF;margin:0}
.history-date{padding-left:12vw;font:400 clamp(100px,14vw,480px)/.88 'Cormorant Garamond',Georgia,serif;letter-spacing:-.045em;white-space:nowrap}
.history-date.is-today{font-size:clamp(80px,9vw,300px)}
.history-needle{position:absolute;left:40vw;width:9vw;top:50%;height:1px;background:#DFE5EB}
.history-needle span{position:absolute;right:0;top:50%;transform:translateY(-50%);width:8px;height:8px;border-radius:50%;background:#A32638;box-shadow:0 0 0 7px #A3263818}
.history-bottom{position:absolute;bottom:7svh;left:5.5vw;right:5.5vw;display:flex;justify-content:space-between;align-items:end;gap:8vw}
.history-bottom>p{max-width:56ch;font-size:clamp(12px,.66vw,21px);line-height:1.55;color:#A9B8C9;margin:0}
.history-controls{display:flex;align-items:center;gap:clamp(18px,2vw,64px);flex:none}
.history-controls button{background:none;color:#A9B8C9;border:0;border-bottom:1px solid transparent;font:400 clamp(12px,.7vw,22px) Onest,Arial,sans-serif;cursor:pointer;padding:12px 0;transition:color .3s,border-color .3s}
.history-controls button[aria-current]{color:#fff;border-color:#A32638}
.history-controls .history-rotation{font-size:15px;min-width:32px}
.history-controls button:focus-visible{outline:1px solid #fff;outline-offset:5px}
.audience-section .numbers-panel{margin:0;width:100%}
@media(max-width:1100px){.history-clock{min-height:650px}.history-date{padding-left:10vw}.history-stage-body{font-size:16px}.history-bottom{gap:5vw}.history-bottom>p{max-width:42ch}.history-dial{width:115vw;height:115vw;left:-56vw}}
@media(max-width:700px){.history-clock{min-height:800px;height:auto}.history-heading{top:48px;left:7vw;right:7vw;width:auto;text-align:left}.history-heading h2{font-size:42px}.history-kicker{font-size:10px}.history-dial{width:180vw;height:180vw;left:-105vw;top:47%}.history-stage{display:flex;flex-direction:column-reverse;align-items:start;justify-content:center;padding:0 7vw;gap:36px}.history-date,.history-date.is-today{padding:0 0 0 28vw;font-size:100px}.history-stage-copy{max-width:32ch;padding:0}.history-stage-label{font-size:32px;margin-bottom:16px}.history-stage-body{font-size:16px}.history-needle{left:7vw;top:39%;width:22vw}.history-bottom{left:7vw;right:7vw;bottom:36px;display:flex;flex-direction:column-reverse;align-items:start;gap:24px}.history-bottom>p{font-size:12px;max-width:42ch}.history-controls{gap:28px}.history-controls button{font-size:13px}}
@media(prefers-reduced-motion:reduce){.history-dial,.history-controls button{transition:none}}
/* Mirrored composition, with readable live text rather than flipped lettering. */
.history-dial{left:auto;right:-42vw;transform:translateY(-50%) rotate(18deg)}
.history-dial img{display:block;width:100%;height:100%;object-fit:contain;opacity:.55}
.history-heading{right:auto;left:5.5vw;text-align:left}
.history-stage{grid-template-columns:61.8% 38.2%}
.history-stage-copy{grid-column:2;grid-row:1;justify-self:end;padding-right:0;padding-left:2vw}
.history-date{grid-column:1;grid-row:1;width:100%;padding-left:0;padding-right:12vw;text-align:right}
.history-needle{left:auto;right:40vw}
.history-needle span{left:0;right:auto}
.history-bottom{flex-direction:row-reverse}
@media(max-width:1100px){.history-dial{left:auto;right:-56vw}.history-date{padding-left:0;padding-right:10vw}}
@media(max-width:700px){.history-dial{left:auto;right:-105vw}.history-heading{left:7vw;right:7vw}.history-stage{align-items:end}.history-stage-copy{padding:0}.history-date,.history-date.is-today{padding:0 28vw 0 0;text-align:left}.history-needle{left:auto;right:7vw}.history-bottom{flex-direction:column-reverse;align-items:start}}

/* Three quiet pointers, all in neutral silver without a red accent. */
.history-date{font-family:Onest,Arial,sans-serif;font-weight:400;font-size:clamp(96px,12vw,420px);font-variant-numeric:lining-nums tabular-nums;letter-spacing:-.065em;line-height:1}
.history-date.is-today{font-size:clamp(66px,7vw,240px);letter-spacing:-.05em}
.history-needle{width:clamp(36px,4vw,120px);height:1px;background:#CDD5DF;opacity:.7}
.history-needle span{display:none}
.history-clock[data-pointer="2"] .history-needle{width:10px;height:24px;background:none;border-right:1px solid #CDD5DF;right:46vw;transform:translateY(-50%)}
.history-clock[data-pointer="2"] .history-needle:before,.history-clock[data-pointer="2"] .history-needle:after{content:'';position:absolute;right:0;width:10px;height:1px;background:#CDD5DF}
.history-clock[data-pointer="2"] .history-needle:before{top:0}.history-clock[data-pointer="2"] .history-needle:after{bottom:0}
.history-clock[data-pointer="3"] .history-needle{width:0;height:0;right:46vw;background:none}
.history-clock[data-pointer="3"] .history-needle span{display:block;width:8px;height:8px;left:0;top:0;background:none;box-shadow:none;border:1px solid #CDD5DF;transform:translate(-50%,-50%) rotate(45deg);border-radius:0}
@media(max-width:700px){.history-date{font-size:90px}.history-date.is-today{font-size:66px}.history-clock[data-pointer="2"] .history-needle,.history-clock[data-pointer="3"] .history-needle{right:24vw}}
/* ImageGen sculptural pointers replace geometric line, bracket and diamond. */
.history-clock .history-needle,.history-clock[data-pointer] .history-needle{width:clamp(80px,6vw,220px);height:clamp(30px,2.8vw,88px);right:40vw;left:auto;top:50%;transform:translateY(-50%);border:0;background:none;opacity:.9}
.history-clock .history-needle:before,.history-clock .history-needle:after{display:none}
.history-needle img{display:block;width:100%;height:100%;object-fit:contain}
@media(max-width:700px){.history-clock .history-needle,.history-clock[data-pointer] .history-needle{right:7vw;top:39%;width:72px;height:32px}}

/* Story reads down the left; the date sits in the open centre of the right dial. */
.history-heading{width:43vw}
.history-heading h2{line-height:.93}
.history-stage{display:block;padding:0}
.history-stage-copy{position:absolute;left:5.5vw;top:37svh;width:38vw;max-width:52ch;padding:0}
.history-stage-label{font-size:clamp(28px,2vw,64px);line-height:1.04;margin-bottom:clamp(20px,2svh,40px)}
.history-stage-body{font-size:clamp(16px,.9vw,28px);line-height:1.55;white-space:pre-line}
.history-date{position:absolute;left:65vw;top:50%;transform:translateY(-50%);width:30vw;padding:0;text-align:center;font-size:clamp(96px,11vw,390px)}
.history-date.is-today{font-size:clamp(62px,6.4vw,220px)}
.history-bottom{justify-content:flex-end;flex-direction:row-reverse}
@media(max-height:800px) and (min-width:701px){.history-heading{top:7svh}.history-stage-copy{top:34svh}.history-stage-body{font-size:clamp(15px,1vw,19px);line-height:1.5}.history-stage-label{font-size:32px;margin-bottom:18px}.history-bottom{bottom:4svh}}
@media(max-width:700px){
 .history-clock{height:auto;min-height:1080px}
 .history-heading{top:48px;width:auto}
 .history-heading h2{font-size:40px;line-height:.95}
 .history-dial{top:350px}
 .history-date,.history-date.is-today{top:340px;left:42vw;width:51vw;padding:0;text-align:center;font-size:76px}
 .history-date.is-today{font-size:44px}
 .history-stage-copy{top:530px;left:7vw;width:86vw;max-width:48ch}
 .history-stage-label{font-size:32px;margin-bottom:20px}
 .history-stage-body{font-size:16px;line-height:1.6}
 .history-bottom{bottom:30px;flex-direction:row;justify-content:flex-start}
 .history-clock .history-needle,.history-clock[data-pointer] .history-needle{top:340px;right:48vw}
}