*,*::before,*::after{box-sizing:border-box}html,body{margin:0}body{font-size:14px}button{font-family:inherit;cursor:pointer}img{max-width:100%} .site{container-type:inline-size;container-name:site}
/* ============ SITE: AFTER HOURS ============ */
.site{--s-bg:#f8f3ea;--s-fg:#17130f;--s-muted:#625a52;--s-line:#e3d9c9;--s-accent:#e8431a;--s-accent-fg:#fff8ef;--s-gold:#c98a12;--s-gold-fill:#f2b63a;--s-ink:#1b1714;--s-ink-fg:#f8f3ea;--s-nav-bg:rgba(248,243,234,.94);--s-radius:4px;
  --s-display:"Anton","Impact","Arial Narrow",sans-serif;--s-body:"Archivo","Helvetica Neue",Arial,sans-serif;
  background:var(--s-bg);color:var(--s-fg);font-family:var(--s-body);line-height:1.5;min-width:0;overflow-x:hidden}
.site *{min-width:0}
.wrap{max-width:1140px;margin:0 auto;padding-inline:clamp(18px,4cqw,48px)}
h1,h2,h3{margin:0;text-wrap:balance;font-family:var(--s-display);text-transform:uppercase;line-height:.92;letter-spacing:.01em;font-weight:400}
p{margin:0}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:50px;padding:12px 26px;border:2px solid transparent;font-weight:700;font-size:14px;text-transform:uppercase;letter-spacing:.06em;border-radius:var(--s-radius);transition:transform .15s,background .15s;white-space:nowrap}
.btn:active{transform:translateY(1px)}
.btn-primary{background:var(--s-accent);color:var(--s-accent-fg);border-color:var(--s-accent)}
.btn-primary:hover{background:#c73410}
.btn-ghost{background:transparent;color:var(--s-fg);border-color:currentColor}
.btn-gold{background:var(--s-gold-fill);color:#17130f;border-color:var(--s-gold-fill)}
.eyebrow{font-family:var(--s-display);font-size:clamp(15px,1.8cqw,22px);letter-spacing:.08em;color:var(--s-gold);text-transform:uppercase}
.section{padding-block:clamp(48px,8cqw,96px)}
.cta-row{display:flex;flex-wrap:wrap;gap:12px}
.lead{font-size:clamp(17px,1.6cqw,20px);line-height:1.6;max-width:62ch;color:#3a332c}
.photo{width:100%;aspect-ratio:3/2;object-fit:cover;background:#e9e1d4;border-radius:var(--s-radius)}

.nav{position:sticky;top:0;z-index:10;background:var(--s-nav-bg);border-bottom:1px solid var(--s-line);backdrop-filter:blur(8px)}
.nav .wrap{display:flex;align-items:center;gap:20px;padding-block:12px}
.logo{background:none;border:0;color:inherit;padding:6px 0;min-height:44px;font-family:var(--s-display);font-size:26px;letter-spacing:.04em;text-transform:uppercase}
.logo em{font-style:normal;color:var(--s-accent)}
.ink{background:var(--s-ink);color:var(--s-ink-fg)}
.ink .lead{color:#e4dccf}
.nav-links{display:flex;gap:2px;flex:1;justify-content:center}
.nav-links button{background:none;border:0;color:inherit;padding:10px 12px;min-height:44px;font-weight:600;font-size:14px;border-radius:6px;opacity:.82}
.nav-links button[aria-current="page"]{opacity:1;text-decoration:underline;text-underline-offset:6px;text-decoration-color:var(--s-accent);text-decoration-thickness:2px}
.nav-links button:hover{opacity:1}
.menu-btn{display:none;background:none;border:2px solid currentColor;color:inherit;min-height:44px;min-width:44px;border-radius:6px;padding:0 12px;align-items:center;justify-content:center;gap:5px;flex-direction:column}
.menu-btn i{display:block;width:18px;height:2px;background:currentColor}
.mobile-menu{display:none}

.hero{position:relative;min-height:640px;display:grid;align-items:end;overflow:hidden;background:#e9e1d4}
.hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 40%}
.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(248,243,234,.96) 0%,rgba(248,243,234,.9) 38%,rgba(248,243,234,.55) 60%,rgba(248,243,234,0) 100%),linear-gradient(180deg,rgba(248,243,234,.35) 0%,rgba(248,243,234,.25) 45%,rgba(248,243,234,.9) 80%,#f8f3ea 100%)}
.hero img{object-position:72% 40%}
.hero .wrap{position:relative;z-index:1;padding-block:64px 52px;display:grid;gap:24px;width:100%}
.hero h1{font-size:clamp(54px,9.2cqw,132px);max-width:14ch}
.hero h1 span{color:var(--s-accent)}

.hero2{background:var(--s-bg);overflow:hidden}
.hero2 .wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:clamp(24px,4cqw,56px);align-items:center;padding-block:clamp(36px,5cqw,72px)}
.hero2 .copy{display:grid;gap:24px;align-content:center}
.hero2 h1{font-size:clamp(36px,5.8cqw,74px);max-width:100%;overflow-wrap:anywhere}
.hero2 h1 span{color:var(--s-accent)}
.hero-photo{width:100%;aspect-ratio:3/2;object-fit:cover;object-position:50% 35%;border-radius:var(--s-radius);box-shadow:0 24px 60px rgba(60,35,10,.22)}
.live .tall{aspect-ratio:4/5;object-position:50% 25%}

/* partner logo strip */
.pstrip{padding-block:clamp(28px,4cqw,44px);border-block:1px solid var(--s-line)}
.pstrip .cap{display:flex;gap:14px;align-items:baseline;justify-content:center;margin-bottom:18px;font-size:12px;letter-spacing:.14em;text-transform:uppercase;font-weight:700;color:var(--s-muted)}
.pstrip .cap b{color:var(--s-accent)}
.car{position:relative;display:grid;grid-template-columns:48px 1fr 48px;align-items:center;gap:8px}
.car .vp{overflow:hidden;min-width:0;position:relative;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);touch-action:pan-y;cursor:grab}
.car .vp.drag{cursor:grabbing}
.car .track{display:flex;align-items:center;gap:clamp(36px,4cqw,64px);width:max-content;will-change:transform}
.car .track img{height:30px;width:auto;max-width:150px;display:block;opacity:.88;user-select:none;-webkit-user-drag:none;pointer-events:none}
.car .arrow{min-width:48px;min-height:48px;border-radius:50%;border:2px solid var(--s-line);background:#fffdf8;color:var(--s-fg);display:grid;place-items:center;padding:0}
.car .arrow:hover{border-color:var(--s-accent)}
.car .arrow svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}

.marquee{overflow:hidden;border-block:1px solid var(--s-line);background:var(--s-accent);color:var(--s-accent-fg);font-family:var(--s-display);font-size:24px;text-transform:uppercase;letter-spacing:.06em;padding-block:12px;white-space:nowrap}
.marquee div{display:inline-block;animation:slide 26s linear infinite}
.marquee span{padding-inline:28px}
@keyframes slide{from{transform:translateX(0)}to{transform:translateX(-50%)}}

.live{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(24px,4cqw,56px);align-items:start}
.live h2{font-size:clamp(48px,7cqw,104px)}
.live h2 span{color:var(--s-accent)}
.live .photo{margin-top:24px}
.montage{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:22px}
.montage img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:var(--s-radius)}
.montage img:first-child{grid-column:1 / -1;aspect-ratio:16/9}
.offer{border-top:1px solid var(--s-line)}
.offer h3{font-size:clamp(28px,3.2cqw,40px);padding-block:20px 10px;color:var(--s-accent)}
.offer ul{list-style:none;margin:0;padding:0}
.offer li{display:flex;gap:16px;align-items:baseline;padding-block:14px;border-top:1px solid var(--s-line);font-size:17px;line-height:1.4}
.offer li::before{content:"";flex:0 0 10px;width:10px;height:10px;background:var(--s-accent);transform:translateY(-2px)}

.band{background:var(--s-ink);color:var(--s-ink-fg);position:relative;overflow:hidden}
.band img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.42}
.band::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(27,23,20,.92) 0%,rgba(27,23,20,.75) 55%,rgba(27,23,20,.35) 100%)}
.band .wrap{position:relative;display:grid;grid-template-columns:1.5fr 1fr;gap:32px;align-items:center;padding-block:clamp(40px,6cqw,72px)}
.band h2{font-size:clamp(34px,4.6cqw,64px);line-height:1}
.band h2 span{color:var(--s-gold-fill)}
.band .eyebrow{color:var(--s-gold-fill)}

.recaps-head{display:grid;gap:16px;margin-bottom:36px;max-width:68ch}
.recaps-head h2{font-size:clamp(48px,7cqw,104px)}
.group{margin-top:34px}
.group h3{font-size:clamp(22px,2.6cqw,32px);color:var(--s-accent);margin-bottom:18px;display:flex;align-items:center;gap:14px}
.group h3::after{content:"";flex:1;height:1px;background:var(--s-line)}
.recap-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.recap-grid.three{grid-template-columns:repeat(3,1fr)}
.recap{position:relative;display:grid;align-content:end;aspect-ratio:3/4;overflow:hidden;background:var(--s-ink);color:var(--s-ink-fg);border:0;padding:0;text-align:left;cursor:pointer;border-radius:var(--s-radius)}
.recap.alt{background:#fff;color:var(--s-fg);border:1px solid var(--s-line)}
.recap.alt span{color:var(--s-accent)}
.recap .big{position:absolute;left:-4%;top:-6%;font-family:var(--s-display);font-size:clamp(120px,15cqw,220px);line-height:.8;color:var(--s-accent);opacity:.16;letter-spacing:-.02em;pointer-events:none;text-transform:uppercase;white-space:nowrap}
.recap.alt .big{color:var(--s-accent);opacity:.12}
.recap img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s}
.recap:hover img{transform:scale(1.04)}

.recap.wide{align-content:start}
.recap.wide img{position:static;width:100%;height:auto;object-fit:contain;display:block}
.recap.wide .t{padding-top:14px}
.recap.has-img::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(27,23,20,0) 40%,rgba(27,23,20,.85) 100%)}
.recap .t{position:relative;z-index:1;padding:18px;display:grid;gap:8px}
.recap h3{font-size:clamp(30px,3.4cqw,44px)}
.recap span{font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--s-gold-fill)}
.recap:nth-child(2n){margin-top:28px}

.connect{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,4cqw,56px);align-items:center}
.connect h2{font-size:clamp(40px,5.4cqw,76px)}
.connect h2 span{color:var(--s-accent)}
.connect .photo{aspect-ratio:4/5}

.story{border:1px solid var(--s-line);padding:clamp(24px,4cqw,56px);display:grid;grid-template-columns:1fr 2fr;gap:32px;background:#fffdf8;border-radius:var(--s-radius)}
.story h2{font-size:clamp(34px,4.4cqw,60px)}
.story blockquote{margin:0;font-size:clamp(18px,1.9cqw,24px);line-height:1.5;color:#2a241e}
.story blockquote::before{content:"\201C";font-family:var(--s-display);font-size:90px;line-height:0;color:var(--s-accent);display:block;margin:30px 0 10px}
.story .who{margin-top:22px;display:grid;gap:2px;font-size:15px}
.story .who b{font-size:18px}
.story .stat{font-family:var(--s-display);font-size:clamp(44px,5cqw,72px);color:var(--s-gold);margin-top:18px}

.join{text-align:center;display:grid;gap:20px;justify-items:center}
.join h2{font-size:clamp(50px,8.5cqw,124px);color:var(--s-accent)}
.join p{max-width:52ch;text-align:center}

.footer{padding-block:44px 30px;background:var(--s-ink);color:var(--s-ink-fg);font-size:14px}
.footer .cols{display:flex;flex-wrap:wrap;gap:16px 8px;align-items:center;justify-content:space-between}
.footer .links{display:flex;flex-wrap:wrap;gap:4px}
.footer .links button{background:none;border:0;color:inherit;padding:8px 12px;min-height:40px;font-size:14px;font-weight:600;opacity:.85}
.footer .legal{margin-top:28px;opacity:.6;font-size:12px}

.about-hero{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:end}
.about-hero h1{font-size:clamp(52px,7.6cqw,112px)}
.about-hero img{border-radius:var(--s-radius)}
.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,4cqw,56px)}
.block{border-top:2px solid var(--s-accent);padding-top:20px;display:grid;gap:14px;align-content:start}
.block .k{font-family:var(--s-display);font-size:16px;letter-spacing:.14em;color:var(--s-accent)}
.block h2{font-size:clamp(32px,3.8cqw,52px)}
.block p{color:#3a332c;line-height:1.65}

.coming{min-height:620px;display:grid;place-items:center;text-align:center;padding-block:64px;background:radial-gradient(ellipse at 50% 35%,rgba(242,182,58,.45),transparent 60%),#f8f3ea}
.coming .inner{display:grid;gap:28px;justify-items:center}
.coming h1{font-size:clamp(72px,15cqw,200px);color:var(--s-accent)}

.panel-back{position:absolute;inset:0;z-index:40;background:rgba(23,19,15,.6);display:grid;place-items:center;padding:20px}
.panel{width:min(760px,100%);background:#fffdf8;color:var(--s-fg);border:1px solid var(--s-line);display:grid;border-radius:var(--s-radius);overflow:hidden}
.panel .tile{aspect-ratio:16/10;background:var(--s-ink);color:var(--s-ink-fg);display:grid;place-items:center;position:relative;overflow:hidden}
.panel .tile .big{position:absolute;font-family:var(--s-display);font-size:clamp(90px,16cqw,240px);color:var(--s-accent);opacity:.25;text-transform:uppercase;white-space:nowrap}
.panel .photo{aspect-ratio:16/10}
.panel .row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 20px;flex-wrap:wrap}
.panel h3{font-size:clamp(30px,4cqw,48px)}
.panel .close{position:absolute;top:14px;right:14px;z-index:1;min-width:46px;min-height:46px;border:2px solid #fff;background:var(--s-ink);color:#fff;font-size:24px;line-height:1;border-radius:50%}

@container site (max-width:760px){
  .nav-links{display:none}
  .menu-btn{display:flex;margin-left:auto}
  .mobile-menu{display:grid;gap:2px;padding:8px 18px 16px;background:var(--s-nav-bg);border-bottom:1px solid var(--s-line)}
  .mobile-menu button{background:none;border:0;color:inherit;text-align:left;padding:12px 8px;min-height:48px;font-weight:600;font-size:17px;border-radius:6px}
  .mobile-menu button[aria-current="page"]{color:var(--s-accent)}
  .nav .btn{display:none}
  .btn{width:100%}
  .cta-row{flex-direction:column}
  .hero{min-height:580px}
  .hero h1{font-size:clamp(52px,16cqw,72px)}
  .hero2 .wrap{grid-template-columns:1fr;gap:26px;padding-block:0 40px}
  .car{grid-template-columns:44px 1fr 44px;gap:4px}
  .car .arrow{min-width:44px;min-height:44px}
  .car .track img{height:24px;max-width:120px}
  .hero-photo{order:-1;margin-inline:calc(-1*clamp(18px,4cqw,48px));width:calc(100% + 2*clamp(18px,4cqw,48px));max-width:none;border-radius:0;aspect-ratio:3/2;height:auto;box-shadow:none}
  .hero2 h1{font-size:clamp(36px,14.4cqw,70px)}
  .hero::after{background:linear-gradient(180deg,rgba(248,243,234,.3) 0%,rgba(248,243,234,.78) 42%,rgba(248,243,234,.95) 62%,#f8f3ea 100%)}
  .live,.band .wrap,.connect,.story,.about-hero,.about-grid{grid-template-columns:1fr}
  .montage{grid-template-columns:repeat(3,1fr);gap:6px}
  .recap-grid,.recap-grid.three{grid-template-columns:1fr 1fr}
  .recap:nth-child(2n){margin-top:0}
  .recap h3{font-size:26px}
  .connect .photo{aspect-ratio:3/2}
  .coming{min-height:560px}
  .footer .cols{flex-direction:column;align-items:flex-start}
  .footer .links{flex-direction:column}
}

@container site (max-width:360px){.recap{min-height:255px}.recap .t{padding:12px}.recap span{font-size:11px}.story .stat{overflow-wrap:anywhere}.pstrip .cap{flex-wrap:wrap;gap:4px 12px}}
@container site (max-width:360px){.recap{width:100%;min-width:0;aspect-ratio:auto;height:255px}.recap.wide img{max-width:100%}}