@font-face{font-family:Montreal;src:url('/fonts/NeueMontreal-Regular.woff2') format('woff2');font-weight:400;font-display:swap}
:root{color-scheme:dark;--bg:#08090b;--card:#101114;--ink:#f4f1e9;--muted:#aaa8a2;--line:#2c2d32;--gold:#e7b56b}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font:400 16px/1.7 Montreal,system-ui,sans-serif;-webkit-font-smoothing:antialiased}
a{color:var(--gold)}
a:focus-visible{outline:2px solid var(--gold);outline-offset:4px}
.shell{width:min(100% - 40px,760px);margin-inline:auto}
header{border-bottom:1px solid var(--line)}
header .shell{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:76px}
.brand{font-size:23px;font-weight:700;letter-spacing:-.06em;text-decoration:none;color:var(--ink)}
.brand span{color:var(--gold)}
.brand img{display:block;width:115px;height:auto}
.home{font-size:14px;text-decoration:none;color:var(--muted)}
.home:hover{color:var(--ink)}
main{padding:clamp(48px,9vw,96px) 0 80px}
.eyebrow{margin:0 0 16px;color:var(--gold);font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}
h1{font-size:clamp(36px,6vw,58px);line-height:1.08;letter-spacing:-.045em;margin:0 0 22px;font-weight:400}
h2{font-size:20px;letter-spacing:-.025em;line-height:1.3;margin:0 0 12px;font-weight:600}
p{margin:0 0 16px;color:var(--muted)}
.intro{font-size:18px;max-width:680px}
.updated{font-size:13px;color:var(--muted);margin-top:22px}
.card{margin-top:28px;padding:clamp(22px,4vw,32px);border:1px solid var(--line);border-radius:16px;background:var(--card)}
.card p:last-child{margin-bottom:0}
ul{color:var(--muted);padding-left:20px;margin:10px 0 0}
li+li{margin-top:8px}
strong{color:var(--ink);font-weight:600}
footer{border-top:1px solid var(--line);padding:28px 0 36px;color:var(--muted);font-size:13px}
footer .shell{display:flex;flex-wrap:wrap;gap:10px 20px;justify-content:space-between}
footer nav{display:flex;flex-wrap:wrap;gap:10px 18px}
footer a{color:var(--muted);text-decoration:none}
footer a:hover{color:var(--gold)}
@media(max-width:520px){.shell{width:min(100% - 32px,760px)}header .shell{min-height:64px}.card{margin-top:18px}}