@font-face { font-family:'Grift'; src:url('/site/fonts/Grift-Regular.woff2') format('woff2'); font-weight:400; font-display:swap; }
@font-face { font-family:'Grift'; src:url('/site/fonts/Grift-Bold.woff2') format('woff2'); font-weight:700; font-display:swap; }
:root { --fg:#fff; --bg:#000; --rule:#333; --muted:#9a9a9a; }
*,*::before,*::after { box-sizing:border-box; }
body { margin:0; background:var(--bg); color:var(--fg); font-family:'Grift',system-ui,sans-serif; line-height:1.65; }
.wrap { width:min(760px, 100% - 3rem); margin-inline:auto; }
header { border-bottom:1px solid var(--rule); }
.bar { display:flex; align-items:center; justify-content:space-between; padding:.9rem 0; }
.bar img { width:150px; height:auto; display:block; }
.bar a { color:inherit; text-decoration:none; font-size:12px; letter-spacing:.14em; text-transform:uppercase; opacity:.75; }
.bar a:hover { opacity:1; }
main { padding:clamp(2.5rem,7vw,4.5rem) 0 5rem; }
h1 { font-size:clamp(1.8rem,4.5vw,2.6rem); margin:0 0 .4rem; }
.updated { margin:0 0 2.5rem; font-size:12px; letter-spacing:.14em; text-transform:uppercase; color:var(--muted); }
h2 { font-size:1.05rem; margin:2.4rem 0 .6rem; }
p, li { font-size:14.5px; color:#d8d8d8; }
ul { padding-left:1.2rem; }
a { color:#fff; }
.callout { border:1px solid var(--rule); padding:1rem 1.1rem; margin:0 0 2.5rem; font-size:13.5px; color:var(--muted); }
footer { border-top:1px solid var(--rule); padding:2rem 0 3rem; font-size:12px; color:var(--muted); }
footer a { color:inherit; }