:root{--paper:#f6f1e7;--ink:#23201b;--muted:#6b6357;--rule:#d9cfbd;--accent:#8a4b2a;--serif:"Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif;--sans:system-ui, -apple-system, "Segoe UI", sans-serif;--measure:42rem;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--paper:#1b1915;--ink:#ece5d8;--muted:#a59b8b;--rule:#3a352d;--accent:#d39b72}}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);font:1.125rem/1.65 var(--serif);margin:0}a{color:var(--accent)}img{max-width:100%;height:auto;display:block}.site-header{z-index:10;background:color-mix(in srgb, var(--paper) 88%, transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-bottom:1px solid var(--rule);font-family:var(--sans);padding:.75rem 1rem;position:sticky;top:0}.site-name{color:var(--ink);letter-spacing:.02em;font-weight:600;text-decoration:none}.page{max-width:var(--measure);margin:0 auto;padding:2.5rem 1rem 4rem}h1,h2{font-weight:600;line-height:1.15}h1{margin:.2em 0;font-size:clamp(2.2rem,6vw,3.6rem)}h2{margin:.2em 0;font-size:clamp(1.6rem,4vw,2.3rem)}h2 a{color:inherit;text-decoration:none}.lede{color:var(--muted);font-size:1.25rem}.kicker,.meta{font-family:var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:.85rem}.meta{flex-wrap:wrap;gap:.75rem;display:flex}.tag{text-decoration:none}.timeline-intro{max-width:var(--measure);margin:0 auto;padding:18vh 1rem 10vh}.era{border-top:1px solid var(--rule);padding:12vh 0 8vh;position:relative}.era-year{max-width:72rem;color:var(--rule);font-variant-numeric:oldstyle-nums;pointer-events:none;margin:0 auto;padding:0 1rem;font-size:clamp(4rem,16vw,11rem);line-height:1;position:sticky;top:3.5rem}.era-hero{width:min(72rem,100%);margin:-3rem auto 2.5rem}.era-text{max-width:var(--measure);margin:0 auto;padding:0 1rem;position:relative}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.era-hero,.era-text{animation:linear both rise;animation-timeline:view();animation-range:entry cover 30%}}}@keyframes rise{0%{opacity:0;translate:0 2.5rem}}.prose{margin-top:1.5rem}.figure,.then-now{margin:2.5rem 0}figcaption{font-family:var(--sans);color:var(--muted);gap:.15rem;margin-top:.5rem;font-size:.85rem;display:grid}.credit{font-size:.75rem}.then-now-frame{display:grid;position:relative}.then-now-frame>img{aspect-ratio:4/3;object-fit:cover;grid-area:1/1;width:100%}.then-now-then{clip-path:inset(0 calc(100% - var(--pos)) 0 0);filter:sepia(.25)}.then-now-frame:after{content:"";margin-left:var(--pos);background:var(--paper);pointer-events:none;grid-area:1/1;justify-self:start;width:2px}.then-now-label{font:600 .75rem var(--sans);text-transform:uppercase;background:var(--paper);color:var(--ink);padding:.1rem .5rem;position:absolute;top:.75rem}.then-now-label-then{left:.75rem}.then-now-label-now{right:.75rem}.then-now input[type=range]{opacity:0;cursor:ew-resize;grid-area:1/1;width:100%;margin:0}.then-now input[type=range]:focus-visible{opacity:.6}.cards{grid-template-columns:repeat(auto-fill,minmax(16rem,1fr));gap:2rem;padding:0;list-style:none;display:grid}.card h2{margin-top:.75rem;font-size:1.4rem}