@font-face{font-family:Space Grotesk;src:url(/fonts/space-grotesk-700.ttf)format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Space Grotesk;src:url(/fonts/space-grotesk-500.ttf)format("truetype");font-weight:500;font-style:normal;font-display:swap}:root{--blue:#0c4690;--dark:#050814;--gold:#ffd610;--cyan:#10d6ff;--text:#fff;--muted:#e2eaff8f;--soft:#e2eaff57;--line:#ffffff1a}*{box-sizing:border-box}html{background:var(--dark)}body{color:var(--text);letter-spacing:0;background:#050814;margin:0;font-family:Space Grotesk,Arial,sans-serif;font-weight:500}a{color:inherit}main{min-height:100vh}.hero{border-bottom:1px solid #ffffff14}.hero-inner{justify-content:space-between;align-items:end;gap:24px;max-width:1500px;padding:30px clamp(18px,4vw,56px) 24px;display:flex}.eyebrow{color:#ffd6109e;text-transform:uppercase;margin:0 0 8px;font-size:12px;font-weight:700}h1{max-width:980px;margin:0;font-size:clamp(32px,5vw,60px);font-weight:700;line-height:.98}h1 span{color:var(--gold);display:block}.lead{max-width:300px;color:var(--muted);text-align:right;margin:0;font-size:13px;line-height:1.35}.format-note{border-bottom:1px solid #ffffff29;align-items:baseline;gap:14px;max-width:1500px;margin:0 auto;padding:14px clamp(18px,4vw,56px);display:flex}.format-note strong{color:#ffd6109e;text-transform:uppercase;font-size:12px}.format-note span{color:var(--muted);font-size:13px;line-height:1.38}.grid{grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:18px;max-width:1500px;margin:0 auto;padding:24px clamp(18px,4vw,56px) 56px;display:grid}.card{border:1px solid var(--line);background:#ffffff06;border-radius:6px;overflow:hidden}.card:hover{border-color:#ffd61047}.preview{aspect-ratio:1;background:var(--dark);border-bottom:1px solid #ffffff14;display:block}.preview:focus-visible{outline:3px solid var(--cyan);outline-offset:-3px}.preview img{object-fit:contain;width:100%;height:100%;display:block}.meta{grid-template-columns:58px 1fr;align-items:start;gap:12px;min-height:88px;padding:14px 14px 16px;display:grid}.id{color:#ffd61094;font-size:13px;font-weight:700;line-height:1.25}h2{color:#ffffffdb;margin:0;font-size:15px;line-height:1.2}.variant{color:#ffd6107a;margin:7px 0 0;font-size:12px;font-weight:500;line-height:1.25}.purpose{color:var(--soft);margin:7px 0 0;font-size:12px;line-height:1.35}@media (max-width:720px){.hero-inner{display:block}.lead{text-align:left;margin-top:12px}.format-note{display:block}.format-note span{margin-top:6px;display:block}.grid{grid-template-columns:1fr}}