:root{--ink:#172a51;--muted:#61769b;--paper:#fdfdfc;--lilac:#e9e3ff;--purple:#7137b5;--blue:#1f73d1;--green:#4a9437;--orange:#f2652b}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Montserrat,sans-serif}.intro{min-height:100vh;max-width:1280px;margin:auto;padding:7.5rem 4.5rem 3rem;position:relative}.intro-rule{position:absolute;top:4.6rem;left:4.5rem;width:32px;height:3px;background:#9be3d0}.eyebrow,.section-no{font:500 .62rem/1.4 "DM Mono",monospace;letter-spacing:.1em;text-transform:uppercase;color:#7485a1}.eyebrow span{color:#b0baac;padding:0 .35rem}.masthead{display:flex;align-items:end;justify-content:space-between;margin:4.4rem 0 3.2rem}.title-block p{font-size:clamp(1.2rem,2vw,1.8rem);margin:0 0 .35rem;letter-spacing:-.04em}.title-block h1{font:600 clamp(3rem,6.8vw,6.2rem)/.8 "EB Garamond",serif;margin:0;color:#192b52}.subtitle{font:400 1rem/1.5 Montserrat,sans-serif;color:#7181a0;margin:0 8% .25rem 0}blockquote{margin:0;max-width:770px;font:400 clamp(1.35rem,2.1vw,2rem)/1.35 "EB Garamond",serif;color:#273552;border-left:1px solid #a6b3ca;padding-left:1.4rem}.intro-meta{display:flex;gap:.6rem;flex-wrap:wrap;margin-top:2.25rem}.intro-meta span{border:1px solid #d5ddea;border-radius:99px;padding:.5rem .75rem;color:#566a90;font-size:.65rem}.scroll-cue{display:inline-flex;gap:.7rem;align-items:center;margin-top:3rem;text-decoration:none;text-transform:uppercase;letter-spacing:.13em;font:500 .65rem "DM Mono",monospace;color:var(--ink)}.scroll-cue b{display:grid;place-items:center;border:1px solid #b5c3d9;width:25px;height:25px;border-radius:50%;font-size:1rem}.timeline-section{height:360vh;background:linear-gradient(180deg,#fff 0%,#faf9ff 100%)}.timeline-sticky{position:sticky;top:0;height:100vh;overflow:hidden;padding:6vh 0 3vh;display:grid;grid-template-rows:auto 1fr auto}.timeline-top{text-align:center;position:relative}.timeline-top:before{content:"";position:absolute;width:min(58vw,800px);height:76px;left:50%;top:1rem;transform:translateX(-50%);background:linear-gradient(90deg,transparent,#eae5ff 15%,#f4efff 85%,transparent);z-index:-1}.timeline-top p{margin:0;color:#7883a3;text-transform:uppercase;letter-spacing:.13em;font:500 .58rem "DM Mono",monospace}.timeline-top h2{font:400 clamp(2.5rem,5vw,5rem)/1 Parisienne,cursive;margin:.2rem 0 .8rem}.hint{display:none}.timeline-window{overflow:hidden;align-self:center;width:100%}.timeline-track{display:flex;gap:3vw;width:max-content;padding:0 calc(50vw - 140px);will-change:transform}.era{width:min(84vw,1060px);display:grid;grid-template-columns:210px 1fr;gap:2rem;align-items:start}.era-head{padding:.95rem 1.1rem;color:#fff;border-radius:10px;box-shadow:0 6px 12px #172a5115}.era-num{font:500 .62rem "DM Mono",monospace;opacity:.82}.era h3{font:500 1.35rem/1.05 "EB Garamond",serif;margin:.25rem 0}.era-head p{font-size:.62rem;margin:.2rem 0 0;opacity:.9}.era-date{display:block;font:500 .6rem "DM Mono",monospace;color:#637397;margin:.85rem 0}.people{display:grid;grid-template-columns:repeat(var(--people),minmax(115px,1fr));gap:0}.person{padding:0 1rem;border-left:1px solid var(--accent);min-height:290px}.portrait{width:58px;height:58px;border-radius:50%;background:radial-gradient(circle at 50% 30%,#f7ece1 0 22%,#d2c2af 23% 42%,#eee7df 43% 62%,#b69a84 63% 70%,#e7dfd7 71%);border:2px solid #fff;box-shadow:0 0 0 1px #d8dce2;margin:-6px 0 .5rem;position:relative}.portrait:after{content:attr(data-initials);position:absolute;inset:0;display:grid;place-items:center;font:500 .85rem "EB Garamond",serif;color:#625143;background:#f4eee8d9;border-radius:inherit}.person h4{font:600 .67rem/1.25 Montserrat,sans-serif;margin:0;color:#32456e}.person time{font:400 .54rem "DM Mono",monospace;color:#7381a0}.person p{font:400 .58rem/1.42 Montserrat,sans-serif;color:#4c5d7c;margin:.8rem 0 0}.person p b{font-weight:700;color:#273b66}.timeline-controls{justify-self:center;display:flex;align-items:center;gap:1rem}.timeline-controls button{border:0;background:transparent;color:#21396d;font-size:1.4rem;cursor:pointer;padding:.3rem}.progress{height:2px;width:190px;background:#dbe1ec}.progress i{display:block;height:100%;width:25%;background:#2d4677;transition:width .35s}.closing{padding:10rem max(7vw,3rem) 2.5rem;background:#fff}.closing-grid{max-width:1120px;margin:auto;display:grid;grid-template-columns:250px 1.2fr 310px;gap:3.5rem;align-items:center}.evolution-card{position:relative;min-height:190px;padding:1.2rem 1.4rem;border-radius:10px;background:linear-gradient(145deg,#0a3e70,#0e2650);color:#eaf7ff;box-shadow:0 12px 20px #09264a25}.evolution-card span,.evolution-card strong{display:block;font:400 1.6rem/1 "EB Garamond",serif}.evolution-card strong{font-size:2rem;margin-top:.25rem}.evolution-card i{position:absolute;right:1.2rem;top:1rem;color:#e7e649;font-size:2rem;font-style:normal}.reflection h2{font:500 2.1rem/1.05 "EB Garamond",serif;margin:.55rem 0 1rem}.reflection>p:last-child,.reference>p{font-size:.72rem;line-height:1.6;color:#46567a}.reference{padding:1.6rem;background:#e9e5fb}.reference h3{font:600 .9rem Montserrat,sans-serif;margin:.6rem 0}.reference small{font:500 .55rem "DM Mono",monospace;color:#6b698c}.final-quote{max-width:1120px;margin:6rem auto 1.8rem;text-align:center;font:400 clamp(1.6rem,3vw,3rem)/1.1 Parisienne,cursive}.closing footer{text-align:center;text-transform:uppercase;letter-spacing:.15em;font:500 .55rem "DM Mono",monospace;color:#8290a7}@media(max-width:850px){.intro{padding:5rem 1.5rem 2.5rem}.intro-rule{left:1.5rem;top:2.8rem}.masthead{display:block;margin:3rem 0 2.5rem}.subtitle{margin:1.5rem 0 0}.timeline-section{height:auto}.timeline-sticky{position:relative;height:auto;padding:4rem 0}.hint{display:block!important;margin-top:1rem!important}.timeline-window{overflow:auto;padding-bottom:1.2rem}.timeline-track{padding:1.5rem;transform:none!important}.era{width:900px;grid-template-columns:180px 1fr}.timeline-controls{display:none}.closing{padding:5rem 1.5rem 2rem}.closing-grid{grid-template-columns:1fr;gap:2rem}.reference{max-width:400px}.final-quote{margin:4rem 0 2rem}}