body.frost { --bg:#131e37; --panel:#1d2c48; --line:#51678f; --ink:#f1f4fc; --muted:#c5d2e9; --accent:#c9dcff; --on-accent:#142342; --radius:0px; --display:Georgia,serif; }
.frost .site-header { border-bottom:1px solid var(--line); margin-bottom:18px; }
.frost-hero { position:relative; display:grid; grid-template-columns:1fr 1.1fr; padding:clamp(16px,4vw,50px); gap:clamp(14px,4vw,50px); align-items:center; background:linear-gradient(122deg,#283b65,#192642 76%); border:1px solid var(--line); }
.frost-caption .wordmark { font-size:clamp(77px,12vw,168px); font-weight:700; }
.frost-caption h1 { max-width:19ch; }
.frost-chapter { display:block; margin-top:26px; padding-top:8px; border-top:1px solid #879bc3; font:700 11px var(--mono); }
.frost-image { margin:10px 0 16px 9px; padding:7px; background:#182742; outline:1px solid #9bb4de; box-shadow:14px 14px 0 #95aeda42; }
.frost-image img { width:100%; aspect-ratio:1.15; filter:saturate(.72); }
.frost-image figcaption { font:11px var(--mono); padding:7px 2px 0; }
.frost-band { grid-column:1/-1; display:flex; justify-content:space-between; gap:10px; border-top:1px solid #879bc3; padding-top:12px; font:12px var(--mono); }
.frost-body { display:grid; grid-template-columns:minmax(220px,.52fr) 1fr; gap:18px; margin-top:24px; }
.frost-body .feature-card { margin-top:15px; }
@media(max-width:720px){.frost-hero,.frost-body{grid-template-columns:1fr}.frost-image{margin:0 13px 12px 0}.frost-image img{aspect-ratio:16/9}.frost-caption .wordmark{font-size:clamp(67px,15vw,130px)}}

.frost-appendix {
  display: grid;
  grid-template-columns: minmax(0, .68fr) minmax(0, 1.32fr);
  gap: 18px;
  align-items: start;
}
.frost-appendix .gallery > div { grid-template-columns: 1fr; }
@media (max-width: 800px) {
  .frost-appendix { grid-template-columns: 1fr; gap: 0; }
  .frost-appendix .gallery > div { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}