:root{--red:#c8102e;--navy:#031525;--gold:#f4c64f;--paper:#f2eee5;--ink:#071d32;--line:#d6cfc2}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:#fff;background:var(--navy);font-family:Arial,Helvetica,sans-serif}.progress{position:fixed;z-index:50;inset:0 0 auto;height:4px;background:#071d32}.progress span{display:block;width:0;height:100%;background:var(--gold)}.museum-nav{position:absolute;z-index:20;top:4px;left:0;right:0;height:92px;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:0 clamp(20px,5vw,76px);border-bottom:1px solid #ffffff38}.brand{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none}.brand span,.brand strong,.brand small{display:block}.brand strong{font:700 1rem Georgia,serif}.brand b{color:var(--gold)}.brand small{margin-top:3px;color:#b7c7d3;font-size:.65rem}.museum-nav nav{display:flex;gap:24px}.museum-nav nav a{color:#fff;font-size:.72rem;font-weight:800;text-decoration:none}.museum-nav nav a:hover{color:var(--gold)}.hero{position:relative;min-height:100vh;display:flex;align-items:center;overflow:hidden}.hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#020d18f7 0%,#031525c4 43%,#03152535 72%),linear-gradient(0deg,#031525 0,transparent 30%)}.hero-copy{position:relative;z-index:2;width:min(780px,62vw);margin-left:clamp(24px,7vw,110px);padding-top:70px}.kicker{margin:0;color:var(--gold);font-size:.66rem;font-weight:900;letter-spacing:.16em}.hero h1{margin:18px 0 26px;font:700 clamp(4rem,8vw,8.5rem)/.78 Georgia,serif;letter-spacing:-.055em}.hero h1 span,.hero h1 em{display:block}.hero h1 em{color:transparent;-webkit-text-stroke:1.5px #fff;font-style:italic}.hero-copy>p:not(.kicker){max-width:630px;color:#d5e0e8;font-size:1.05rem;line-height:1.72}.hero-copy>a{display:inline-flex;gap:35px;margin-top:18px;padding:15px 0;color:#fff;border-top:1px solid var(--gold);border-bottom:1px solid var(--gold);font-weight:900;text-decoration:none}.hero-copy>a span{color:var(--gold)}.hero-stats{position:absolute;z-index:2;right:5vw;bottom:45px;display:grid;grid-template-columns:repeat(3,125px);margin:0}.hero-stats div{padding:15px;border-left:1px solid #ffffff4a}.hero-stats dt{color:#b4c4d0;font-size:.58rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.hero-stats dd{margin:7px 0 0;color:var(--gold);font:700 2rem Georgia,serif}
.controls{position:sticky;z-index:15;top:0;padding:30px clamp(24px,6vw,90px);color:var(--ink);background:#f2eee5f6;border-bottom:1px solid #bcb3a4;box-shadow:0 12px 35px #020b1240;backdrop-filter:blur(14px)}.controls-head{display:flex;align-items:end;justify-content:space-between;gap:20px}.controls h2{margin:8px 0 0;font:700 clamp(2rem,3vw,3.1rem)/1 Georgia,serif}.controls-head>p{margin:0;color:#5b6d7b;font-size:.75rem}.era-filter,.type-filter{display:flex;flex-wrap:wrap;gap:7px;margin-top:22px}.type-filter{margin-top:9px}.controls button{min-height:38px;padding:8px 14px;color:#213d54;background:#fff;border:1px solid #c7c0b4;cursor:pointer;font-size:.7rem;font-weight:900}.controls button:hover,.controls button:focus-visible{border-color:var(--red);outline:none}.controls button.active{color:#fff;background:var(--red);border-color:var(--red)}.type-filter button.active{color:var(--gold);background:var(--navy);border-color:var(--navy)}
.timeline-wrap{padding:105px clamp(24px,7vw,110px) 130px;color:var(--ink);background:var(--paper)}.timeline-intro{display:grid;grid-template-columns:1.15fr .85fr;gap:30px;align-items:end;max-width:1150px;margin:0 auto 75px}.timeline-intro h2{margin:12px 0 0;font:700 clamp(3.5rem,6vw,6.6rem)/.88 Georgia,serif;letter-spacing:-.045em}.timeline-intro>p{max-width:430px;margin:0;color:#526675;line-height:1.7}.timeline{position:relative;max-width:1150px;margin:auto}.timeline::before{content:"";position:absolute;top:0;bottom:0;left:205px;width:2px;background:linear-gradient(var(--red),var(--gold),var(--red))}.timeline article{display:grid;grid-template-columns:170px 1fr;gap:72px;margin-bottom:38px}.timeline article[hidden]{display:none}.timeline time{position:sticky;top:285px;align-self:start;padding-top:25px;color:var(--red);font:700 1rem Georgia,serif;text-align:right}.timeline article>div{position:relative;padding:30px 34px 28px;background:#fff;border:1px solid var(--line);box-shadow:0 14px 35px #061a2920}.timeline article>div::before{content:"";position:absolute;left:-44px;top:31px;width:13px;height:13px;background:var(--gold);border:5px solid var(--paper);border-radius:50%;box-shadow:0 0 0 2px var(--red)}.timeline article>div>span{color:var(--red);font-size:.62rem;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.timeline h3{margin:10px 0 13px;font:700 clamp(1.7rem,3vw,2.8rem)/1 Georgia,serif}.timeline article>div>p,.timeline details p{color:#405766;font-size:1rem;line-height:1.7}.timeline details{margin-top:20px;padding-top:18px;border-top:1px solid #ddd6ca}.timeline summary{color:var(--red);cursor:pointer;font-size:.72rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.timeline .crown>div{color:#fff;background:linear-gradient(135deg,#9c001f,#c8102e 52%,#071d32);border-color:var(--gold);box-shadow:0 20px 45px #8e001d35}.timeline .crown>div>span,.timeline .crown summary{color:var(--gold)}.timeline .crown p{color:#f3e5e7}.empty{max-width:900px;margin:auto;padding:70px;color:#526675;background:#fff;border:1px solid var(--line);text-align:center}
.record-room{display:grid;grid-template-columns:.85fr 1.15fr;gap:80px;padding:105px clamp(24px,7vw,110px);background:linear-gradient(145deg,#8c001c 0%,#c8102e 45%,#071d32 45.2%,#031525)}.record-room h2{margin:12px 0 20px;font:700 clamp(3.5rem,5.5vw,6rem)/.9 Georgia,serif}.record-room>div>p:last-child{max-width:470px;color:#d3dee6;line-height:1.7}.record-room nav{border-top:2px solid var(--gold)}.record-room nav a{display:grid;grid-template-columns:45px 1fr auto;gap:14px;align-items:center;padding:25px 4px;color:#fff;border-bottom:1px solid #ffffff40;text-decoration:none}.record-room nav a:hover{background:#ffffff0b}.record-room nav span{color:var(--gold);font-size:.68rem;font-weight:900}.record-room nav strong{font:700 1.45rem Georgia,serif}.record-room nav small{color:#b7c8d4}footer{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:35px;padding:35px clamp(24px,5vw,76px);background:#010912;border-top:1px solid #264056}footer p{max-width:650px;margin:0;color:#8fa4b5;font-size:.68rem;line-height:1.55}footer a{color:var(--gold);font-size:.72rem;font-weight:900;text-decoration:none}
@media(max-width:900px){.museum-nav nav{display:none}.hero-copy{width:80vw}.hero-stats{left:5vw;right:auto}.controls{position:relative}.timeline-intro,.record-room{grid-template-columns:1fr}.timeline::before{left:20px}.timeline article{grid-template-columns:1fr;gap:8px;padding-left:55px}.timeline time{position:relative;top:auto;text-align:left}.timeline article>div::before{left:-42px}.record-room{gap:35px}}@media(max-width:600px){.museum-nav{height:78px;padding:0 16px}.brand small{display:none}.hero{min-height:880px}.hero-shade{background:linear-gradient(0deg,#031525 0%,#031525d8 66%,#03152570)}.hero-copy{width:auto;margin:0 20px;padding-top:0}.hero h1{font-size:4.1rem}.hero-stats{left:20px;right:20px;bottom:38px;grid-template-columns:repeat(3,1fr)}.hero-stats div{padding:11px}.hero-stats dd{font-size:1.5rem}.controls{padding:28px 18px}.controls-head{display:block}.controls-head>p{margin-top:12px}.era-filter,.type-filter{flex-wrap:nowrap;overflow-x:auto;padding-bottom:5px}.controls button{flex:none}.timeline-wrap{padding:75px 18px 90px}.timeline-intro{margin-bottom:50px}.timeline-intro h2{font-size:3.7rem}.timeline{margin-left:-18px}.timeline article{padding-left:58px}.timeline article>div{padding:25px 22px}.timeline h3{font-size:2rem}.record-room{padding:75px 20px}.record-room nav a{grid-template-columns:36px 1fr}.record-room nav small{grid-column:2}footer{grid-template-columns:1fr}footer img{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}