:root{--ink:#151310;--paper:#f1e8da;--red:#e83b27;--muted:#756d63;--line:rgba(21,19,16,.2)}
*{box-sizing:border-box}html{min-width:320px;background:var(--paper)}body{min-height:100vh;margin:0;color:var(--ink);background:var(--paper);font-family:Arial,Helvetica,sans-serif}button{-webkit-tap-highlight-color:transparent}
.header{display:flex;align-items:center;width:min(1440px,calc(100% - 72px));min-height:86px;margin:auto;border-bottom:1px solid var(--line)}.mark{display:grid;width:42px;height:42px;place-items:center;color:var(--paper);background:var(--ink);font:700 13px Georgia}.header-copy{display:flex;flex-direction:column;gap:3px;margin-left:13px;text-transform:uppercase}.header-copy b,.date{font-size:11px;letter-spacing:.17em}.header-copy span{color:var(--muted);font-size:8px;letter-spacing:.16em}.date{margin-left:auto;font-weight:700}
main{display:grid;grid-template-columns:minmax(430px,.8fr) minmax(520px,1.2fr);gap:clamp(50px,7vw,120px);align-items:center;width:min(1440px,calc(100% - 72px));min-height:calc(100vh - 86px);margin:auto;padding:52px 0}.copy{max-width:650px}.eyebrow{margin:0 0 24px;color:var(--red);font-size:11px;font-weight:800;letter-spacing:.2em;text-transform:uppercase}h1{margin:0;font-family:"Arial Black",Impact,Arial,sans-serif;font-size:clamp(64px,7.2vw,116px);font-weight:900;line-height:.76;letter-spacing:-.075em;text-transform:uppercase}h1 i{display:block;margin:14px 0 0 8%;color:var(--red);font:400 italic clamp(50px,5.8vw,94px)/.8 Georgia,"Times New Roman",serif;letter-spacing:-.06em;text-transform:lowercase}.event-title{max-width:570px;margin:38px 0 0;padding-top:15px;border-top:3px solid var(--ink);font-size:17px;font-weight:900;line-height:1.25;text-transform:uppercase}.lead{max-width:560px;margin:17px 0 0;color:#4e4841;font:20px/1.45 Georgia,"Times New Roman",serif}
.steps{display:grid;grid-template-columns:repeat(3,1fr);margin:32px 0 0;padding:0;border:1px solid var(--line);list-style:none}.steps li{display:flex;min-height:72px;flex-direction:column;gap:12px;padding:14px;border-right:1px solid var(--line)}.steps li:last-child{border:0}.steps b{color:var(--red);font-size:10px;letter-spacing:.16em}.steps span{font-size:12px}.actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.actions button{min-height:62px;padding:0 26px;border:1px solid var(--ink);border-radius:0;font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}.primary{display:flex;align-items:center;gap:38px;color:var(--paper);background:var(--red);border-color:var(--red)!important;box-shadow:10px 10px 0 rgba(21,19,16,.15)}.primary b{font-size:24px}.primary:disabled{opacity:.55}.secondary{background:transparent}.status{min-height:20px;margin:18px 0 0;color:var(--red);font-size:13px}.privacy{margin:6px 0 0;color:var(--muted);font-size:11px}
.visual{justify-self:end;width:min(100%,740px)}.ticket{position:relative;display:grid;grid-template-columns:48% 52%;aspect-ratio:1.6;overflow:hidden;border:1px solid var(--ink);background:var(--paper);box-shadow:22px 28px 0 rgba(232,59,39,.14),0 30px 75px rgba(21,19,16,.22);transform:rotate(1deg);transition:.4s}.ticket[data-ready="true"]{transform:rotate(-.4deg) scale(1.015)}.ticket:after{position:absolute;inset:12px;z-index:5;border:1px solid rgba(21,19,16,.35);content:"";pointer-events:none}.ticket img{width:100%;height:100%;object-fit:cover;object-position:50% 36%;filter:saturate(1.1) contrast(1.02)}.ticket-copy{position:relative;z-index:3;padding:7% 3% 5% 8%}.ticket-copy>p{margin:0;color:var(--red);font-size:8px;font-weight:900;letter-spacing:.15em;text-transform:uppercase}.ticket h2{margin:11% 0 0;font:900 clamp(42px,5vw,76px)/.69 "Arial Black",Impact,Arial,sans-serif;letter-spacing:-.08em;text-transform:uppercase}.ticket h2 i{display:block;margin-left:14%;color:var(--red);font:400 italic clamp(38px,4.5vw,68px)/.8 Georgia,"Times New Roman",serif;text-transform:lowercase}.ticket-event{display:block;max-width:94%;margin:11% 0 0;padding-top:9px;border-top:2px solid var(--ink);font-size:clamp(8px,.75vw,11px);font-weight:900;line-height:1.25;text-transform:uppercase}.ticket-date{display:block;margin-top:8px;color:var(--red);font-size:clamp(9px,.85vw,13px);font-weight:900;letter-spacing:.09em;text-transform:uppercase}.number{position:absolute;right:-25%;bottom:17%;z-index:7;min-width:185px;padding:10px 16px;color:var(--paper);background:var(--red);transform:rotate(-3deg)}.number small{display:block;font-size:7px;font-weight:800;letter-spacing:.18em;text-transform:uppercase}.number strong{display:block;margin-top:3px;font-size:clamp(30px,3vw,48px);letter-spacing:.12em}.ticket footer{position:absolute;right:5%;bottom:5%;left:8%;display:flex;align-items:end;justify-content:space-between}.ticket footer b{font-size:10px;letter-spacing:.12em;text-transform:uppercase}.ticket footer span{max-width:120px;color:var(--muted);font-size:7px;text-align:right}.grunge{position:absolute;z-index:2;background:var(--ink);transform:rotate(-12deg)}.g1{top:-8%;right:38%;width:31%;height:9%}.g2{right:45%;bottom:-4%;width:25%;height:10%}.hint{margin:28px 0 0;color:var(--muted);font-size:12px;text-align:center}.confetti{position:fixed;inset:0;z-index:20;overflow:hidden;pointer-events:none}.confetti i{position:absolute;top:-20px;width:8px;height:18px;animation:fall 2.2s ease-in forwards}@keyframes fall{to{transform:translate(var(--drift),110vh) rotate(700deg)}}
@media(max-width:900px){.header{width:calc(100% - 36px);min-height:70px}.header-copy span{display:none}.date{font-size:9px}main{display:flex;width:100%;min-height:auto;flex-direction:column;padding:32px 18px 50px}.copy{width:100%}.eyebrow{margin-bottom:18px}h1{font-size:clamp(55px,19vw,84px);line-height:.78}h1 i{margin-top:12px;font-size:clamp(46px,15.5vw,70px)}.event-title{margin-top:30px}.lead{font-size:18px}.steps{margin-top:25px}.steps li{min-height:76px;padding:11px 9px}.steps span{font-size:11px}.actions{flex-direction:column}.actions button{width:100%}.primary{justify-content:space-between}.visual{width:100%;margin-top:24px}.ticket{grid-template-columns:52% 48%;box-shadow:10px 14px 0 rgba(232,59,39,.14),0 20px 45px rgba(21,19,16,.18)}.ticket-copy{padding-left:7%}.ticket h2{font-size:clamp(32px,10vw,52px)}.ticket h2 i{font-size:clamp(29px,9vw,46px)}.ticket-event{margin-top:8%;font-size:7px}.number{right:-34%;bottom:19%;min-width:140px;padding:7px 10px}.number strong{font-size:27px}.ticket footer span{display:none}.ticket footer b{font-size:8px}.hint{margin-top:22px}}
@media(max-width:440px){.header{width:calc(100% - 28px)}.header-copy b{font-size:9px}.mark{width:36px;height:36px}main{padding-inline:14px}.steps span{font-size:10px}.ticket:after{inset:7px}.ticket-copy>p{font-size:6px}.ticket-date{margin-top:5px;font-size:8px}.number{right:-38%;min-width:125px}.number strong{font-size:23px}}