@font-face{font-family:'Roboto Condensed';src:url('./RobotoCondensed-latin-variable.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:'Inter';src:url('./Inter-latin-variable.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
:root{--cream:#FAF7F0;--ink:#0E0E0C;--coral:#D64A1E;--coral-deep:#B23A14}
*{box-sizing:border-box;margin:0;padding:0}
html,body{height:100%}
body{background:var(--cream);color:var(--ink);font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;display:flex;align-items:center;justify-content:center;min-height:100vh;padding:40px 24px;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
.wrap{max-width:640px;text-align:center}
.logo{width:min(380px,82vw);height:auto;margin:0 auto 44px;display:block}
h1{font-family:'Roboto Condensed','Arial Narrow',Impact,sans-serif;font-weight:700;font-size:clamp(56px,13vw,128px);letter-spacing:-.02em;line-height:.92}
.rule{width:64px;height:4px;background:var(--coral);border:0;margin:28px auto}
.tag{font-size:clamp(17px,2.6vw,20px);line-height:1.55;max-width:36ch;margin:0 auto;color:var(--ink)}
.contact{margin-top:44px;font-size:15px;letter-spacing:.01em}
.contact a{color:var(--coral-deep);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px}
.contact a:hover{color:var(--ink)}
a:focus-visible{outline:3px solid var(--ink);outline-offset:3px}