:root{--red:#e5162d;--blue:#175cff;--ink:#050507;--paper:#f4f4ef;--muted:#a8a8aa}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:var(--ink);color:var(--paper)}
body{font-family:"Barlow Condensed",Arial,sans-serif;background:radial-gradient(circle at 18% 35%,rgba(23,92,255,.22),transparent 30%),radial-gradient(circle at 82% 70%,rgba(229,22,45,.2),transparent 32%),#050507;overflow-x:hidden}
a{color:inherit;text-decoration:none}.noise{position:fixed;inset:0;z-index:10;pointer-events:none;opacity:.06;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
header,footer{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:center;padding:24px 4vw;text-transform:uppercase;font-size:.75rem;font-weight:800;letter-spacing:.2em;border-bottom:1px solid rgba(255,255,255,.16)}
.back:hover{color:var(--red)}.clearance{color:var(--red)}
main{min-height:calc(100svh - 132px);display:grid;place-items:center;padding:60px 5vw}
.identity{width:min(1240px,100%);display:grid;grid-template-columns:.9fr 1.1fr;gap:8vw;align-items:center}
.portrait-stack{height:min(74vh,720px);position:relative}
.portrait{position:absolute;border:8px solid #0a0a0d;box-shadow:0 28px 70px rgba(0,0,0,.75)}
.ib-poster{right:0;top:0;width:63%;height:94%;object-fit:contain;background:#03070d;transform:rotate(3deg);filter:saturate(.92) contrast(1.06)}
.fox-green{left:0;bottom:0;width:51%;height:60%;object-fit:cover;object-position:center 38%;transform:rotate(-5deg);filter:contrast(1.12) saturate(.85);box-shadow:0 24px 65px rgba(0,0,0,.9),0 0 32px rgba(23,92,255,.18)}
.stamp{position:absolute;left:34%;bottom:8%;z-index:2;padding:14px 18px;background:var(--ink);border:3px solid var(--red);font-weight:800;font-size:.72rem;letter-spacing:.2em;line-height:1.5;transform:rotate(-8deg)}
.eyebrow{color:var(--red);font-size:.72rem;font-weight:800;letter-spacing:.25em;text-transform:uppercase}
h1{font-family:"Archivo Black",sans-serif;font-size:clamp(4rem,8vw,8.5rem);line-height:.77;letter-spacing:-.075em;margin:.18em 0 .28em;text-transform:uppercase}
h1 span{display:inline-block;margin:0 .04em;background:var(--red);color:white;padding:0 .05em;transform:skew(-5deg)}
.lede{max-width:620px;color:#d0d0d0;font-size:1.3rem;line-height:1.45}
.terms{display:grid;grid-template-columns:1fr auto;margin:28px 0;border-top:1px solid rgba(255,255,255,.2);text-transform:uppercase}
.terms span,.terms strong{padding:13px 0;border-bottom:1px solid rgba(255,255,255,.15);letter-spacing:.13em}.terms span{color:var(--muted)}.terms strong{color:var(--paper);text-align:right}.terms strong:last-child{color:var(--red);font-size:1.25rem}
.purchase{display:flex;justify-content:space-between;align-items:center;width:100%;padding:20px 22px;background:var(--red);font-size:.9rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase;transition:.2s}.purchase b{font-size:1.5rem}.purchase:hover,.purchase:focus-visible{background:var(--paper);color:var(--ink);outline:none;box-shadow:8px 8px 0 var(--blue)}
.fineprint{max-width:560px;color:var(--muted);font-size:.82rem;line-height:1.5;letter-spacing:.06em}
footer{border-top:1px solid rgba(255,255,255,.16);border-bottom:0;color:var(--muted)}footer span:last-child{color:var(--paper)}
@media(max-width:780px){header{padding:20px 5vw}.clearance{font-size:.63rem}.identity{grid-template-columns:1fr;gap:45px}.portrait-stack{height:560px}.ib-poster{width:68%;height:92%}.fox-green{width:54%;height:55%}.stamp{left:30%;bottom:7%}h1{font-size:17vw}.lede{font-size:1.1rem}main{padding-top:38px}footer{align-items:flex-start;gap:18px;flex-direction:column}}
@media(prefers-reduced-motion:reduce){.purchase{transition:none}}