/* ═════════ ERA 1995 — broadsheet going tabloid ═════════
   Loads after main.css and reskins it: newsprint paper, condensed slab
   headlines (Oswald), slightly-too-tight Times body (Tinos), teletext
   weather panels (VT323), halftone dots over everything. The visual crime
   being prosecuted: a mountaineering accident becoming a morality trial. */
:root{
  --ivory:#efece3;
  --cream:#f4f1e6;
  --paperline:rgba(28,26,23,.24);
  --ink:#1c1a17;
  --smoke:#5c574d;
  --bronze:#44403a;        /* newspaper rules are ink, not gold */
  --bronze-l:#c9c2b2;
  --wine:#a8231d;          /* masthead red */
  --wine-l:#d05a4e;
  --night:#14120e;
}
body{font-family:'Tinos','Times New Roman',serif;letter-spacing:-.005em}

/* halftone dot screen over everything */
body::before{content:'';position:fixed;inset:0;pointer-events:none;z-index:9997;opacity:.06;
  background-image:radial-gradient(rgba(20,18,14,.9) 1px,transparent 1.2px);
  background-size:4px 4px}

/* micro layer: Jost → Oswald */
.eyebrow,.rail .lbl,.alti,.cue,figure.photo figcaption,.kick,.cc-role,.footer,
.m3d-hud .h-sub,.m3d-hud .h-alt,.m3d-legend span,.m3d-note,.m3d-hud .h-phase,
.ctrl button,#exploreExit,#exploreHint,.explore-cta,#scrub .sd,.lc-when,.lc-chip,
.lc-none,.lc-note,.doc .d-tab,.ev-hint,.colo .row b,.pq .att,.mk-camp2 .l,.mk-feat .fl,.mk-mom .ml,
.bl-s,.stat span{font-family:'Oswald',sans-serif!important;font-weight:400}

/* display layer: Fraunces → Oswald condensed caps */
.prologue h1{font-family:'Oswald',sans-serif;font-weight:700;text-transform:uppercase;
  letter-spacing:.01em;line-height:.98;font-size:clamp(3rem,9vw,7.6rem);color:#f6f3ea;
  filter:drop-shadow(0 4px 26px rgba(0,0,0,.9))}
.prologue h1 em{font-style:normal;color:var(--wine-l)}
.ch-cover h2{font-family:'Oswald',sans-serif;font-weight:600;text-transform:uppercase;
  letter-spacing:.01em;font-size:clamp(2.3rem,5.6vw,4.6rem);color:#f6f3ea;
  filter:drop-shadow(0 3px 22px rgba(0,0,0,.85))}
.ch-cover::before{font-family:'Oswald',sans-serif;-webkit-text-stroke:1px rgba(212,206,190,.45)}
.ch-cover .dek{border-left-color:var(--wine-l)}
.pq,.evroom h3,.stat b,.over-card h4,#locCard h4,.cc-name,.colo h3,.memorial h2,
.lc-evtitle,.doc h4,.bl-t,.footer .final{font-family:'Oswald',sans-serif}
.evroom h3,.memorial h2{text-transform:uppercase;letter-spacing:.02em}
.over-card h4,#locCard h4,.cc-name{font-weight:500}
.pq{font-style:normal;font-weight:500}
.narrative .lede::first-letter{font-family:'Oswald',sans-serif;color:var(--wine)}
.m3d-hud .h-date{font-family:'Oswald',sans-serif;font-weight:600;text-transform:uppercase;letter-spacing:.02em}
.m3d-hud.tragic .h-date{color:var(--wine-l)}
#progress{background:var(--wine-l)}
.alti .alti-fill{background:var(--wine-l)}

/* paper panels: brighter newsprint white, newspaper rules */
.panel,.over-card{border-top:3px double var(--ink)}
.panel::before,.over-card::before,.mem-inner::before{background:rgb(255 255 255 / 94%)}
.panel::after,.over-card::after,.mem-inner::after{background:rgb(246 243 234 / 72%)}
.over-card.tragic{border-top-color:var(--wine)}
.mem-inner{border-top:3px double var(--wine)}
.kick{color:var(--wine);letter-spacing:.32em;font-weight:500}
.over-card .fn{font-family:'Oswald',sans-serif;font-size:.68rem;color:var(--smoke)}
.hl{color:#6b2320;font-weight:700}
.pq::before{background:var(--wine)}

/* masthead on the front page */
.masthead{display:flex;justify-content:space-between;gap:1rem;width:min(880px,92vw);
  border-top:3px double rgba(246,243,234,.9);border-bottom:1px solid rgba(246,243,234,.7);
  padding:.5rem .2rem;margin-bottom:3rem;font-family:'Oswald',sans-serif;font-size:.78rem;
  letter-spacing:.34em;text-transform:uppercase;color:rgba(246,243,234,.92);
  text-shadow:0 1px 8px rgba(0,0,0,.85)}
.masthead .md-r{letter-spacing:.18em;color:rgba(246,243,234,.75)}
@media(max-width:640px){.masthead{flex-direction:column;gap:.2rem;text-align:center}}

/* teletext panels */
.ttx{position:relative;background:#101418;border:2px solid #0a0d10;box-shadow:0 14px 40px rgba(10,8,5,.4);
  margin:0 0 2.6rem;padding:0 0 1rem;font-family:'VT323',monospace;overflow:hidden}
.ttx .t-head{display:flex;justify-content:space-between;gap:1rem;background:#1c2c6b;color:#ffe83d;
  font-size:1.15rem;letter-spacing:.08em;padding:.35rem .8rem;margin-bottom:.9rem}
.ttx pre{margin:0;padding:0 .9rem;font-family:'VT323',monospace;font-size:1.3rem;line-height:1.5;
  color:#37e46f;text-shadow:0 0 6px rgba(55,228,111,.55);white-space:pre-wrap}
.ttx.fine pre{color:#37e46f}
.ttx.storm pre{color:#ff5d4d;text-shadow:0 0 6px rgba(255,93,77,.5)}
.ttx.storm .t-head{background:#6b1c1c;color:#ffe83d}
.ttx .t-cur{position:absolute;right:.8rem;bottom:.6rem;color:#37e46f;animation:ttxblink 1s steps(1) infinite}
.ttx.storm .t-cur{color:#ff5d4d}
@keyframes ttxblink{50%{opacity:0}}
.ttx::after{content:'';position:absolute;inset:0;pointer-events:none;
  background:repeating-linear-gradient(180deg,transparent 0 2px,rgba(0,0,0,.22) 2px 4px)}

/* THE TRIAL — tap a pastiche front page, it peels off the truth */
.ev-note{margin-top:.9rem;font-family:'Oswald',sans-serif;font-size:.7rem;letter-spacing:.22em;
  text-transform:uppercase;color:rgba(241,236,223,.65);text-shadow:0 1px 8px rgba(0,0,0,.9)}
.trial{display:grid;gap:1.6rem;max-width:820px;margin:0 auto}
.tr-item{position:relative;min-height:230px}
.tr-truth{background:var(--cream);color:var(--ink);border:1px solid var(--paperline);
  padding:2.2rem 2.1rem;min-height:230px;display:flex;align-items:center;
  box-shadow:0 18px 50px rgba(10,8,5,.5)}
.tr-truth p{font-size:1.02rem;line-height:1.9;margin:0;font-weight:400}
.tr-head{position:absolute;inset:0;background:var(--cream);color:var(--ink);cursor:pointer;
  border:1px solid var(--paperline);display:flex;flex-direction:column;justify-content:center;
  align-items:center;text-align:center;padding:1.6rem;gap:.8rem;
  box-shadow:0 18px 50px rgba(10,8,5,.55);
  background-image:radial-gradient(rgba(20,18,14,.5) .8px,transparent 1px);background-size:3.5px 3.5px;
  transform-origin:50% 0;transition:transform .9s cubic-bezier(.6,0,.3,1),opacity .7s ease}
.tr-head .th-mast{font-family:'Oswald',sans-serif;font-size:.74rem;letter-spacing:.5em;
  text-transform:uppercase;color:var(--cream);background:var(--wine);padding:.3rem 1rem}
.tr-head .th-line{font-family:'Oswald',sans-serif;font-weight:700;text-transform:uppercase;
  font-size:clamp(1.5rem,3.6vw,2.5rem);line-height:1.06;letter-spacing:.01em}
.tr-head .th-sub{font-family:'Oswald',sans-serif;font-size:.66rem;letter-spacing:.3em;
  text-transform:uppercase;color:var(--smoke)}
.tr-item.open .tr-head{transform:perspective(1100px) rotateX(-96deg);opacity:0;pointer-events:none}
.tr-item .tr-truth{opacity:.35;transition:opacity .8s .15s}
.tr-item.open .tr-truth{opacity:1}
@media (prefers-reduced-motion:reduce){
  .tr-head{transition:opacity .2s}
  .tr-item.open .tr-head{transform:none;opacity:0}
}

/* epilogue sheds the newsprint: plain, human */
.plain95 .panel{border-top:1px solid var(--paperline)}
.plain95 .panel::before{background:rgb(255 255 255 / 96%)}
.plain95 .narrative .lede::first-letter{color:var(--ink)}

/* markers: keep the vintage-print idiom — ink figures, cream chips */
.mk-sil,.lg-sil{filter:drop-shadow(1px 1px 0 rgba(244,239,228,.55))}
.mk-camp2 .tent{filter:drop-shadow(1px 1px 0 rgba(244,239,228,.6))}
.prologue .sub{font-style:italic}

/* location card + evidence verdict accents */
#locCard{border-top-color:var(--wine)}
.lc-when #lcDate{color:var(--wine)}
.lc-evtitle.tragic{color:var(--wine)}
.lc-state{font-family:'Oswald',sans-serif;letter-spacing:.06em;font-size:.74rem}
.ev-verdict{border-left-color:var(--wine-l)}
.ev-verdict b{color:var(--wine-l)}
.record{font-family:'Tinos',serif}
.colo{border-top-color:var(--ink)}

/* era switcher */
.eranav{position:fixed;top:1.3rem;left:50%;transform:translateX(-50%);z-index:10000;display:flex;gap:.35rem}
.eranav a{font-family:'Oswald',sans-serif;font-size:.68rem;letter-spacing:.26em;text-transform:uppercase;
  color:#d8d2c2;text-decoration:none;padding:.4rem .7rem;border:1px solid rgba(216,210,194,.35);
  background:rgba(20,18,14,.6);backdrop-filter:blur(3px);transition:.25s}
.eranav a:hover{color:#fff;border-color:rgba(246,243,234,.8)}
.eranav a.cur{color:var(--wine-l);border-color:var(--wine-l)}
.eranav a.hub{color:#f6f3ea}
body.explore .eranav{opacity:0;pointer-events:none;transition:opacity .8s}
@media(max-width:860px){.eranav{top:auto;bottom:4.6rem;flex-wrap:wrap;justify-content:center;max-width:94vw}}

/* grades: newsprint grey storms */
#grade.g-storm{background:linear-gradient(180deg,rgba(60,62,66,.34),rgba(44,46,50,.18) 50%,rgba(14,15,17,.4))}
#grade.g-mourn{background:linear-gradient(180deg,rgba(70,70,72,.24),rgba(46,46,48,.12) 50%,rgba(16,16,17,.34))}

/* ── media (2026-07-30): newsprint photographs + reserved bulletin reel ── */
figure.photo img{filter:grayscale(1) contrast(1.1) brightness(1.02)}
.film-cap,.film .snd{font-family:'Oswald',sans-serif!important}
.film-frame{position:relative}
.film-frame.noreel::after{content:'NO SIGNAL — REEL PENDING · SEE clips/README';position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:'VT323',monospace;font-size:1.2rem;letter-spacing:.16em;color:#37e46f;text-shadow:0 0 6px rgba(55,228,111,.5);pointer-events:none}
.film-frame.noreel .snd{display:none}