.history-chapter{background:var(--surface)}
.history-intro{padding-top:var(--chapter);padding-bottom:72px}.history-intro .lead{max-width:720px}.history-skip{display:inline-block;font-size:16px;color:var(--accent);margin-top:26px;text-underline-offset:5px}
.time-journey{--time-progress:0;--time-archive:0;position:relative;background:var(--ink)}
.time-stage{position:relative;padding:48px max(var(--gutter),calc((100vw - var(--content))/2));overflow:hidden}
.time-console{display:none}.time-card{display:grid;grid-template-columns:1fr 1.12fr;align-items:center;gap:54px;padding:56px 0;border-bottom:1px solid #ffffff25}
.time-picture{grid-column:2;grid-row:1;overflow:hidden;border-radius:20px;align-self:stretch;min-height:340px}.time-picture img{height:100%;position:absolute;inset:0}.time-picture figcaption{position:absolute;bottom:0;left:0;right:0;padding:32px 16px 14px;color:var(--paper);background:linear-gradient(transparent,#111516e8);font-size:12px;line-height:1.4}
.time-content{grid-column:1;grid-row:1;min-width:0}.time-period{font-size:14px;color:var(--accent);margin-bottom:18px;line-height:1.4}.time-content h3{font-size:clamp(30px,3.2vw,46px);line-height:1.07;letter-spacing:-.035em;text-wrap:balance}.time-description{margin-top:24px;font-size:19px;line-height:1.5;color:var(--muted)}
.time-reading{border-left:2px solid var(--accent);padding-left:18px;margin-top:28px;font-size:18px;line-height:1.4}.time-reading>span{display:block;color:var(--accent);font-size:13px;margin-bottom:8px}.time-sources{display:flex;flex-wrap:wrap;gap:8px 22px;margin-top:22px}.time-sources a,.time-source-note{font-size:13px;line-height:1.4;color:var(--muted);text-underline-offset:4px}.time-source-note{margin-top:22px}.time-sources a:hover{color:var(--paper)}
.time-navigation{display:none}.time-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.history-conclusion{padding-top:96px;padding-bottom:var(--chapter)}.history-conclusion .lead{max-width:850px}.history-conclusion .eyebrow{color:var(--accent)}.history-conclusion h2{max-width:980px}
/* Only enhance after the controller has checked available reading space. */
.is-time-scrub{height:500svh}.is-time-scrub .time-stage{position:sticky;top:0;height:100svh;padding-top:92px;padding-bottom:24px;display:grid;grid-template-rows:100px minmax(0,1fr) 90px;gap:24px}
.is-time-scrub .time-console{display:flex;justify-content:space-between;align-items:center;gap:20px}.time-direction{display:flex;align-items:center;gap:15px}.time-direction>span{font-size:42px;color:var(--accent);line-height:1;transform:rotate(calc(var(--time-progress) * -270deg))}.time-direction strong{display:block;font-size:16px;font-weight:500}.time-direction small{font-size:13px;color:var(--muted);display:block;margin-top:4px}.time-counter{text-align:right}.time-counter>span{display:block;font-size:clamp(70px,8vw,108px);line-height:.8;font-weight:300;letter-spacing:-.055em;font-variant-numeric:tabular-nums;color:var(--accent)}.time-counter>small{font-size:13px;color:var(--muted);display:block;margin-top:15px}
.is-time-scrub .time-scenes{position:relative;min-height:0;perspective:1400px}.is-time-scrub .time-card{position:absolute;inset:0;padding:0;border:0;opacity:0;pointer-events:none;will-change:opacity,transform}.is-time-scrub .time-card.is-current{pointer-events:auto}.is-time-scrub .time-picture{min-height:0;transform-origin:center;will-change:transform}.is-time-scrub .time-content{align-self:center}.is-time-scrub .time-picture img{filter:saturate(var(--era-saturation,1)) sepia(var(--era-sepia,0));transform:scale(1.03)}
.is-time-scrub [data-era="1"]{--era-saturation:.72;--era-sepia:.12}.is-time-scrub [data-era="2"]{--era-saturation:.4;--era-sepia:.25}.is-time-scrub [data-era="3"]{--era-saturation:.55;--era-sepia:.3}
.is-time-scrub .time-content h3{font-size:clamp(32px,2.8vw,40px)}.is-time-scrub .time-description{font-size:18px;line-height:1.45;margin-top:18px}.is-time-scrub .time-period{margin-bottom:14px}.is-time-scrub .time-reading{font-size:17px;margin-top:20px}.is-time-scrub .time-sources,.is-time-scrub .time-source-note{margin-top:18px}
.is-time-scrub .time-navigation{display:block;position:relative;align-self:end}.time-ruler{height:14px;position:relative;overflow:hidden;border-bottom:1px solid #ffffff35;margin:0 6%;}.time-ticks{display:block;position:absolute;inset:0 -80px;background:repeating-linear-gradient(90deg,transparent 0 19px,#ffffff35 19px 20px);transform:translateX(calc(var(--time-progress) * 60px))}.time-ruler i{position:absolute;bottom:0;width:3px;height:14px;background:var(--accent);left:100%;transform:translateX(-50%)}.time-stops{display:flex;justify-content:space-between;gap:8px}.time-stops button{background:transparent;text-align:center;min-width:80px;min-height:58px;padding:10px 0 0;color:var(--muted)}.time-stops strong,.time-stops span{display:block}.time-stops strong{font-size:19px;font-weight:500;font-variant-numeric:tabular-nums}.time-stops span{font-size:12px;margin-top:2px}.time-stops button[aria-pressed=true]{color:var(--accent)}.time-stops button:focus-visible{outline-offset:0}
@media(max-width:1068px){.time-card{gap:32px;grid-template-columns:1fr 1fr}.time-description{font-size:18px}.time-reading{font-size:17px;margin-top:22px}.time-content h3{font-size:36px}.is-time-scrub .time-stage{grid-template-rows:84px minmax(0,1fr) 86px;gap:20px}.time-period{font-size:13px}}
@media(max-width:734px){
 .history-intro{padding-bottom:48px}.time-stage{padding:16px var(--gutter)}.time-card{grid-template-columns:1fr;gap:24px;padding:32px 0 48px}.time-picture{grid-column:1;grid-row:1;aspect-ratio:16/9;min-height:0}.time-content{grid-column:1;grid-row:2}.time-content h3{font-size:30px}.time-period{font-size:12px;margin-bottom:12px}.time-description{font-size:17px;line-height:1.4;margin-top:16px}.time-reading{font-size:16px;margin-top:18px;padding-left:12px}.time-reading>span{font-size:12px;margin-bottom:5px}.time-sources{margin-top:16px;gap:6px 16px}.time-source-note{margin-top:16px}.time-sources a,.time-source-note{font-size:12px}.time-picture figcaption{font-size:12px;padding:26px 12px 10px}
 .is-time-scrub{height:530svh}.is-time-scrub .time-stage{padding:80px 24px 16px;grid-template-rows:58px minmax(0,1fr) 68px;gap:16px}.time-direction{gap:9px}.time-direction>span{font-size:30px}.time-direction strong{font-size:13px}.time-direction small{font-size:12px;max-width:135px}.time-counter>span{font-size:60px}.time-counter>small{font-size:12px;margin-top:10px}.is-time-scrub .time-card{grid-template-rows:clamp(90px,13svh,124px) auto;gap:18px;align-content:center}.is-time-scrub .time-picture{aspect-ratio:auto;align-self:stretch;height:100%}.is-time-scrub .time-content{align-self:start}.is-time-scrub .time-content h3{font-size:28px}.is-time-scrub .time-description{font-size:16px}.time-stops button{min-width:58px;min-height:52px;padding-top:8px}.time-stops strong{font-size:17px}.time-stops span{font-size:12px}.time-ruler{height:10px}.time-ruler i{height:10px}.history-conclusion{padding-top:64px}
}
@media(prefers-reduced-motion:reduce){.time-picture img{filter:none!important}.time-direction>span{transform:none!important}}
@media(max-height:850px) and (min-width:735px){.is-time-scrub .time-stage{padding-top:88px;padding-bottom:16px;grid-template-rows:72px minmax(0,1fr) 72px;gap:16px}.time-counter>span{font-size:76px}.time-counter>small{margin-top:10px}.is-time-scrub .time-content h3{font-size:32px}.is-time-scrub .time-period{font-size:12px;margin-bottom:10px}.is-time-scrub .time-description{font-size:16px;line-height:1.4;margin-top:14px}.is-time-scrub .time-reading{font-size:16px;line-height:1.4;margin-top:14px}.time-reading>span{font-size:12px;margin-bottom:4px}.is-time-scrub .time-sources,.is-time-scrub .time-source-note{margin-top:14px}.time-sources a,.time-source-note{font-size:12px}}