@font-face{font-family:"Saira Condensed";font-weight:700;font-display:swap;src:url(fonts/SairaCondensed-700.woff2) format("woff2")}
@font-face{font-family:"Instrument Sans";font-weight:400 700;font-display:swap;src:url(fonts/InstrumentSans-var.woff2) format("woff2")}
:root{--canvas:#0c0c0e;--text:#f2f2f3;--muted:#a3a3a9;--accent:#ff4b52;--line:#2b2b30}
*{box-sizing:border-box}
html,body{overflow-x:hidden}
body{margin:0;background:var(--canvas);color:var(--text);font-family:"Instrument Sans",system-ui,sans-serif;font-size:17px;line-height:1.65;-webkit-font-smoothing:antialiased}
a{color:var(--accent)}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}
.top{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:22px clamp(16px,5vw,72px);border-bottom:1px solid var(--line)}
.logo{--mh:26px;display:inline-flex;flex-direction:column;align-items:flex-start;gap:calc(var(--mh)*.2);text-decoration:none;color:var(--text);line-height:1}
.logo-on{display:block;height:var(--mh);width:calc(var(--mh)*2.619)}
.logo-sub{display:flex;justify-content:space-between;width:calc(var(--mh)*3.4);font-family:"Instrument Sans",system-ui,sans-serif;font-weight:500;font-size:calc(var(--mh)*.3);line-height:1;text-transform:uppercase}
.logo-sub .r{color:var(--accent)}
.back{font-size:15px;color:var(--muted);text-decoration:none}
.back:hover{color:var(--text)}
main{max-width:760px;margin:0 auto;padding:clamp(40px,8vw,96px) clamp(16px,5vw,32px)}
h1{font-family:"Saira Condensed",sans-serif;font-weight:700;font-size:clamp(44px,8vw,72px);line-height:1;text-transform:uppercase;margin:0 0 32px}
h2{font-family:"Saira Condensed",sans-serif;font-weight:700;font-size:24px;letter-spacing:.02em;text-transform:uppercase;margin:36px 0 8px}
p{margin:0 0 12px;color:#dadade}
.bottom{padding:28px clamp(16px,5vw,72px);border-top:1px solid var(--line);color:var(--muted);font-size:14px}