:root{
  --ink:#08161E;--panel:#0C1F29;--ivory:#F3EFE4;
  --dim:rgba(243,239,228,.66);--dimmer:rgba(243,239,228,.42);
  --lime:#A9D046;--brass:#D8A64E;--rose:#E0776A;
  --rule:rgba(243,239,228,.13);
  --serif:"Bodoni Moda",Georgia,"Times New Roman",serif;
  --sans:"Archivo","Helvetica Neue",Arial,sans-serif;
  color-scheme:dark;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{margin:0;background:var(--ink);color:var(--ivory);font-family:var(--sans);
  font-size:15px;line-height:1.62;-webkit-font-smoothing:antialiased}
img{max-width:100%}
[hidden]{display:none!important}
.wrap{max-width:1020px;margin:0 auto;padding:0 clamp(18px,4vw,48px);
  padding-block:clamp(30px,4vw,56px)}
.back{display:inline-block;font-size:12px;letter-spacing:.12em;text-transform:uppercase;
  color:var(--dimmer);text-decoration:none;margin-bottom:26px;border-bottom:1px solid transparent}
.back:hover{color:var(--lime);border-bottom-color:var(--lime)}
.kicker{font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--lime);
  margin:0 0 16px;font-weight:600}
h1{font-family:var(--serif);font-weight:600;font-optical-sizing:none;
  font-variation-settings:"opsz" 11;font-size:clamp(30px,4.6vw,52px);line-height:1.07;
  letter-spacing:-.016em;margin:0 0 .4em;max-width:20ch}
h2{font-family:var(--serif);font-weight:600;font-optical-sizing:none;
  font-variation-settings:"opsz" 11;font-size:clamp(21px,2.6vw,31px);line-height:1.18;
  letter-spacing:-.012em;margin:clamp(34px,4vw,52px) 0 14px;max-width:26ch}
h3{font-size:14.5px;font-weight:600;margin:26px 0 9px;color:var(--ivory)}
p{color:var(--dim);margin:0 0 1em;max-width:74ch}
.lede{font-size:clamp(15.5px,1.4vw,18px);color:var(--ivory);max-width:62ch;line-height:1.55}
a{color:var(--lime)}
strong{color:var(--ivory);font-weight:600}
code{font-family:ui-monospace,Menlo,monospace;font-size:.88em;
  background:rgba(243,239,228,.07);padding:1px 5px;border-radius:2px;color:var(--ivory)}
ul,ol{color:var(--dim);max-width:74ch;padding-left:20px;margin:0 0 1em}
li{margin-bottom:6px}li::marker{color:var(--dimmer)}
hr{border:0;border-top:1px solid var(--rule);margin:clamp(30px,4vw,48px) 0}
.meta{display:flex;flex-wrap:wrap;gap:8px 28px;font-size:12.5px;color:var(--dimmer);
  border-bottom:1px solid var(--rule);padding-bottom:22px;margin-bottom:30px}
.meta b{color:var(--ivory);font-weight:500}
.scroller{overflow-x:auto;margin:0 0 1.2em}
table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums;min-width:560px}
th{text-align:left;font-size:10.5px;font-weight:600;letter-spacing:.13em;text-transform:uppercase;
  color:var(--dimmer);padding:0 16px 10px 0;border-bottom:1px solid var(--rule);vertical-align:bottom}
td{padding:11px 16px 11px 0;border-bottom:1px solid var(--rule);color:var(--dim);
  vertical-align:top;font-size:13px;line-height:1.5}
td:first-child,th:first-child{padding-left:0}
td:last-child,th:last-child{padding-right:0}
tbody tr td:first-child{color:var(--ivory);font-weight:500}
.note{border-left:2px solid var(--brass);padding-left:clamp(14px,1.7vw,20px);
  margin:0 0 1.4em;max-width:74ch}
.note .lab{display:block;font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;
  color:var(--brass);font-weight:600;margin-bottom:6px}
.note p:last-child{margin-bottom:0}
/* gallery */
.gal{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));
  gap:clamp(12px,1.8vw,22px);margin:0 0 1.5em;padding:0;list-style:none;max-width:none}
.gal li{margin:0}
.gal figure{margin:0}
.gal img{display:block;width:100%;height:auto;border:1px solid var(--rule);border-radius:2px}
.gal figcaption{margin-top:9px;font-size:12px;line-height:1.4;color:var(--dim)}
.gal figcaption b{display:block;color:var(--ivory);font-weight:600;margin-bottom:2px;font-size:12.5px}
.gal figcaption span{color:var(--dimmer);font-size:11px}
/* raw copy blocks */
.doc{border-left:1px solid var(--rule);padding-left:clamp(16px,2vw,26px);max-width:80ch}
.doc h4{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--lime);
  font-weight:600;margin:28px 0 10px}
.doc h4:first-child{margin-top:0}
.doc pre{white-space:pre-wrap;word-wrap:break-word;font-family:var(--sans);
  font-size:13.5px;line-height:1.6;color:var(--dim);margin:0 0 1.2em}
footer{border-top:1px solid var(--rule);padding-top:22px;margin-top:clamp(36px,5vw,56px);
  font-size:12.5px;color:var(--dimmer)}
footer a{color:var(--dimmer);text-decoration:none;border-bottom:1px solid var(--rule)}
footer a:hover{color:var(--lime);border-bottom-color:var(--lime)}