:root{--ink:#f3f0e8;--muted:#aeb9b8;--ice:#b9d1d1;--cyan:#79bcc0;--gold:#d3a767;--red:#c86150;--bg:#081014;--panel:#101a1e;--line:#26363b;--serif:"Cormorant Garamond",Georgia,serif;--sans:"Inter",sans-serif;--mono:"JetBrains Mono",monospace}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);line-height:1.6}a{color:inherit;text-decoration:none}button{font:inherit}.skip{position:absolute;left:-9999px}.skip:focus{left:16px;top:16px;z-index:100;background:white;color:black;padding:8px}.site-header{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;min-height:72px;padding:10px clamp(18px,5vw,72px);border-bottom:1px solid rgba(255,255,255,.1);background:rgba(8,16,20,.86);backdrop-filter:blur(16px)}.brand{display:flex;align-items:center;gap:12px}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border:1px solid #527077;color:var(--gold);background:#111c21}.brand strong,.brand small{display:block}.brand strong{font-family:var(--serif);font-size:1.15rem;line-height:1}.brand small{margin-top:4px;color:var(--muted);font:10px var(--mono);text-transform:uppercase;letter-spacing:.12em}.site-header nav{display:flex;gap:7px}.site-header nav a{padding:8px 11px;color:var(--muted);font-size:.78rem;font-weight:700}.site-header nav a:hover{color:white;background:#18252a}.site-header .vault-link{border:1px solid #3b5157;color:var(--gold)}
.hero{position:relative;min-height:calc(100vh - 72px);display:flex;align-items:flex-end;overflow:hidden}.hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.56) contrast(1.08)}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,9,11,.94) 0%,rgba(5,11,14,.62) 45%,rgba(6,12,15,.14) 75%),linear-gradient(0deg,#081014 0%,transparent 42%)}.hero-copy{position:relative;z-index:2;max-width:840px;padding:12vh clamp(24px,8vw,120px)}.eyebrow{color:var(--gold);font:700 .7rem var(--mono);letter-spacing:.15em;text-transform:uppercase}.hero h1{margin:12px 0 20px;font:600 clamp(4.2rem,11vw,9.5rem)/.72 var(--serif);letter-spacing:-.055em}.hero h1 em{color:var(--ice);font-weight:500}.lede{max-width:630px;color:#d7dfdd;font-size:clamp(1rem,2vw,1.25rem)}.hero-stats{display:flex;gap:1px;margin-top:38px}.hero-stats span{min-width:145px;padding:16px 20px;border:1px solid rgba(255,255,255,.18);background:rgba(8,16,20,.48);color:var(--muted);font:10px var(--mono);text-transform:uppercase}.hero-stats b{display:block;color:white;font:600 1.35rem var(--serif);text-transform:none}.photo-credit{position:absolute;right:20px;bottom:18px;z-index:2;margin:0;color:rgba(255,255,255,.62);font:9px var(--mono)}
.route-section,.chronology,.casefile,.sources{padding:100px clamp(20px,6vw,88px)}.section-head{max-width:820px;margin-bottom:42px}.section-head h2{margin:7px 0 12px;font:600 clamp(2.7rem,6vw,5.2rem)/.9 var(--serif);letter-spacing:-.035em}.section-head>p:last-child{color:var(--muted);max-width:680px}.route-card{display:grid;grid-template-columns:minmax(0,1fr) 280px;border:1px solid var(--line);background:#0c1519;box-shadow:0 30px 70px #020506}.route-card svg{width:100%;height:520px}.route-line{fill:none;stroke:var(--gold);stroke-width:4;stroke-dasharray:10 8;filter:drop-shadow(0 0 5px #d3a767)}.camp-pin{cursor:pointer;outline:none}.camp-pin circle:first-child{fill:#0c1519;stroke:var(--ice);stroke-width:2}.camp-pin circle:nth-child(2){fill:var(--gold)}.camp-pin text{fill:var(--ink);font:700 12px var(--sans);text-anchor:middle;paint-order:stroke;stroke:#081014;stroke-width:4}.camp-pin:hover circle:first-child,.camp-pin.active circle:first-child{fill:var(--gold);stroke:white}.camp-detail{display:flex;flex-direction:column;justify-content:center;padding:30px;border-left:1px solid var(--line);background:linear-gradient(155deg,#15242a,#0c1418)}.camp-detail span{color:var(--gold);font:10px var(--mono);text-transform:uppercase}.camp-detail strong{margin:8px 0;font:600 2rem var(--serif)}.camp-detail p,.map-note{color:var(--muted);font-size:.82rem}.map-note{margin-top:14px}
.chronology{background:#0b1418}.filters{display:flex;flex-wrap:wrap;gap:8px;margin:-12px 0 32px}.filters button{padding:9px 14px;border:1px solid var(--line);color:var(--muted);background:transparent;cursor:pointer;font-size:.78rem}.filters button.active,.filters button:hover{border-color:var(--gold);color:#111;background:var(--gold)}.timeline-shell{display:grid;grid-template-columns:minmax(440px,1fr) minmax(320px,.8fr);gap:28px;align-items:start}.timeline{list-style:none;margin:0;padding:0}.event{position:relative;display:grid;grid-template-columns:130px 24px 1fr;width:100%;padding:15px 10px;border:0;border-bottom:1px solid var(--line);color:var(--ink);text-align:left;background:none;cursor:pointer}.event:hover,.event.selected{background:#142126}.event-date{font:700 .76rem var(--mono)}.event-date small{display:block;margin-top:4px;color:var(--muted);font-size:.6rem}.dot{align-self:start;width:11px;height:11px;margin:4px;border:2px solid var(--cyan);border-radius:50%;background:var(--bg);z-index:2}.dot.testimony{border-color:var(--gold)}.dot.artifact{border-color:var(--red)}.dot.inference{border-style:dashed;border-color:#9691ac}.event-copy small,.event-copy b,.event-copy span{display:block}.event-copy small{color:var(--gold);font:9px var(--mono);letter-spacing:.1em;text-transform:uppercase}.event-copy b{font:600 1.3rem var(--serif)}.event-copy span{color:var(--muted);font-size:.7rem}.event-detail{position:sticky;top:104px;min-height:460px;padding:38px;border:1px solid #3d5359;background:linear-gradient(150deg,#17272d,#0c1519);box-shadow:0 20px 50px #030607}.event-detail h3{margin:10px 0 20px;font:600 clamp(2.1rem,4vw,3.4rem)/.94 var(--serif)}.event-detail>p:not(.eyebrow){color:#d5dddc}.detail-meta{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:24px}.detail-meta span{padding:5px 8px;border:1px solid var(--line);color:var(--ice);font:10px var(--mono)}dl{margin-top:30px}dl div{display:grid;grid-template-columns:100px 1fr;padding:10px 0;border-top:1px solid var(--line)}dt{color:var(--muted);font:9px var(--mono);text-transform:uppercase}dd{margin:0;font-size:.78rem}
.case-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.case-grid article{position:relative;min-height:270px;padding:38px;background:#101a1e}.case-no{position:absolute;right:20px;top:12px;color:#26373c;font:600 4.5rem var(--serif)}.case-grid h3{position:relative;margin:18px 0 10px;font:600 2rem var(--serif)}.case-grid p{position:relative;color:var(--muted);max-width:560px}.verdict{margin-top:36px;padding:50px;border-left:4px solid var(--red);background:#181818}.verdict h3{margin:5px 0;font:600 clamp(2.5rem,6vw,5rem) var(--serif)}.verdict>p:last-child{max-width:760px;color:var(--muted)}.sources{background:#111a1d}.source-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.source-grid a{padding:25px;border:1px solid var(--line);background:#0b1316}.source-grid a:hover{border-color:var(--gold);transform:translateY(-2px)}.source-grid b,.source-grid span{display:block}.source-grid b{font:600 1.4rem var(--serif)}.source-grid span{margin-top:8px;color:var(--muted);font-size:.78rem}footer{display:flex;justify-content:space-between;padding:24px clamp(20px,6vw,88px);border-top:1px solid var(--line);color:var(--muted);font-size:.72rem}footer a{color:var(--gold)}
@media(max-width:900px){.site-header nav a:not(.vault-link){display:none}.route-card{grid-template-columns:1fr}.camp-detail{min-height:160px;border-left:0;border-top:1px solid var(--line)}.timeline-shell{grid-template-columns:1fr}.event-detail{position:relative;top:0}.source-grid{grid-template-columns:1fr 1fr}.hero-stats span{min-width:0;flex:1}.hero h1{font-size:clamp(4rem,16vw,7rem)}}
@media(max-width:600px){.site-header{padding:10px 14px}.brand small{display:none}.hero-copy{padding:90px 20px 70px}.hero h1{font-size:18vw}.hero-stats{flex-direction:column}.photo-credit{display:none}.route-section,.chronology,.casefile,.sources{padding:70px 16px}.route-card svg{height:360px}.camp-pin text{display:none}.event{grid-template-columns:92px 18px 1fr;padding:13px 5px}.event-copy b{font-size:1.1rem}.case-grid,.source-grid{grid-template-columns:1fr}.event-detail{padding:25px}.section-head h2{font-size:3rem}footer{flex-direction:column;gap:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.hero h1 em{font-size:.72em}
.camp-detail{justify-content:flex-start;padding:0;overflow:hidden}.camp-photo{position:relative;height:210px;margin:0;overflow:hidden;background:#081014}.camp-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(8,16,20,.8))}.camp-photo img{width:100%;height:100%;object-fit:cover;filter:saturate(.55) contrast(1.08);transition:object-position .45s ease,transform .45s ease}.camp-detail .camp-photo img[style]{transform:scale(1.75)}.camp-photo figcaption{position:absolute;left:16px;right:16px;bottom:12px;z-index:1;color:#eef3f1;font:9px var(--mono);letter-spacing:.08em;text-transform:uppercase}.camp-copy{display:flex;flex:1;flex-direction:column;justify-content:center;padding:25px 28px}.camp-copy>span{color:var(--gold);font:10px var(--mono);text-transform:uppercase}.camp-copy>strong{margin:7px 0;font:600 1.8rem/1 var(--serif)}.camp-copy>p{margin:0;color:var(--muted);font-size:.78rem}.camp-copy .camp-altitude{margin-bottom:12px;color:var(--ice);font:700 .72rem var(--mono)}