.media-hero {
  position:relative;
  width:min(1880px,100%);
  min-height:min(760px,82vh);
  margin:0 auto;
  overflow:hidden;
  border-bottom:1px solid rgba(255,255,255,.2);
  background:#030405;
}
.media-hero__video { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; filter:saturate(.78) contrast(1.12) brightness(.58); transform:none; transition:filter .5s ease; }
.media-hero.is-playing .media-hero__video { filter:saturate(1.04) contrast(1.08) brightness(.72); transform:none; }
.media-hero__shade { position:absolute; inset:0; background:linear-gradient(90deg,rgba(0,0,0,.92) 0,rgba(0,0,0,.48) 47%,rgba(0,0,0,.12)),linear-gradient(0deg,rgba(0,0,0,.88),transparent 54%),repeating-linear-gradient(90deg,transparent 0 4px,rgba(0,0,0,.08) 5px); }
.media-hero__copy { position:absolute; z-index:3; left:clamp(22px,5vw,86px); bottom:clamp(42px,8vw,112px); max-width:720px; }
.media-hero__copy > p,.media-wall__heading > div > p { color:var(--spray-lime,#c8ff1a); font:900 8px/1 system-ui,sans-serif; letter-spacing:.18em; }
.media-hero__copy h1 { margin:13px 0 22px; font-size:clamp(62px,9vw,146px); line-height:.76; letter-spacing:-.065em; text-shadow:6px 7px #000,-3px 3px var(--spray-pink,#ff2f92); }
.media-hero__copy h1 span { color:var(--spray-orange,#ff6818); }
.media-hero__copy > div { display:flex; flex-wrap:wrap; gap:7px; }
.media-hero__copy a,.media-hero__copy button { display:grid; place-items:center; min-height:46px; padding:0 20px; border:1px solid var(--spray-lime,#c8ff1a); font:900 8px/1 system-ui,sans-serif; letter-spacing:.13em; text-decoration:none; cursor:pointer; }
.media-hero__copy a { color:#050607; background:var(--spray-lime,#c8ff1a); transform:rotate(-1deg); }
.media-hero__copy button { color:white; background:rgba(4,6,8,.75); }
.media-hero__poster { position:absolute; z-index:3; right:clamp(24px,5vw,84px); top:clamp(38px,7vw,96px); width:clamp(190px,25vw,390px); margin:0; padding:8px 8px 24px; background:#ececeb; box-shadow:12px 14px 0 rgba(0,0,0,.78),18px 20px 0 var(--spray-pink,#ff2f92); transform:rotate(3deg); }
.media-hero__poster::before,.media-hero__poster::after { content:""; position:absolute; width:70px; height:18px; top:-8px; background:rgba(212,200,154,.78); }
.media-hero__poster::before { left:14px; transform:rotate(-7deg); }.media-hero__poster::after { right:16px; transform:rotate(6deg); }
.media-hero__poster img { display:block; width:100%; aspect-ratio:1; object-fit:cover; }
.media-hero__poster figcaption { position:absolute; right:10px; bottom:7px; color:#0b0c0d; font:1000 6px/1 system-ui,sans-serif; letter-spacing:.12em; }
.media-hero__counter { position:absolute; z-index:3; right:22px; bottom:22px; color:white; font:900 35px/.72 system-ui,sans-serif; text-align:right; }
.media-hero__counter i { color:var(--spray-orange,#ff6818); font-size:12px; font-style:normal; }

.media-wall { position:relative; width:min(1880px,100%); margin:0 auto; padding:clamp(65px,8vw,120px) clamp(18px,3vw,48px); overflow:hidden; border-top:1px solid rgba(255,255,255,.14); background:radial-gradient(circle at 84% 9%,rgba(255,47,146,.12),transparent 28rem),radial-gradient(circle at 7% 75%,rgba(200,255,26,.08),transparent 24rem),#080b0e; }
.media-wall::before { content:""; position:absolute; inset:0; pointer-events:none; opacity:.13; background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px); background-size:42px 42px; mask-image:linear-gradient(90deg,#000,transparent 85%); }
.media-wall__heading { display:flex; align-items:end; justify-content:space-between; gap:30px; margin-bottom:30px; }
.media-wall__heading { position:relative; z-index:1; }
.media-wall__heading h2 { margin:0; font-size:clamp(48px,7vw,104px); line-height:.82; letter-spacing:-.055em; color:white; text-shadow:5px 6px #000,-2px 2px var(--spray-pink,#ff2f92); }
.media-wall__heading > p { max-width:500px; margin:0; color:#92999f; font:500 12px/1.65 system-ui,sans-serif; }
.city-wall__ticker { position:relative; z-index:1; display:flex; width:100%; margin-bottom:10px; overflow:hidden; color:#060708; background:var(--spray-lime,#c8ff1a); border-block:2px solid #050607; box-shadow:0 5px 0 #020304; }
.city-wall__ticker span { flex:1; min-width:max-content; padding:10px clamp(12px,2vw,30px); border-right:1px solid rgba(0,0,0,.25); font:1000 8px/1 system-ui,sans-serif; letter-spacing:.14em; text-align:center; }
.city-wall__grid { position:relative; z-index:1; display:grid; grid-template-columns:1.15fr .85fr 1fr; grid-template-areas:"drop wait community" "drop bodega bodega" "throwy throwy hunt"; grid-template-rows:minmax(410px,auto) minmax(330px,auto) minmax(460px,auto); gap:10px; }
.wall-card { position:relative; min-width:0; overflow:hidden; color:white; border:1px solid rgba(255,255,255,.22); background:#0b0e12; box-shadow:7px 8px 0 #020304; }
.wall-card > img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; filter:saturate(.82) brightness(.64) contrast(1.08); transform:none; transition:filter .3s ease; }
.wall-card:hover > img,.wall-card:focus-visible > img { filter:saturate(1.02) brightness(.75) contrast(1.05); }
.wall-card__shade { position:absolute; inset:0; background:linear-gradient(0deg,rgba(2,4,7,.96),rgba(2,4,7,.16) 74%),linear-gradient(90deg,rgba(2,4,7,.72),transparent 72%),repeating-linear-gradient(0deg,transparent 0 4px,rgba(255,255,255,.025) 5px); }
.wall-drop { grid-area:drop; min-height:750px; }
.wall-drop__copy { position:absolute; z-index:2; inset:auto clamp(22px,4vw,55px) clamp(28px,5vw,68px); }
.wall-drop__copy > span { display:inline-block; padding:7px 9px; color:#07090b; background:var(--spray-orange,#ff6818); font:1000 7px/1 system-ui,sans-serif; letter-spacing:.13em; box-shadow:4px 4px #000; }
.wall-drop__copy > small,.wall-waitlist > small,.wall-community small,.wall-hunt small,.wall-bodega__copy > small { display:block; margin-top:18px; color:var(--spray-lime,#c8ff1a); font:900 7px/1 system-ui,sans-serif; letter-spacing:.16em; }
.wall-drop h3,.wall-waitlist h3,.wall-community h3,.wall-hunt h3,.wall-bodega h3 { margin:10px 0 12px; font-size:clamp(40px,4.4vw,72px); line-height:.82; letter-spacing:-.05em; text-shadow:4px 5px #000; }
.wall-drop p,.wall-community p,.wall-hunt p,.wall-bodega p { max-width:580px; color:#bdc2c6; font:600 10px/1.6 system-ui,sans-serif; }
.wall-countdown { display:grid; grid-template-columns:repeat(4,1fr); gap:4px; margin:22px 0; }
.wall-countdown > span { display:grid; gap:7px; padding:13px 8px; border:1px solid rgba(255,255,255,.28); background:rgba(4,6,9,.76); text-align:center; }
.wall-countdown b { color:white; font:1000 clamp(24px,3.2vw,48px)/.85 system-ui,sans-serif; font-variant-numeric:tabular-nums; }.wall-countdown small { color:#737b82; font:900 6px/1 system-ui,sans-serif; letter-spacing:.12em; }
.wall-countdown.is-ended::after { content:"EDITORIAL TIMER ENDED / CHECK RELEASE STATUS"; grid-column:1/-1; padding:9px; color:#07090b; background:var(--spray-lime,#c8ff1a); font:1000 8px/1 system-ui,sans-serif; letter-spacing:.13em; text-align:center; }
.wall-action { display:inline-grid; place-items:center; min-height:42px; padding:0 16px; color:#07090b; background:var(--spray-lime,#c8ff1a); border:1px solid var(--spray-lime,#c8ff1a); text-decoration:none; font:1000 7px/1 system-ui,sans-serif; letter-spacing:.12em; }
.wall-waitlist { padding:clamp(25px,3.4vw,48px); color:#0b0c0d; background:#ece8d7; clip-path:polygon(0 1%,97% 0,100% 96%,84% 100%,72% 97%,57% 100%,42% 97%,27% 100%,12% 97%,0 100%); box-shadow:inset 0 0 65px rgba(68,48,19,.12),7px 8px #000; }
.wall-waitlist::after { content:""; position:absolute; right:-18px; top:45px; width:140px; height:34px; opacity:.72; background:rgba(203,191,142,.72); transform:rotate(8deg); }
.wall-waitlist > small { color:#c44418; }.wall-waitlist h3 { color:#111; text-shadow:3px 3px rgba(255,104,24,.5); }.wall-waitlist > p { color:#4f4c45; font:700 9px/1.55 system-ui,sans-serif; }
.wall-sticker { position:absolute; z-index:2; right:20px; top:20px; padding:7px 10px; color:#07090b; background:var(--spray-pink,#ff2f92); transform:rotate(4deg); font:1000 7px/1 system-ui,sans-serif; letter-spacing:.1em; box-shadow:4px 4px #000; }
.wall-waitlist__form { display:grid; gap:8px; margin-top:18px; }
.wall-waitlist__form label { display:grid; gap:5px; font:1000 6px/1 system-ui,sans-serif; letter-spacing:.12em; }
.wall-waitlist__form input,.wall-waitlist__form select { width:100%; min-height:43px; padding:0 11px; color:#111; border:2px solid #151515; background:rgba(255,255,255,.58); font:800 9px/1 system-ui,sans-serif; }
.wall-waitlist__form button { min-height:44px; color:#07090b; border:2px solid #111; background:var(--spray-orange,#ff6818); cursor:pointer; font:1000 7px/1 system-ui,sans-serif; letter-spacing:.12em; box-shadow:5px 5px #111; }
.wall-waitlist__form button:disabled { opacity:.55; cursor:wait; }.wall-waitlist__form p { min-height:18px; margin:7px 0 0; color:#14721f; font:900 7px/1.35 system-ui,sans-serif; letter-spacing:.07em; }.wall-waitlist__form p.is-error { color:#bd1f2d; }
.wall-waitlist { grid-area:wait; }
.wall-bodega { grid-area:bodega; display:block; min-height:410px; text-decoration:none; }
.wall-bodega__copy { position:absolute; z-index:2; inset:auto clamp(22px,4vw,54px) clamp(26px,4vw,48px); }
.wall-bodega__copy > div { display:flex; flex-wrap:wrap; gap:5px; }.wall-bodega__copy > div b { padding:8px 10px; color:#07090b; background:#fff; font:1000 6px/1 system-ui,sans-serif; letter-spacing:.1em; }.wall-bodega__copy > div b:last-child { background:var(--spray-orange,#ff6818); }
.neon-open { display:inline-block; padding:9px 13px; color:#fff; border:2px solid #ff4fa6; border-radius:8px; box-shadow:0 0 8px #ff4fa6,inset 0 0 8px #ff4fa6; text-shadow:0 0 8px #fff,0 0 15px #ff4fa6; font:1000 11px/1 system-ui,sans-serif; letter-spacing:.14em; }
.wall-community { grid-area:community; }.wall-hunt { grid-area:hunt; }
.wall-community,.wall-hunt { min-height:330px; }.wall-community > div:last-child,.wall-hunt > div:last-child { position:absolute; z-index:2; inset:auto 22px 24px; }.wall-community h3,.wall-hunt h3 { font-size:clamp(34px,3vw,54px); }.wall-community p,.wall-hunt p { font-size:8px; }

.wall-throwy { grid-area:throwy; display:grid; grid-template-columns:minmax(250px,.72fr) minmax(430px,1.28fr); min-height:460px; background:radial-gradient(circle at 18% 28%,rgba(255,47,146,.32),transparent 18rem),linear-gradient(125deg,#171b20,#050608 74%); }
.wall-throwy::after { content:""; position:absolute; inset:0; z-index:1; pointer-events:none; opacity:.18; background:repeating-linear-gradient(78deg,transparent 0 22px,rgba(255,255,255,.12) 23px,transparent 25px),radial-gradient(circle at 77% 20%,var(--spray-orange,#ff6818) 0 2px,transparent 3px); background-size:auto,23px 23px; mix-blend-mode:screen; }
.throwy-sticker-field { position:relative; z-index:2; min-height:460px; overflow:hidden; border-right:1px dashed rgba(255,255,255,.25); background:linear-gradient(140deg,rgba(200,255,26,.16),transparent 55%),repeating-linear-gradient(0deg,rgba(255,255,255,.035) 0 1px,transparent 1px 6px); }
.throwy-sticker-field::before,.throwy-sticker-field::after { content:""; position:absolute; border:2px solid currentColor; border-radius:50%; opacity:.62; }
.throwy-sticker-field::before { left:-42px; top:35px; width:165px; height:165px; color:var(--spray-orange,#ff6818); box-shadow:27px 36px 0 -49px currentColor,89px 151px 0 -61px currentColor; }
.throwy-sticker-field::after { right:-55px; bottom:18px; width:130px; height:130px; color:var(--spray-pink,#ff2f92); }
.throwy-decal { position:absolute; left:50%; top:45%; width:min(74%,310px); margin:0; padding:13px 13px 34px; color:#08090a; background:#f0eee7; box-shadow:10px 13px #000,15px 18px var(--spray-orange,#ff6818); transform:translate(-50%,-50%) rotate(-7deg); clip-path:polygon(3% 2%,96% 0,100% 13%,98% 88%,90% 100%,7% 97%,0 88%,2% 12%); }
.throwy-decal::after { content:"PEEL / FIND / SCAN"; position:absolute; right:11px; top:10px; padding:5px 7px; color:#fff; background:#08090a; font:1000 5px/1 system-ui,sans-serif; letter-spacing:.12em; transform:rotate(5deg); }
.throwy-decal img { display:block; width:100%; aspect-ratio:1.15; object-fit:contain; }
.throwy-decal figcaption { position:absolute; left:15px; bottom:12px; font:1000 6px/1 system-ui,sans-serif; letter-spacing:.12em; }
.throwy-qr { position:absolute; z-index:3; right:22px; bottom:23px; display:flex; align-items:center; gap:8px; padding:7px 10px 7px 7px; color:#08090a; background:var(--spray-lime,#c8ff1a); box-shadow:5px 6px #000; transform:rotate(4deg); font:1000 5px/1 system-ui,sans-serif; letter-spacing:.1em; }
.throwy-qr i { width:29px; aspect-ratio:1; border:4px solid #08090a; background:repeating-conic-gradient(#08090a 0 25%,transparent 0 50%) 0 0/8px 8px; }
.throwy-serial { position:absolute; left:16px; bottom:17px; color:#8e969c; font:1000 5px/1 system-ui,sans-serif; letter-spacing:.14em; writing-mode:vertical-rl; transform:rotate(180deg); }
.wall-throwy__copy { position:relative; z-index:3; align-self:center; padding:clamp(28px,4vw,58px); }
.wall-throwy__copy > small { color:var(--spray-lime,#c8ff1a); font:1000 7px/1 system-ui,sans-serif; letter-spacing:.16em; }
.wall-throwy h3 { max-width:760px; margin:12px 0; color:white; font-size:clamp(38px,4vw,68px); line-height:.84; letter-spacing:-.055em; text-shadow:4px 5px #000,-2px 2px var(--spray-pink,#ff2f92); }
.wall-throwy__copy > p { max-width:720px; color:#c7ccd0; font:650 9px/1.55 system-ui,sans-serif; }
.throwy-reward-grid { display:grid; grid-template-columns:1fr 1fr; gap:5px; margin:20px 0 12px; padding:0; list-style:none; counter-reset:throwy-tier; }
.throwy-reward-grid li { position:relative; min-height:82px; padding:13px 13px 13px 42px; border:1px solid rgba(255,255,255,.2); background:rgba(5,7,9,.76); counter-increment:throwy-tier; }
.throwy-reward-grid li::before { content:"0" counter(throwy-tier); position:absolute; left:12px; top:14px; color:var(--spray-orange,#ff6818); font:1000 12px/1 system-ui,sans-serif; }
.throwy-reward-grid b,.throwy-reward-grid span { display:block; }.throwy-reward-grid b { color:white; font:1000 7px/1.15 system-ui,sans-serif; letter-spacing:.1em; }.throwy-reward-grid span { margin-top:6px; color:#8f979d; font:650 7px/1.35 system-ui,sans-serif; }
.throwy-reward-grid .is-gold { border-color:#ffca4c; background:linear-gradient(135deg,rgba(255,202,76,.24),rgba(5,7,9,.84)); }.throwy-reward-grid .is-gold::before,.throwy-reward-grid .is-gold b { color:#ffca4c; }
.throwy-terms { margin:11px 0 16px; color:#aeb5ba; font:700 7px/1.45 system-ui,sans-serif; }.throwy-terms summary { color:white; cursor:pointer; font:1000 7px/1 system-ui,sans-serif; letter-spacing:.11em; }.throwy-terms p { max-width:720px; margin:9px 0 0; color:#8f979d; }
.city-wall__drop-rail { position:relative; z-index:1; display:grid; grid-template-columns:repeat(4,1fr); gap:5px; margin-top:15px; }
.city-wall__drop-rail a { display:grid; gap:6px; min-width:0; padding:14px; color:white; border:1px solid rgba(255,255,255,.18); background:#0b0e12; text-decoration:none; }
.city-wall__drop-rail a:hover { border-color:var(--spray-orange,#ff6818); }.city-wall__drop-rail small { color:var(--spray-orange,#ff6818); font:900 6px/1 system-ui,sans-serif; letter-spacing:.11em; }.city-wall__drop-rail b { overflow:hidden; font-size:11px; text-overflow:ellipsis; white-space:nowrap; }.city-wall__drop-rail span { color:#6f777e; font:800 6px/1 system-ui,sans-serif; letter-spacing:.09em; }
.media-wall__source { display:flex; justify-content:space-between; gap:20px; margin:22px 0 0; padding:12px 14px; color:#747c82; border:1px dashed rgba(255,255,255,.2); font:900 7px/1 system-ui,sans-serif; letter-spacing:.12em; }
.media-wall__source b { color:var(--spray-lime,#c8ff1a); }.media-wall__source span { color:white; }

.district-brand-mark { position:absolute; right:0; bottom:calc(100% + 12px); width:118px; margin:0; padding:4px 4px 15px; background:#f0f0ee; box-shadow:5px 6px #000,8px 9px var(--district-color); transform:rotate(3deg); }
.district-brand-mark img { display:block; width:100%; aspect-ratio:1; object-fit:cover; }
.district-brand-mark figcaption { position:absolute; right:5px; bottom:4px; color:#090a0b; font:900 4px/1 system-ui,sans-serif; letter-spacing:.06em; }

.motion-off .media-hero__video { transition:none; transform:none; }

@media (max-width:900px) {
  .media-hero { min-height:700px; }
  .media-hero__poster { width:190px; right:22px; top:32px; }
  .city-wall__grid { grid-template-columns:1fr 1fr; grid-template-areas:"drop wait" "drop community" "bodega bodega" "throwy throwy" "hunt hunt"; grid-template-rows:auto; }
  .wall-drop { min-height:760px; }.wall-community,.wall-hunt { min-height:360px; }
  .wall-throwy { grid-template-columns:minmax(220px,.7fr) minmax(390px,1.3fr); }
  .city-wall__drop-rail { grid-template-columns:1fr 1fr; }
}
@media (max-width:680px) {
  .media-hero { min-height:650px; min-height:max(620px,82svh); }
  .media-hero__poster { top:max(24px,calc(env(safe-area-inset-top) + 8px)); right:max(16px,env(safe-area-inset-right)); width:clamp(112px,38vw,145px); }
  .media-hero__copy { right:max(16px,env(safe-area-inset-right)); bottom:max(38px,env(safe-area-inset-bottom)); left:max(16px,env(safe-area-inset-left)); max-width:none; }
  .media-hero__copy h1 { max-width:100%; margin-bottom:17px; font-size:clamp(46px,16vw,62px); overflow-wrap:anywhere; }
  .media-hero__copy > div { display:grid; width:min(280px,100%); }
  .media-hero__copy a,.media-hero__copy button,.wall-action { min-height:48px; touch-action:manipulation; }
  .media-wall { padding:55px max(14px,env(safe-area-inset-right)) 55px max(14px,env(safe-area-inset-left)); }
  .media-wall__heading { align-items:start; flex-direction:column; }
  .media-wall__heading h2 { max-width:100%; font-size:clamp(42px,14vw,68px); overflow-wrap:anywhere; }
  .city-wall__ticker { overflow-x:auto; overscroll-behavior-inline:contain; scroll-snap-type:x proximity; }.city-wall__ticker span { scroll-snap-align:start; }
  .city-wall__grid { display:grid; grid-template-columns:1fr; grid-template-areas:"drop" "wait" "throwy" "bodega" "community" "hunt"; }
  .wall-drop { min-height:720px; }.wall-bodega { min-height:560px; }.wall-community,.wall-hunt { min-height:440px; }
  .wall-throwy { grid-template-columns:1fr; min-height:0; }
  .throwy-sticker-field { min-height:430px; border-right:0; border-bottom:1px dashed rgba(255,255,255,.25); }
  .wall-throwy__copy { padding:34px 24px 38px; }
  .city-wall__drop-rail { grid-template-columns:1fr; }.media-wall__source { align-items:flex-start; flex-direction:column; }
  .wall-waitlist__form input,.wall-waitlist__form select { min-height:50px; font-size:16px; }
  .wall-waitlist__form button { min-height:48px; font-size:10px; }
  .district-brand-mark { width:82px; }
}

@media (max-width:420px) {
  .media-wall__heading h2 { font-size:48px; }
  .wall-drop { min-height:760px; }
  .wall-drop__copy { inset:auto 18px 30px; }
  .wall-countdown { grid-template-columns:1fr 1fr; }
  .wall-countdown b { font-size:32px; }
  .wall-waitlist { padding:28px 18px 46px; }
  .wall-sticker { right:12px; top:12px; }
  .wall-bodega { min-height:620px; }
  .wall-bodega__copy,.wall-community > div:last-child,.wall-hunt > div:last-child { left:18px; right:18px; bottom:24px; }
  .wall-bodega h3 { font-size:38px; }
  .wall-bodega__copy > div b { width:100%; text-align:center; }
  .wall-community,.wall-hunt { min-height:470px; }
  .throwy-sticker-field { min-height:390px; }
  .throwy-decal { width:min(76%,280px); }
  .throwy-reward-grid { grid-template-columns:1fr; }
  .throwy-reward-grid li { min-height:0; }
  .wall-throwy__copy .wall-action { width:100%; text-align:center; }
}

@media (max-width:380px) {
  .media-hero__copy > div { width:100%; }
  .media-hero__copy a,.media-hero__copy button { width:100%; }
  .media-wall { padding-right:max(12px,env(safe-area-inset-right)); padding-left:max(12px,env(safe-area-inset-left)); }
}

@media (max-width:950px) and (max-height:600px) and (orientation:landscape) {
  .media-hero { min-height:560px; }
  .media-hero__poster { top:max(18px,calc(env(safe-area-inset-top) + 8px)); right:max(18px,env(safe-area-inset-right)); width:130px; }
  .media-hero__copy { right:max(18px,env(safe-area-inset-right)); bottom:max(24px,env(safe-area-inset-bottom)); left:max(18px,env(safe-area-inset-left)); }
  .media-wall { padding-right:max(18px,env(safe-area-inset-right)); padding-left:max(18px,env(safe-area-inset-left)); }
  .wall-waitlist__form input,.wall-waitlist__form select { font-size:16px; }
}

@media (hover:none),(pointer:coarse) {
  .wall-card:hover > img { filter:saturate(.82) brightness(.64) contrast(1.08); }
  .media-hero__copy a { transform:none; }
  .wall-waitlist__form input,.wall-waitlist__form select { min-height:44px; font-size:16px; }
}

@media (prefers-reduced-motion:reduce) {
  .media-hero__video,.wall-card > img { transform:none!important; transition:none!important; }
}