@font-face{font-family:'DM Sans';src:url('./assets/fonts/DM-Sans.ttf') format('truetype');font-weight:400 700;font-display:swap}
@font-face{font-family:'Playfair Display';src:url('./assets/fonts/Playfair-Display.ttf') format('truetype');font-weight:500 600;font-display:swap}
@font-face{font-family:'Playfair Display';src:url('./assets/fonts/Playfair-Display-Italic.ttf') format('truetype');font-weight:500 600;font-style:italic;font-display:swap}
[hidden]{display:none!important}
:root{color-scheme:dark;--bg:#090d12;--ink:#eeeadd;--muted:#989b9a;--gold:#e8ad69;--line:#303638;--serif:'Playfair Display',Georgia,serif;--sans:'DM Sans',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans)}button,a,input{font:inherit}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #f2bd7f;outline-offset:5px}a{color:inherit}.experience{overflow:hidden}.masthead{height:98px;padding:0 6%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff16}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-size:10px;line-height:1.15;font-weight:700;letter-spacing:.15em}.brand-mark{font-size:31px;color:var(--gold);font-weight:400}.edition,.about-button,.eyebrow,.section-kicker,.map-label,.map-key,.side-note,.range-top,.ticks,.story-number,.story small,.detail-index,.detail-foot,.footer-sources>span,.footer-end,.dialog-top,.dialog-action,.explore{font-size:9px;letter-spacing:.16em;font-weight:700}.edition{color:#858a89}.edition i{display:inline-block;width:4px;height:4px;border-radius:50%;background:var(--gold);margin:0 10px 2px}.about-button{border:0;background:none;cursor:pointer}.about-button span{color:var(--gold);font-size:15px;margin-left:10px}.hero{min-height:670px;height:calc(100vh - 98px);max-height:920px;position:relative;display:flex;align-items:center;padding:0 6%}.hero-copy{position:relative;z-index:2;width:43%;pointer-events:none}.hero-copy button{pointer-events:auto}.eyebrow,.section-kicker{color:var(--gold)}.line{display:inline-block;width:34px;height:1px;background:var(--gold);vertical-align:middle;margin-right:12px}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--serif);font-weight:500}h1{font-size:clamp(57px,6.7vw,108px);line-height:1.02;letter-spacing:-.055em;margin:28px 0}em{font-weight:500}h1 em,.stories h2 em,.dialog-star+span+h2 em{color:#d9b28c}.period,.timeline h2 span{color:var(--gold)}.hero-copy p,.stories-intro p,.story-detail p{color:#adb0ac;line-height:1.8;font-size:14px;max-width:340px}.explore{margin-top:38px;border:0;border-bottom:1px solid #a3764d;padding:0 0 14px;background:none;cursor:pointer}.explore span{font-size:18px;color:var(--gold);margin-left:24px}.map-wrap{position:absolute;left:30%;right:-8%;top:7%;bottom:7%;overflow:hidden}canvas{width:100%;height:100%;display:block}.map-label{position:absolute;color:#727a78;pointer-events:none}.map-label-top{top:9%;right:14%}.map-label-top span{color:var(--gold)}.map-label-bottom{bottom:12%;left:16%;display:flex;align-items:center;gap:10px}.pulse{width:6px;height:6px;background:var(--gold);border-radius:50%;box-shadow:0 0 12px var(--gold)}.map-coordinates{margin-left:45px;color:#555f5e}.map-key{position:absolute;bottom:3%;right:13%;display:flex;gap:18px;color:#89908b;font-size:8px}.map-key span{display:flex;align-items:center;gap:7px}.map-key b{width:6px;height:6px;border-radius:50%;background:var(--gold)}.map-key .key-fleet{background:#a5d5ce}.map-key .key-event{background:#e48a77}.side-note{position:absolute;bottom:28px;left:6%;right:6%;display:flex;justify-content:space-between;color:#707977}.timeline{padding:75px 8% 85px;background:#10151a;border-top:1px solid #ffffff12;border-bottom:1px solid #ffffff12}.timeline-heading{display:flex;justify-content:space-between;align-items:end}.timeline h2{font-size:clamp(32px,3vw,48px);letter-spacing:-.04em;margin-top:14px}.timeline-heading p{font-size:12px;line-height:1.7;color:var(--muted)}.controls{display:flex;align-items:center;gap:35px;margin-top:50px}.play{width:64px;height:64px;flex:none;border:1px solid #a98460;border-radius:50%;background:none;color:var(--gold);cursor:pointer;font-size:15px}.play:hover,.dialog-action:hover{background:var(--gold);color:#101419}.range-wrap{flex:1}.range-top{display:flex;justify-content:space-between;align-items:end;color:#8d9590}.range-top output{font-family:var(--serif);font-size:42px;letter-spacing:-.05em;color:var(--ink);font-weight:500}input[type=range]{width:100%;accent-color:var(--gold);cursor:pointer;margin:15px 0}.ticks{display:flex;justify-content:space-between;color:#737b78;font-size:9px}.stories{padding:125px 8%;display:grid;grid-template-columns:1fr 1fr 1.1fr;gap:6%;min-height:510px}.stories h2{font-size:clamp(34px,3.3vw,51px);line-height:1.15;letter-spacing:-.04em;margin:22px 0}.stories-intro p{font-size:13px}.stories-intro .caveat{font-size:11px;color:#858e89;margin-top:25px;max-width:260px}.story-list{border-top:1px solid var(--line)}.story{width:100%;background:none;border:0;border-bottom:1px solid var(--line);padding:23px 0;display:grid;grid-template-columns:40px 1fr 20px;text-align:left;cursor:pointer;align-items:start}.story-number{color:#747d78}.story strong{display:block;font-family:var(--serif);font-size:19px;font-weight:500}.story small{display:block;color:#7b827e;font-size:8px;margin-top:9px}.story .arrow{color:#777}.story.active strong,.story.active .arrow{color:var(--gold)}.story-detail{background:#141a1d;padding:33px;position:relative;min-height:300px}.detail-index{color:var(--gold)}.story-detail h3{font-size:29px;line-height:1.2;letter-spacing:-.03em;margin:28px 0 16px}.story-detail p{font-size:12px}.detail-foot{display:flex;justify-content:space-between;gap:10px;border-top:1px solid #ffffff1c;padding-top:18px;margin-top:30px;color:#78817c;font-size:8px}.event-controls{display:flex;flex-wrap:wrap;gap:6px;margin-top:16px}.event-controls button{background:none;border:1px solid #49504d;padding:7px 8px;font-size:10px;cursor:pointer}.event-controls button.active{border-color:var(--gold);color:var(--gold)}footer{border-top:1px solid var(--line);padding:65px 8%;display:flex;justify-content:space-between;gap:30px}footer strong{font-size:10px;letter-spacing:.15em;margin-left:10px}footer p{color:#858d88;font-size:12px;margin-top:12px}.footer-sources>span{color:var(--gold)}.footer-sources a{display:inline-block;font-size:11px;margin:15px 15px 0 0;text-decoration:none}.footer-sources a:hover{text-decoration:underline}.footer-end{align-self:end;color:#737b78}.footer-end span{color:var(--gold)}dialog{width:min(530px,calc(100% - 32px));padding:35px 42px 40px;background:#141a1d;color:var(--ink);border:1px solid #414944}dialog::backdrop{background:#030608d9;backdrop-filter:blur(8px)}.dialog-top{display:flex;justify-content:space-between;align-items:center;color:#87908a}.dialog-top button{border:0;background:none;font-size:26px;cursor:pointer}.dialog-star{color:var(--gold);font-size:45px;margin:40px 0 20px}dialog h2{font-size:clamp(44px,8vw,68px);line-height:1.05;letter-spacing:-.05em;margin:16px 0 20px}dialog p{color:#b1b5af;font-size:13px;line-height:1.8;max-width:360px}.dialog-caveat{font-size:11px;color:#8c9690;margin-top:18px}.dialog-action{background:none;border:1px solid #a98460;color:var(--gold);padding:17px 20px;margin-top:32px;cursor:pointer}.dialog-action span{margin-left:30px;font-size:15px}@media(max-width:800px){.edition{display:none}.masthead{height:76px}.hero{height:auto;min-height:800px;align-items:flex-start;padding-top:65px}.hero-copy{width:100%}h1{font-size:clamp(56px,11vw,84px)}.hero-copy p{max-width:300px}.map-wrap{left:-24%;right:-35%;top:36%;bottom:8%}.map-label-top{right:26%;top:17%}.map-label-bottom{left:25%;bottom:15%}.map-key{right:27%;bottom:4%;gap:9px;font-size:7px}.side-note span:nth-child(2){display:none}.timeline{padding:60px 6%}.timeline-heading{display:block}.timeline-heading p{margin-top:18px}.controls{gap:18px}.play{width:52px;height:52px}.range-top{font-size:8px}.range-top output{font-size:34px}.stories{padding:80px 6%;grid-template-columns:1fr;gap:35px}.story-detail{min-height:0}footer{padding:50px 6%;flex-wrap:wrap}.footer-end{width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}