:root{--ink:#121014;--surface:#1C191F;--cream:#F1ECE4;--c2:rgba(241,236,228,.68);
--c3:rgba(241,236,228,.40);--edge:#E8A33D;--teal:#7FB5A8;--line:rgba(241,236,228,.13)}
*{box-sizing:border-box}
body{margin:0;background:var(--ink);color:var(--cream);
 font:16px/1.65 -apple-system,"SF Pro Text",system-ui,sans-serif;
 -webkit-font-smoothing:antialiased}
.wrap{max-width:720px;margin:0 auto;padding:64px 22px 96px}
.brand{font:700 10px/1 "JetBrains Mono",ui-monospace,monospace;letter-spacing:.22em;
 color:var(--edge);text-decoration:none;display:inline-block;margin-bottom:26px}
h1{font-family:"Big Shoulders Display","Arial Narrow",sans-serif;font-weight:700;
 text-transform:uppercase;font-size:clamp(30px,5vw,42px);line-height:1.1;
 margin:0 0 12px;letter-spacing:.01em}
.lede{color:var(--c2);font-size:17px;margin:0 0 8px}
.date{color:var(--c3);font-size:13px;font-family:"JetBrains Mono",ui-monospace,monospace;
 margin:0 0 40px}
h2{font-family:"Big Shoulders Display","Arial Narrow",sans-serif;font-weight:700;
 text-transform:uppercase;letter-spacing:.01em;font-size:21px;margin:38px 0 10px}
p{color:var(--c2);margin:0 0 14px}
strong{color:var(--cream);font-weight:600}
ul{color:var(--c2);padding-left:20px;margin:0 0 14px}
li{margin-bottom:7px}
a{color:var(--edge)}
.card{background:var(--surface);border:1px solid var(--line);border-radius:4px;
 padding:22px 24px;margin:26px 0}
.card p:last-child{margin-bottom:0}
.big{font-family:"Big Shoulders Display","Arial Narrow",sans-serif;font-weight:700;
 text-transform:uppercase;font-size:24px;color:var(--cream);margin:0 0 8px}
footer{margin-top:56px;padding-top:24px;border-top:1px solid var(--line);
 color:var(--c3);font-size:13px}
footer a{color:var(--c2);text-decoration:none;margin-right:16px}
.teal{color:var(--teal)}
