/* Shared site composition. Both themes use the HDS wordmark and the same navigation. */
:root {
  --ink:#172b32; --muted:#48616a; --paper:#f8f8f1; --sheet:#fffefa; --tint:#e8f0e8;
  --edge:#bfcdc3; --nav:#0b1a20; --dark:#112c34; --panel:#1e3c42;
  --on-dark:#f4f6ec; --soft-dark:#c9dcd7; --accent:#c5e894; --link:#155942;
  --light-link:#d5edb4; --focus:#e78a24; --badge:#b6dc80;
}
body.dispatch,body.news {
  --ink:#272d2a;--muted:#585c51;--paper:#f8f6ee;--sheet:#fffdf5;--tint:#f0e8d9;
  --edge:#d2c6b1;--nav:#1c2327;--dark:#303733;--panel:#41483f;
  --on-dark:#fff6e6;--soft-dark:#e2d9c9;--accent:#f8bd82;--link:#71421a;
  --light-link:#ffcb92;--badge:#ffd09a;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:1.1rem}
body{margin:0;font:1rem/1.63 system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);background:var(--paper)}
img,video{display:block;max-width:100%;height:auto}
figure,p,h1,h2,h3,h4,dl,dd,pre{margin:0}
a{color:var(--link);text-underline-offset:.2em}
a:hover{text-decoration-thickness:2px}
a:focus-visible,video:focus-visible,summary:focus-visible,button:focus-visible{outline:3px solid var(--focus);outline-offset:4px}
h1,h2,h3,h4{line-height:1.08;letter-spacing:-.042em;text-wrap:balance;overflow-wrap:break-word}
h1{font-size:clamp(2.8rem,5.6vw,5.4rem);max-width:15ch}
h2{font-size:clamp(2rem,3.8vw,3.6rem);max-width:24ch}
h3{font-size:clamp(1.3rem,2vw,1.9rem)}
p+p{margin-top:.8rem}
.wrap{width:min(1240px,calc(100% - clamp(40px,8.5vw,124px)));margin-inline:auto}
.section{padding-block:clamp(44px,6vw,83px)}
.skip{position:absolute;z-index:10;background:white;color:#12382e;left:.5rem;top:-7rem;padding:.65rem 1rem;border-radius:4px}
.skip:focus{top:.5rem}
.mast,footer{color:var(--on-dark);background:var(--nav)}
.head,.head nav,.brand,.foot,.foot nav,.actions,.references,.subnav nav,.player figcaption,.archivehero figcaption{display:flex;align-items:center;flex-wrap:wrap;gap:1rem}
.head{min-height:72px;justify-content:space-between;padding-block:.7rem}
.brand,.head nav a,.foot a{color:inherit;text-decoration:none}
.brand{gap:.7rem;font-size:.92rem;font-weight:800;letter-spacing:.055em;line-height:1.15}
.brand img{flex:0 0 auto;border-radius:50%}
.brand small{display:block;margin-top:5px;font-size:.6rem;letter-spacing:.15em;color:var(--soft-dark)}
.head nav{gap:.4rem clamp(10px,1.6vw,24px)}
.head nav a,.foot nav a{font-size:.88rem}
.head nav a:hover,.foot a:hover{text-decoration:underline}
.navcall{padding:.38rem .85rem;border:1px solid #7c9388;border-radius:40px;white-space:nowrap}
.darkhero,.watchhero,.closing{background:var(--dark);color:var(--on-dark)}
.hero,.split,.closegrid,.signalgrid{display:grid;align-items:center;gap:clamp(24px,4.6vw,66px);grid-template-columns:1fr 1fr}
.hero{padding-block:clamp(38px,5.2vw,74px);grid-template-columns:.94fr 1.06fr}
.hero>*,.split>*,.closegrid>*,.watchwrap>*{min-width:0}
.kicker,.player figcaption b,.archivehero figcaption b,.modes article>span,.storycards article>span,.stills figcaption span{font-size:.7rem;letter-spacing:.125em;line-height:1.45;font-weight:790;text-transform:uppercase}
.kicker{color:var(--link);margin:0 0 .85rem}
.darkhero .kicker,.watchhero .kicker,.closing .kicker,.slate .kicker{color:var(--accent)}
.lead,.intro{max-width:69ch;font-size:clamp(1.02rem,1.28vw,1.19rem)}
.lead,.intro,.bodycopy{margin-top:1rem}
.darkhero .lead,.closing p,.slate .intro,.watchhero p:not(.kicker){color:var(--soft-dark)}
.actions{gap:.65rem;margin:1.25rem 0 .8rem}
.btn,.ghost{display:inline-flex;align-items:center;justify-content:center;min-height:43px;padding:.62rem 1rem;border:1px solid transparent;border-radius:5px;font-weight:730;font-size:.92rem;line-height:1.35;text-decoration:none}
.btn{background:var(--badge);color:#172a20}
.btn:hover{filter:brightness(1.06)}
.ghost{color:inherit;border-color:#7f958b;background:transparent}
.ghost:hover{text-decoration:underline}
.textlink{display:inline-block;color:inherit;font-weight:680}
.darkhero a.textlink,.closing .textlink,.watchhero .textlink,.slate .textlink{color:var(--light-link)}
.fine,.film-note{font-size:.88rem;color:var(--muted);max-width:67ch}
.darkhero .fine,.closing .fine{color:var(--soft-dark)}
.darkink{color:var(--muted)}
.archivehero{position:relative}
.archivehero img,.archivehero video{width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;border-radius:6px;border:1px solid #57716a}
.archivehero figcaption{padding-top:.55rem;justify-content:space-between;color:var(--soft-dark);font-size:.78rem;gap:.3rem 1rem}
.archivehero figcaption b{color:var(--accent);font-size:.63rem}
.subnav{background:var(--nav);border-block:1px solid #3c5352}
.subnav nav{gap:.35rem 1.1rem;padding-block:.75rem}
.subnav a{color:#e4ebe2;text-decoration:none;font-size:.82rem}
.subnav a:hover{text-decoration:underline}
.signal,.tint{background:var(--tint);border-block:1px solid var(--edge)}
.signalgrid{grid-template-columns:1.55fr .75fr;padding-block:clamp(27px,4vw,47px)}
.signalgrid aside,.price{background:var(--sheet);border-left:4px solid var(--link);padding:clamp(16px,2.4vw,27px)}
.signal h2{font-size:clamp(1.55rem,2.8vw,2.6rem);margin-bottom:.6rem}
.signal aside>b{display:block;margin-bottom:.3rem;color:var(--link)}
.split{align-items:start}
.lines,.ticks{margin:1.2rem 0 0}
.lines>div{border-top:1px solid var(--edge);padding:.8rem 0}
.lines dt{font-weight:740}.lines dd{margin-top:.2rem;color:var(--muted)}
.ticks{padding-left:1.22rem}
.ticks li{padding-left:.15rem;margin:.55rem 0}
.ticks li::marker{color:var(--link)}
.ticks+.fine{margin-top:1rem}
.player video{display:block;width:100%;background:#0d1b1c;aspect-ratio:16/9;object-fit:contain;border-radius:6px}
.player figcaption{margin-top:.55rem;justify-content:space-between;gap:.3rem .8rem;font-size:.82rem}
.player figcaption b{color:var(--link);font-size:.64rem}
.darkhero .player figcaption,.watchhero .player figcaption,.slate .player figcaption{color:var(--soft-dark)}
.darkhero .player figcaption b,.watchhero .player figcaption b,.slate .player figcaption b{color:var(--accent)}
.darkhero .player figcaption a,.watchhero .player figcaption a,.slate .player figcaption a{color:var(--light-link)}
.film-note{margin-top:.75rem}.darkhero .film-note,.slate .film-note,.closing .film-note{color:var(--soft-dark)}.closing .fine a{color:var(--light-link)}
.stills{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,2vw,25px);margin-top:clamp(22px,3vw,38px)}
.stills figure{min-width:0}
.stills a{display:block}
.stills img{width:100%;aspect-ratio:16/9;object-fit:contain;background:var(--panel);border-radius:4px}
.stills figcaption{font-size:.84rem;line-height:1.52;margin-top:.55rem;color:var(--muted)}
.stills figcaption span{margin-right:.35rem;color:var(--link)}
.report{display:flex;align-items:center;justify-content:space-between;gap:1.4rem;background:var(--tint);border-left:5px solid var(--link);padding:clamp(17px,2.8vw,32px);margin-top:clamp(25px,3.5vw,48px)}
.report p:not(.kicker){max-width:75ch;margin-top:.4rem}
.report .btn{flex:none;background:var(--link);color:white}
.slate{background:var(--panel);color:var(--on-dark)}
.modes,.storycards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,2.4vw,33px);margin-top:clamp(18px,2.8vw,34px)}
.modes article,.storycards article{min-width:0;border-top:2px solid #8a9d8e;padding:1.1rem 0 .3rem}
.modes article>span,.slate .storycards article>span{color:var(--accent)}
.modes.light article>span,.storycards article>span{color:var(--link)}
.modes h3,.storycards h3{margin:.5rem 0}
.slate .modes p{color:var(--soft-dark)}
.references{margin-top:1.1rem;gap:.35rem 1rem;font-size:.85rem}
.closegrid{grid-template-columns:1.25fr .75fr}
.closegrid h2{margin-bottom:.7rem}.closegrid .actions{margin:.4rem 0}
.closegrid .textlink{margin-top:.65rem}
.foot{justify-content:space-between;align-items:start;padding-block:27px;font-size:.85rem}
.foot b{font-size:.84rem;letter-spacing:.055em}
.foot p{font-size:.79rem;color:var(--soft-dark);margin:.2rem 0 0}
.foot nav{gap:.45rem 1rem}
.dispatch h1,.dispatch h2,.news h1,.news h2{font-family:Georgia,"Times New Roman",serif;font-weight:520;letter-spacing:-.047em}
.dispatch .darkhero{border-top:3px solid #c98043}
.protocol{margin:1rem 0;border-block:1px solid var(--edge);padding:1rem 0}
.protocol li{margin:.5rem 0}
.price{border-radius:0 5px 5px 0;margin-block:1rem}
.price strong,.price b{color:var(--link)}
.signalgrid aside>.price{border:0;background:transparent;padding:0;margin:0 0 .55rem;color:var(--link);font-size:clamp(2rem,3.5vw,3.2rem);line-height:1.05;letter-spacing:-.055em}
.watchhero{padding-block:clamp(17px,3.2vw,36px)}
.watchhero h1{max-width:30ch;font-size:clamp(2rem,4.3vw,3.7rem)}
.watchhero a:not(.btn){color:var(--light-link)}
.watchwrap{width:min(100%,1000px);margin:1.15rem auto 0}
.watchwrap video{display:block;width:100%;max-height:min(72svh,700px);height:auto;aspect-ratio:16/9;object-fit:contain;background:#0b1113;border-radius:5px}
.watchwrap figcaption{display:flex;justify-content:space-between;gap:.35rem 1rem;flex-wrap:wrap;padding-top:.5rem;font-size:.83rem}
.chapters{max-width:80ch}
.chapters>li,.chapters article,.chapters>div{padding:.75rem 0;border-top:1px solid var(--edge)}
.chapters li::marker{color:var(--link);font-weight:700}
pre,.chapters pre{max-width:100%;overflow-wrap:anywhere;white-space:pre-wrap;font:inherit;line-height:1.65;color:var(--ink);background:var(--sheet);border-left:3px solid var(--link);padding:clamp(14px,2vw,24px);margin-top:1rem}
@media(max-width:900px){.head{gap:.55rem}.head nav{gap:.25rem .85rem}.hero,.split{gap:24px}.closegrid{gap:22px}.head nav a{font-size:.82rem}.storycards{gap:18px}}
@media(max-width:700px){.wrap{width:calc(100% - 36px)}.head{display:grid;justify-content:start;gap:.5rem}.head nav{gap:.3rem .85rem}.navcall{padding:.2rem .65rem}.hero,.split,.signalgrid,.closegrid{grid-template-columns:minmax(0,1fr)}.hero{padding-block:31px}.hero h1{max-width:15ch}.archivehero img,.archivehero video{max-height:330px}.signalgrid,.closegrid{gap:19px}.modes,.storycards{grid-template-columns:1fr;gap:7px}.stills{grid-template-columns:repeat(2,minmax(0,1fr))}.report{align-items:flex-start;flex-direction:column;gap:.8rem}.foot{display:grid;gap:.65rem}.foot nav{font-size:.8rem}.subnav nav{gap:.4rem .9rem}.section{padding-block:39px}.watchhero{padding-block:18px}.watchwrap{margin-top:.8rem}}
@media(max-width:450px){.wrap{width:calc(100% - 30px)}.head nav a{font-size:.76rem}.brand img{width:34px;height:34px}.navcall{padding:0;border:none}.stills{grid-template-columns:minmax(0,1fr)}.stills figure{display:grid;grid-template-columns:minmax(0,48%) minmax(0,1fr);align-items:center;gap:.65rem}.stills figcaption{margin:0;font-size:.81rem}.stills figcaption span{display:block}.actions .btn,.actions .ghost{font-size:.85rem}.report{padding:16px}.foot nav{gap:.4rem .8rem}}
@media(max-width:330px){.stills figure{display:block}.stills figcaption{margin-top:.4rem}.head nav{column-gap:.55rem}.brand{font-size:.82rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
