*{box-sizing:border-box} html,body{margin:0;padding:0}
:root{
  --bg:#000; --text:#fff; --muted:#cfcfcf;
  --frame:#111; --stroke:#fff;
  --max-content: 700px;
  --wordmark-max: 520px;
  --exodus: 92px;
}
body{background:var(--bg); color:var(--text); font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif}
.page{min-height:100vh; position:relative; padding:40px 18px 100px; display:flex; flex-direction:column; align-items:center}

.site-header{display:flex; justify-content:center; margin-bottom:24px}
.wordmark{width:min(90vw, var(--wordmark-max)); height:auto; display:block}

.media{width:100%; display:flex; justify-content:center; margin-top:6px}
.frame{width:min(var(--max-content), 92vw); background:var(--frame); border:8px solid var(--frame); box-shadow:0 8px 24px rgba(0,0,0,.55)}
.teaser{width:100%; height:auto; display:block; background:#000}

.tagline{margin:26px 0 10px; text-align:center}
.tagline h2{font-weight:800; font-size:clamp(20px, 3.2vw, 28px); margin:0 0 8px}
.tagline .sub{margin:0 0 10px; font-size:clamp(16px, 2.2vw, 20px)}
.meta{color:var(--muted); font-size:12px; margin-top:14px}

.signup{margin:18px 0 10px; display:flex; flex-direction:column; align-items:center; width:100%}
.form-header{color:var(--text); font-size:clamp(20px, 2.8vw, 24px); font-weight:900; text-align:center; text-transform:uppercase; margin:0 0 16px}
#mc-embedded-subscribe-form{width:min(520px, 92vw)}
.fields{display:grid; grid-template-columns:1fr 1fr; gap:12px; margin-bottom:10px}
.mc-field-group{display:flex; flex-direction:column; gap:6px}
label{font-size:12px; color:var(--muted)}
input[type="text"], input[type="email"]{padding:.85rem 1rem; border:2px solid var(--stroke); background:#000; color:#fff; font-size:16px}
input:focus{outline:none; box-shadow:0 0 0 2px rgba(255,255,255,.15)}
.asterisk{color:#ff6a6a}
.submit{display:flex; justify-content:center}
.button{appearance:none; background:#e0e0e0; color:#111; border:0; padding:.9rem 1.4rem; font-weight:800; cursor:pointer}
.button:hover{filter:brightness(1.05)}

.exodus{position:fixed; right:22px; bottom:22px; width:var(--exodus); height:auto; filter: invert(1) brightness(1.2)}

@media (max-width: 560px){
  :root{ --wordmark-max: 360px; --exodus: 74px; --max-content: 92vw }
  .fields{grid-template-columns:1fr}
}