@import url('/static/base.css');

/* Campaign artwork stays intact; the surrounding interface follows its red/black palette. */
:root{--ink:#191919;--muted:#72706c;--accent:#f02b2d;--line:#dfddd7;--paper:#f5f4f0}
html{scroll-behavior:smooth;scroll-padding-top:24px}
.nav{padding-top:22px;padding-bottom:22px;border-bottom:0}
.brand{font-weight:950;font-style:italic;letter-spacing:-2px}
.brand::before{content:"";display:inline-block;width:8px;height:24px;background:var(--accent);margin-right:10px;transform:skew(-12deg)}
.brand span{font-style:normal;letter-spacing:2px}
.pill{border-radius:0;border-color:#242424;font-family:monospace;font-size:12px}
.campaign-hero{max-width:1184px;margin:0 auto;border:1px solid #d6d3cc;background:#fff;position:relative;box-shadow:7px 7px 0 #e4e1d9}
.campaign-hero>img{display:block;width:100%;height:auto;aspect-ratio:1920/874;object-fit:contain}
.campaign-strip{display:flex;justify-content:space-between;align-items:center;gap:16px;background:#1a1a1a;color:#fff;padding:12px 23px;font:11px/1.5 monospace;letter-spacing:2px}
.campaign-strip>span::before{content:"●";color:var(--accent);margin-right:10px}
.campaign-strip>a{text-decoration:none;font-family:inherit;letter-spacing:1px;color:#fff}
.campaign-strip>a:hover{color:#ff6262}
.layout{padding-top:56px;gap:64px}
.intro>.eyebrow{color:#cb2528;letter-spacing:1.5px}
h1{font-size:clamp(42px,4.5vw,62px);line-height:1.2;letter-spacing:-3px}
h1 span{background:transparent;color:var(--accent);padding:0}
.lead{font-size:16px}
.schedule{border-top:2px solid #242424;position:relative}
.schedule::before{content:"";position:absolute;top:-2px;left:0;width:52px;height:2px;background:var(--accent)}
.schedule strong{font-family:monospace;letter-spacing:0;font-size:16px}
.track-tags span{border-radius:0;border-color:#bcb8af;background:#eeece6;font-family:monospace;letter-spacing:.6px}
.track-tags span:first-child{border-left:3px solid var(--accent)}
.form-panel{border-radius:5px;border-top:3px solid #222;box-shadow:5px 5px 0 #e7e3db}
.form-top>.eyebrow{color:#c42527}
h3 b{border-radius:3px;border-color:#d4c7c2;background:#fff4ef;color:#c22628;font-family:monospace;font-weight:700}
input:not([type=checkbox]),textarea,select{background:#fbfaf7;border-color:#d9d6cf;border-radius:4px}
input:focus,textarea:focus,select:focus{border-color:#cd3030;box-shadow:0 0 0 3px #ef2b2d15}
input[type=checkbox]{accent-color:#d9292d}
.choice{border-radius:4px}
.chip{border-radius:3px}
.choice:has(input:checked),.chip:has(input:checked){background:#fff1ef;border-color:#df4a45}
.primary{background:#ed2b2e;color:white;border-radius:3px;box-shadow:3px 3px 0 #242424;transition:background .15s,transform .15s}
.primary:hover{background:#d32225;transform:translateY(-1px)}
.primary:focus-visible,a:focus-visible{outline:3px solid #e64a42;outline-offset:4px}
.notice{background:#faf5ec;border-color:#e0d1b4;border-radius:3px}
.success-icon{background:#ed2b2e;color:#fff;border-radius:5px;transform:rotate(-5deg)}
.qr-box{background:#f4f1eb;border-radius:4px}
footer{border-top:2px solid #252525;background:#eeece6}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.primary{transition:none}}
@media(max-width:1280px){.campaign-hero{margin-left:48px;margin-right:48px}}
@media(max-width:900px){.campaign-hero{margin-left:25px;margin-right:25px}.layout{gap:35px}.schedule strong{font-size:13px}}
@media(max-width:650px){.nav{padding:17px 18px}.brand::before{height:20px;width:6px;margin-right:7px}.campaign-hero{margin:0 14px;box-shadow:4px 4px 0 #e4e1d9}.campaign-strip{padding:10px 11px;letter-spacing:.6px;font-size:8px;gap:7px}.campaign-strip>a{font-size:10px;letter-spacing:0;white-space:nowrap}.campaign-strip>span::before{margin-right:5px}.layout{padding-top:30px}.intro{margin-bottom:25px}h1{font-size:39px;letter-spacing:-2px;margin:14px 0}.lead{font-size:14px;margin:14px 0 20px}.schedule strong{font-size:11px}.form-panel{border-radius:4px}.track-tags{margin-top:15px}.form-top h2{font-size:24px}}