:root{--bg:#282828;--cream:#FAF9F7;--muted:#aaa99c;--gold:#FEBF12;--line:#ffffff20}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--cream);font-family:Quicksand,Arial,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}button:hover,a:hover{color:var(--gold)}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--gold);outline-offset:5px}button:disabled{opacity:.25;cursor:default}a{color:inherit;text-decoration:none}[hidden]{display:none!important}.skip{position:fixed;top:-100px;z-index:20;background:var(--bg);padding:15px}.skip:focus{top:0}header{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 3.5%;border-bottom:1px solid var(--line);position:relative;z-index:3;background:#282828}.brand{font-family:Sintony,Arial,sans-serif;font-size:30px;font-weight:800;letter-spacing:-2px;display:flex;align-items:center;gap:20px}.brand span{font-size:8px;line-height:1.6;letter-spacing:1.8px;font-weight:500;border-left:1px solid var(--line);padding-left:20px}.edition{font-size:9px;letter-spacing:2px;color:var(--muted)}.edition i{display:inline-block;background:var(--gold);width:3px;height:3px;border-radius:50%;margin:0 12px 2px}header nav{display:flex;gap:24px;font-size:11px}main{height:calc(100svh - 238px);min-height:580px;position:relative;overflow:hidden;background:#282828}canvas{position:absolute;inset:0;width:100%;height:100%}.scene-shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#282828 0%,#282828f5 18%,#282828a0 31%,transparent 47%),linear-gradient(0deg,#282828 0%,transparent 15%)}.top-slate{position:absolute;left:38%;right:3.5%;top:25px;display:flex;justify-content:space-between;font-size:8px;letter-spacing:1.8px;color:#b2b0a2}.top-slate span:first-child{color:var(--gold)}.copy{position:absolute;top:20%;left:5.5%;width:340px;z-index:2}.eyebrow{font-size:9px;font-weight:500;letter-spacing:2px;color:var(--gold)}h1{font-family:Sintony,Arial,sans-serif;font-weight:500;font-size:clamp(52px,5.2vw,86px);line-height:1.05;letter-spacing:-3.5px;margin:22px 0 25px}h1 em{font-family:Georgia,serif;font-weight:400;color:var(--gold)}p{font-size:13px;line-height:1.85;color:var(--muted)}.copy p{max-width:310px}.primary{display:flex;justify-content:space-between;align-items:center;background:var(--gold);color:#1b2017;padding:18px 22px;width:230px;font-weight:600;font-size:12px;margin-top:28px;border-radius:2px}.primary:hover{background:#e9ca91;color:#152018}.primary span{font-size:20px}.intro-meta{font-size:7px;letter-spacing:1.6px;color:var(--muted);margin-top:20px}.intro-meta b{margin:0 9px;color:var(--gold)}.signature{display:flex;gap:13px;align-items:center;margin-top:45px;color:#d3c6aa;font-size:8px;letter-spacing:1.5px}.signature-mark{font-family:Georgia,serif;font-style:italic;font-size:37px;color:var(--gold)}.signature small{font-size:8px;letter-spacing:.2px;color:#8e9386;display:block;margin-top:7px}#chapter{top:16%;width:325px}#chapter h1{font-size:48px;letter-spacing:-2px}#chapter p{font-size:12px}.textbutton{padding:16px 0;font-size:11px;border-bottom:1px solid #d2b57966;width:170px;text-align:left}.textbutton span{float:right}#beats{display:flex;flex-direction:column;gap:0;margin-top:27px;max-width:280px}#beats button{border-top:1px solid #ffffff15;padding:11px 0;text-align:left;display:flex;gap:14px;align-items:center;font-size:10px;color:#828b7b;transition:color .4s}#beats button span{font:9px monospace;color:#69705f}#beats button.active{color:#f1d6a0}#beats button.active span{color:var(--gold)}#beats button.active::after{content:'↗';margin-left:auto}#annotation{position:absolute;right:4%;bottom:55px;max-width:280px;padding:17px 22px;border-left:1px solid var(--gold);background:linear-gradient(90deg,#151a14e0,#151a1480);pointer-events:none;backdrop-filter:blur(15px);transition:opacity .3s}#annotation-kicker{font-size:8px;letter-spacing:1.8px;color:var(--gold)}#annotation p{font-size:12px;line-height:1.6;margin:7px 0 0;color:#e0dece}.scene-bottom{position:absolute;bottom:20px;left:38%;right:3.5%;display:flex;justify-content:space-between;font-size:7px;letter-spacing:1.5px;color:#8b9585}.scene-bottom button{font-size:8px;letter-spacing:0}#loading{position:absolute;bottom:65px;left:50%;font-size:11px;letter-spacing:1px;color:var(--gold)}footer{position:relative;margin:0 3.5%;height:156px;background:#282828}.transport{border-top:1px solid var(--line);height:51px;display:flex;align-items:center;gap:20px;font-size:10px}.transport #play{font-size:11px;width:120px;text-align:left;white-space:nowrap}.transport #play span{margin-left:7px}#time,#count{color:var(--muted);font-size:9px;white-space:nowrap;font-variant-numeric:tabular-nums}#seek{flex:1;min-width:30px;height:2px;appearance:none;background:linear-gradient(90deg,var(--gold) var(--progress,0%),#ffffff20 var(--progress,0%));cursor:pointer}#seek::-webkit-slider-thumb{appearance:none;width:8px;height:8px;border-radius:50%;background:var(--gold)}#seek::-moz-range-thumb{width:8px;height:8px;border:0;border-radius:50%;background:var(--gold)}#sound{font-size:9px;color:var(--muted);white-space:nowrap}#stations{display:flex}#stations button{flex:1;text-align:left;border-top:1px solid #ffffff28;padding:14px 7px 12px 0;transition:color .25s;font-size:10px;color:var(--muted)}#stations button span{font-size:8px;display:block;letter-spacing:1px;margin-bottom:7px;color:#69745e}#stations button.active{color:var(--gold);border-color:var(--gold)}#stations button.active span{color:var(--gold)}.footnote{display:flex;justify-content:space-between;font-size:8px;color:#77816b;margin-top:6px}.footnote button{font-size:8px}#overview{position:absolute;inset:0;background:#282828f8;overflow:auto;padding:24px 4% 40px;z-index:4}.overview-title{text-align:center;margin-bottom:18px}.overview-title h2{font-family:Sintony,Arial,sans-serif;font-weight:400;font-size:28px;letter-spacing:-1px;margin:10px}.overview-title p{font-size:11px;margin:0}#map-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;max-width:1450px;margin:auto}.map-card{padding:0;text-align:left;position:relative;overflow:hidden;background:#151711;border:1px solid #ffffff12;border-radius:3px;transition:transform .5s,border-color .3s}.map-card:hover{transform:translateY(-5px);border-color:#c7aa6777}.map-card img{display:block;width:100%;aspect-ratio:1.5;object-fit:cover}.map-card div{display:flex;gap:15px;padding:12px 15px;font-size:11px;align-items:center}.map-card b{color:var(--gold);font-size:9px;font-weight:400}.map-card small{margin-left:auto;color:#858c78;font-size:7px}.map-card.active{border-color:var(--gold)}dialog{background:#191d16;color:var(--cream);border:1px solid #62715d;max-width:850px;width:90%;max-height:85svh;border-radius:5px;padding:44px;line-height:1.7}dialog::backdrop{background:#050805e8;backdrop-filter:blur(9px)}#close{position:absolute;right:17px;top:15px}dialog h2{font-family:Sintony,Arial,sans-serif;font-weight:400;font-size:34px;line-height:1.2;letter-spacing:-1px}dialog h3{font-size:15px;color:var(--gold)}dialog p{max-width:none}dialog a{text-decoration:underline;color:var(--gold)}dialog .story-row{border-top:1px solid var(--line);padding:18px 0}dialog .story-row img{width:100%;border-radius:3px}dialog .story-row h3{margin:10px 0 0}.evidence-photo{width:100%;margin:20px 0}dialog small{color:#8f9983}.map-mode .copy,.map-mode #annotation,.map-mode .top-slate,.map-mode .scene-bottom{display:none}
@media(min-width:1600px){.copy{width:420px}.copy p{max-width:350px;font-size:15px}#chapter{width:360px}#chapter h1{font-size:57px}#chapter p{font-size:14px}#beats button{font-size:12px}}
@media(max-width:1100px){.edition{display:none}.copy{left:4%;width:285px}h1{font-size:61px}#chapter{left:4%;width:280px}#chapter h1{font-size:41px}.copy p{font-size:12px}.signature{margin-top:25px}.top-slate span:last-child{display:none}#annotation{max-width:220px}}
@media(max-width:760px){header{height:70px;padding:0 5%}.brand{font-size:24px;gap:10px}.brand span{font-size:6px;padding-left:10px}header nav{gap:16px;font-size:9px}.edition{display:none}#map span{display:none}main{height:calc(100svh - 234px);min-height:665px}.copy,#chapter{left:7%;top:25px;width:86%}h1{font-size:49px;letter-spacing:-2px;margin:14px 0}#intro h1 br{display:none}#intro h1 em{display:block}#intro p{font-size:11px;line-height:1.7;margin:0}#intro p br{display:none}#intro p{max-width:270px}.primary{padding:13px 17px;margin-top:18px;width:200px;font-size:11px}.intro-meta{font-size:6px;margin-top:13px}.signature{display:none}#chapter h1{font-size:35px;margin:13px 0;letter-spacing:-1px}#chapter h1 br{display:none}#chapter p{font-size:11px;line-height:1.7;max-width:310px}#beats{flex-direction:row;gap:12px;margin-top:14px;max-width:none}#beats button{font-size:8px;gap:5px;padding:8px 0}#beats button.active::after{display:none}.textbutton{font-size:9px;padding:9px 0;width:130px}.scene-shade{background:linear-gradient(180deg,#282828 0%,#282828f7 20%,transparent 46%,transparent 90%,#282828 100%)}.top-slate{display:none}.scene-bottom{left:7%;right:7%;bottom:15px;font-size:6px}#annotation{right:7%;bottom:45px;max-width:225px;padding:10px 15px}#annotation-kicker{font-size:6px}#annotation p{font-size:10px;margin-top:4px}footer{height:164px;margin:0 5%}.transport{gap:12px}.transport #play{width:100px}.transport #play span{font-size:9px}#time{display:none}#count{font-size:8px}#sound{font-size:8px}#stations{overflow-x:auto;padding-bottom:8px}#stations button{min-width:91px;font-size:9px}.footnote{font-size:7px;gap:10px}.footnote>span{max-width:160px}.footnote button{font-size:7px}#overview{padding:25px 5%}#map-grid{grid-template-columns:repeat(2,1fr);gap:12px}.overview-title h2{font-size:24px}.map-card div{padding:10px;font-size:10px;gap:8px}.map-card small{display:none}dialog{padding:35px 23px}dialog h2{font-size:28px}#loading{left:7%;bottom:45px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
@media(min-width:761px){#intro{width:410px;top:17%}#intro h1{font-size:64px;letter-spacing:-3px}.signature{margin-top:26px}}
@media(min-width:1600px){#intro{width:490px}#intro h1{font-size:80px}}