@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,600;0,700;0,800;1,700&family=DM+Sans:wght@400;500;600&display=swap');

:root{--ink:#1a1310;--paper:#f2eadc;--cream:#fff8ec;--rust:#a52d1e;--orange:#e75b24;--muted:#9b8d7d;--line:rgba(46,32,26,.18);--display:'Barlow Condensed',Impact,sans-serif;--body:'DM Sans',Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--body);line-height:1.6}a{color:inherit;text-decoration:none}button{font:inherit}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;left:1rem;top:-5rem;z-index:99;padding:.8rem 1rem;background:var(--cream)}.skip-link:focus{top:1rem}
.site-header{position:absolute;z-index:20;top:0;left:0;width:100%;height:96px;padding:0 clamp(1.25rem,5vw,5rem);display:flex;align-items:center;justify-content:space-between;color:#fff;border-bottom:1px solid rgba(255,255,255,.18)}
.brand{display:inline-flex;align-items:center}.brand img{width:76px;height:76px;object-fit:contain;filter:drop-shadow(0 3px 8px rgba(0,0,0,.35))}
nav{display:flex;align-items:center;gap:2rem;font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.12em}nav a{position:relative}nav a:not(.nav-cta)::after{content:"";position:absolute;height:1px;left:0;bottom:-7px;width:0;background:#fff;transition:.25s}nav a:hover::after{width:100%}.nav-cta{border:1px solid rgba(255,255,255,.6);padding:.7rem 1rem}.menu-toggle{display:none;background:none;border:0;color:#fff}
.hero{position:relative;min-height:100svh;background:#19110e url('assets/arena-hero.png') center/cover no-repeat;color:#fff;display:flex;align-items:center;justify-content:center;padding:7rem clamp(1.25rem,8vw,8rem) 8.5rem;overflow:hidden}.hero-shade{position:absolute;inset:0;background:radial-gradient(circle at 50% 45%,rgba(20,12,8,.12),rgba(14,9,7,.62) 68%,rgba(10,7,5,.88)),linear-gradient(0deg,rgba(13,8,5,.82),transparent 55%)}.hero-content{position:relative;z-index:2;width:min(860px,90vw);display:flex;flex-direction:column;align-items:center;text-align:center}.hero-logo{display:block;width:min(610px,68vw);max-height:62vh;object-fit:contain;filter:drop-shadow(0 16px 30px rgba(0,0,0,.62));margin-bottom:-.4rem}.eyebrow,.kicker{text-transform:uppercase;letter-spacing:.25em;font-size:.68rem;font-weight:700}.eyebrow{display:flex;gap:.75rem;align-items:center;justify-content:center;color:#f2d2b5}.eyebrow span{width:42px;height:2px;background:var(--orange)}.hero h1,.section h2,.experience h2,.invite h2{margin:0;font:800 clamp(4.5rem,10vw,9rem)/.78 var(--display);text-transform:uppercase;letter-spacing:-.04em}.hero h1 em,h2 em{font-weight:600;color:var(--orange)}.hero-text{max-width:600px;margin:1rem 0 1.5rem;color:#eee2d8;font-size:clamp(.95rem,1.4vw,1.1rem);text-shadow:0 2px 12px #000}.hero-actions{display:flex;align-items:center;justify-content:center;gap:2rem;flex-wrap:wrap}.button{border:0;cursor:pointer;display:inline-flex;align-items:center;gap:1.5rem;padding:1rem 1.25rem;text-transform:uppercase;letter-spacing:.1em;font-size:.72rem;font-weight:700;transition:.25s}.button-primary{background:var(--orange);color:#fff;box-shadow:0 10px 35px rgba(147,44,19,.25)}.button-primary:hover{background:#c94318;transform:translateY(-2px)}.text-link{font-size:.72rem;text-transform:uppercase;letter-spacing:.12em}.hero-details{position:absolute;z-index:2;bottom:0;right:clamp(1.25rem,5vw,5rem);display:flex;border:1px solid rgba(255,255,255,.18);border-bottom:0;background:rgba(15,10,8,.45);backdrop-filter:blur(8px)}.hero-details div{padding:1rem 1.5rem;min-width:150px;border-right:1px solid rgba(255,255,255,.15)}.hero-details div:last-child{border:0}.hero-details small,.hero-details strong{display:block}.hero-details small{font-size:.58rem;letter-spacing:.2em;color:#c6b5a8}.hero-details strong{font:600 1rem var(--display);text-transform:uppercase;letter-spacing:.05em}.scroll-cue{position:absolute;z-index:2;bottom:0;left:5vw;width:1px;height:80px;background:rgba(255,255,255,.25)}.scroll-cue span{display:block;width:1px;height:24px;background:var(--orange);animation:scroll 2s infinite}
.section{position:relative;padding:clamp(5rem,10vw,10rem) clamp(1.25rem,8vw,8rem)}.manifesto{display:grid;grid-template-columns:1fr 1fr;gap:8vw}.section-number{position:absolute;top:3rem;right:5vw;font:800 8rem/1 var(--display);color:rgba(70,40,25,.055)}.kicker{color:var(--rust);margin:0 0 2rem}.manifesto h2,.memories h2{font-size:clamp(3.4rem,6.5vw,6.5rem);line-height:.86}.manifesto-copy{padding-top:4rem;max-width:560px}.manifesto-copy .lead{font:600 clamp(1.4rem,2vw,2rem)/1.25 var(--display);text-transform:uppercase}.manifesto-copy>p:not(.lead){color:#62574f}.stats{display:flex;margin-top:3rem;border-top:1px solid var(--line);padding-top:1.5rem;gap:clamp(2rem,6vw,5rem)}.stats div{display:flex;flex-direction:column}.stats strong{font:800 2.4rem/1 var(--display);color:var(--rust)}.stats span{text-transform:uppercase;letter-spacing:.12em;font-size:.6rem;color:#76685d}
.experience{background:#1a1310;color:#fff}.experience-head{display:flex;justify-content:space-between;align-items:end;padding-bottom:4rem}.experience-head h2{font-size:clamp(3.5rem,7vw,7rem)}.experience-head>p{max-width:370px;color:#a99b91}.kicker.light{color:#dc7d51}.experience-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(255,255,255,.14)}.experience-card{position:relative;padding:3rem clamp(1.5rem,3vw,3.5rem) 4rem;min-height:360px;border-right:1px solid rgba(255,255,255,.14);transition:.3s}.experience-card:hover{background:#241914;transform:translateY(-6px)}.experience-card>span{font:600 .7rem var(--display);color:#8d7b70}.line-icon{font:400 3rem var(--display);color:var(--orange);margin:3rem 0}.experience-card h3{font:700 1.7rem var(--display);text-transform:uppercase;margin:0 0 1rem}.experience-card p{color:#a99b91;font-size:.9rem}
.memories{display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw;align-items:center}.memories h2{font-size:clamp(3.3rem,6vw,6rem)}.memories-copy>p:last-child{max-width:470px;color:#695e55;margin-top:2rem}.timeline{border-left:1px solid #cbbcac}.timeline>div{position:relative;padding:1.2rem 0 1.8rem 4rem;border-bottom:1px solid var(--line);display:grid;grid-template-columns:50px 1fr;gap:.6rem}.timeline>div::before{content:"";position:absolute;left:-5px;top:1.7rem;width:9px;height:9px;border-radius:50%;background:#bdae9e}.timeline span{grid-row:1/3;font:800 1rem var(--display);color:#a5988a}.timeline strong{font:700 1.5rem var(--display);text-transform:uppercase}.timeline small{color:#766b63}.timeline .current::before{background:var(--orange);box-shadow:0 0 0 6px rgba(231,91,36,.13)}.timeline .current strong,.timeline .current span{color:var(--rust)}
.event-kit{display:grid;grid-template-columns:1.12fr .88fr;min-height:720px;background:#17110e;color:#fff}.kit-visual{position:relative;min-height:620px;overflow:hidden}.kit-visual::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 70%,#17110e)}.kit-visual img{width:100%;height:100%;display:block;object-fit:cover}.kit-visual small{position:absolute;z-index:2;left:1.2rem;bottom:1rem;padding:.35rem .55rem;background:rgba(0,0,0,.62);text-transform:uppercase;letter-spacing:.12em;font-size:.5rem;color:#cbbcaf}.kit-copy{align-self:center;padding:clamp(4rem,8vw,8rem) clamp(2rem,6vw,6rem)}.kit-label{display:inline-block;margin-bottom:1.3rem;padding:.4rem .65rem;border:1px solid rgba(231,91,36,.65);color:#f19a72;text-transform:uppercase;letter-spacing:.16em;font-size:.58rem;font-weight:700}.kit-copy h2{margin:0;font:800 clamp(3.5rem,6.2vw,6.5rem)/.82 var(--display);text-transform:uppercase;letter-spacing:-.04em}.kit-copy h2 em{color:var(--orange)}.kit-copy>p:not(.kicker):not(.kit-note){max-width:540px;margin:2rem 0;color:#b5a69c}.kit-items{list-style:none;margin:0;padding:0;border-top:1px solid rgba(255,255,255,.14)}.kit-items li{display:flex;align-items:center;gap:1.2rem;padding:.9rem 0;border-bottom:1px solid rgba(255,255,255,.14);font:700 1.2rem var(--display);text-transform:uppercase}.kit-items span{color:var(--orange);font-size:.65rem;letter-spacing:.1em}.kit-note{margin-top:1.3rem;color:#897a70;font-size:.7rem}
.invite{position:relative;min-height:650px;padding:7rem 1.5rem;background:linear-gradient(rgba(31,15,10,.78),rgba(24,13,10,.9)),url('assets/arena-hero.png') center 60%/cover;color:#fff;display:grid;place-items:center;text-align:center}.invite-inner{max-width:850px}.invite h2{font-size:clamp(4rem,8vw,8rem)}.invite p:not(.kicker){max-width:570px;margin:2rem auto;color:#d3c4ba}.invite .button{margin:auto}.invite small{display:block;min-height:1.5rem;margin-top:1rem;color:#e4b794}
footer{background:#120e0c;color:#fff;padding:2.5rem clamp(1.25rem,5vw,5rem);display:flex;align-items:center;gap:2rem}footer>p{color:#8e8178;font-size:.75rem}.footer-brand img{width:90px;height:90px}.copyright{margin-left:auto}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .75s ease,transform .75s ease}.reveal.visible{opacity:1;transform:none}@keyframes scroll{0%{transform:translateY(0);opacity:0}30%{opacity:1}100%{transform:translateY(55px);opacity:0}}
@media(max-width:900px){.site-header{height:78px}.brand img{width:64px;height:64px}.menu-toggle{display:grid;gap:4px;width:44px;padding:10px}.menu-toggle span{display:block;height:1px;background:currentColor}.menu-toggle b{position:absolute;clip:rect(0 0 0 0)}nav{display:none;position:absolute;top:78px;left:0;width:100%;background:#17110f;padding:2rem;flex-direction:column;align-items:flex-start}nav.open{display:flex}.hero{padding-top:8rem}.hero-details{left:1.25rem;right:1.25rem}.hero-details div{padding:.8rem;min-width:0;flex:1}.hero-details strong{font-size:.8rem}.scroll-cue{display:none}.manifesto,.memories{grid-template-columns:1fr}.manifesto-copy{padding-top:0}.experience-head{display:block}.experience-head>p{margin-top:2rem}.experience-grid{grid-template-columns:1fr 1fr}.experience-card{min-height:300px;border-bottom:1px solid rgba(255,255,255,.14)}.event-kit{grid-template-columns:1fr}.kit-visual{min-height:500px}.kit-visual::after{background:linear-gradient(0deg,#17110e,transparent 35%)}footer{flex-wrap:wrap}}
@media(max-width:560px){.hero{padding:6rem 1.25rem 8rem}.hero-logo{width:min(94vw,460px);max-height:45vh}.hero .eyebrow{font-size:.58rem;letter-spacing:.17em}.hero .eyebrow span{width:22px}.hero-actions{flex-direction:column;gap:1rem}.hero-details div:nth-child(1){display:none}.manifesto h2,.memories h2{font-size:3.2rem}.stats{gap:2rem}.experience-grid{grid-template-columns:1fr}.experience-card{min-height:260px}.experience-card .line-icon{margin:1.5rem 0}.timeline>div{padding-left:2rem;grid-template-columns:40px 1fr}.kit-visual{min-height:330px}.kit-copy{padding:3.5rem 1.25rem 4.5rem}.kit-copy h2{font-size:3.4rem}.invite{min-height:570px}footer>p:not(.copyright){display:none}.copyright{width:100%;margin:0}.section-number{font-size:5rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.scroll-cue span{animation:none}}
.kit-note{color:#9f8f84;font-size:.72rem}.kit-note strong{color:#e2c9b9;text-transform:uppercase;letter-spacing:.08em;font-size:.66rem}
.shirt-showcase{display:grid;grid-template-columns:minmax(280px,.72fr) minmax(420px,1.28fr);gap:clamp(2rem,6vw,6rem);align-items:center;background:#f2eadf}.shirt-showcase-copy h2{margin:.7rem 0 1.6rem;font:800 clamp(3.5rem,6vw,6.5rem)/.84 var(--display);text-transform:uppercase;letter-spacing:-.04em}.shirt-showcase-copy h2 em{color:var(--orange)}.shirt-showcase-copy>p:not(.kicker):not(.shirt-price){max-width:520px;color:#665d55;line-height:1.75}.shirt-price{margin:1.8rem 0;font:800 2rem var(--display);color:#641d18}.shirt-price small{font:600 .7rem var(--body);text-transform:uppercase;letter-spacing:.1em}.shirt-showcase-copy .button{display:inline-flex}.mockup-note{display:block;max-width:480px;margin-top:1.2rem;color:#887d73;font-size:.65rem;line-height:1.5}.shirt-showcase-visual{margin:0;overflow:hidden;border-radius:4px;background:#21150f;box-shadow:0 28px 70px rgba(45,25,15,.22)}.shirt-showcase-visual img{display:block;width:100%;height:auto}@media(max-width:900px){.shirt-showcase{grid-template-columns:1fr}.shirt-showcase-visual{order:-1}}@media(max-width:560px){.shirt-showcase{padding-left:1.25rem;padding-right:1.25rem}.shirt-showcase-copy h2{font-size:3.3rem}}
.invite-actions{display:flex;align-items:center;justify-content:center;gap:1.4rem;flex-wrap:wrap}.share-event{border:0;background:transparent;color:#fff;cursor:pointer;text-transform:uppercase;letter-spacing:.1em;font-size:.66rem;font-weight:700}.share-event span{color:var(--orange);margin-left:.5rem}
.event-open{display:flex;align-items:center;gap:.65rem;margin:0 0 .9rem;flex-wrap:wrap;justify-content:center}.event-open span,.event-open strong{padding:.38rem .65rem;border-radius:99px;font-size:.6rem;letter-spacing:.11em;text-transform:uppercase}.event-open span{border:1px solid rgba(255,255,255,.38);color:#fff}.event-open strong{background:#a72f1e;color:#fff}.countdown{margin:0 0 1.15rem;text-align:center}.countdown small{display:block;color:#d1b9a8;font-size:.53rem;letter-spacing:.16em;text-transform:uppercase}.countdown p{margin:.25rem 0 0!important;color:#fff!important;font:800 clamp(1.25rem,2.4vw,2rem) var(--display);text-transform:uppercase;letter-spacing:.03em}.countdown p strong{color:#ef7042;font-size:1.35em}
.hero-logo{width:min(500px,56vw);max-height:48vh}.hero-text{margin:.65rem 0 1rem}.hero{padding-top:5.5rem}.event-open{margin-bottom:.65rem}.countdown{margin-bottom:.85rem}@media(max-width:560px){.hero-logo{width:min(80vw,380px);max-height:34vh}.hero{padding-top:5rem}.hero-text{font-size:.86rem;line-height:1.45}.event-open span,.event-open strong{font-size:.5rem}.countdown p{font-size:1.2rem}}