body.night { --bg:#0c1918; --panel:#132421; --line:#36514a; --ink:#fbf0d8; --muted:#baccc1; --accent:#d4ef9c; --on-accent:#142315; --radius:3px; }
.night .site-header { border-bottom:1px solid var(--line); margin-bottom:22px; }
.night-hero { position:relative; display:grid; grid-template-columns:.9fr 1.55fr; min-height:485px; background:#172924; border:1px solid var(--line); }
.night-lead { z-index:1; align-self:center; padding:clamp(22px,4vw,62px); padding-right:12px; }
.night .wordmark { font-size:clamp(82px,13vw,190px); }
.night-lead h1 { font-size:clamp(22px,2.55vw,37px); }
.night-photo { position:relative; min-width:0; }
.night-photo img { width:100%; height:100%; object-position:55% 44%; }
.night-photo::after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,#172924 0,transparent 28%); pointer-events:none; }
.night-photo figcaption { position:absolute; z-index:1; bottom:0; right:0; padding:8px 13px; color:#f8f0df; background:#12241bea; font:11px var(--mono); }
.night-photo figcaption span { margin-left:12px; color:#d4ef9c; }
.night-date { position:absolute; top:16px; right:16px; display:grid; gap:5px; padding:12px; color:#112119; background:var(--accent); font:700 10px var(--mono); }
.night-date strong { font-size:26px; }
.night-content { display:grid; grid-template-columns:1.15fr .85fr; gap:16px; }
@media(max-width:760px){.night-hero,.night-content{grid-template-columns:1fr}.night-photo{min-height:200px;order:-1}.night-photo img{height:220px}.night-photo::after{background:linear-gradient(0deg,#172924,transparent 45%)}.night-date{padding:8px}}