*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%}body{background:#0d0702;color:#f5ecd9;font-family:Jost,sans-serif;overflow:hidden}#backdrop{position:fixed;inset:-60px;background-size:cover;background-position:center;filter:blur(60px) brightness(.14) saturate(1.4);transform:scale(1.2);transition:background-image 1.2s ease}#empty{position:fixed;inset:0;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.6rem;color:#e6c07866;text-align:center;padding:2rem}#empty svg{opacity:.5;margin-bottom:.75rem}.empty-title{font-family:Cormorant Garamond,serif;font-size:1.8rem;font-weight:500;color:#f5ecd9a6}.empty-sub{font-size:.9rem;font-weight:300;color:#f5ecd959}.empty-sub strong{color:#e6c07899;font-weight:400}#wall{position:fixed;inset:0;z-index:2}.stage{position:absolute;inset:0;display:grid;gap:.5rem;padding:.5rem;perspective:1600px}.stage.leaving{pointer-events:none}#embers{position:fixed;inset:0;z-index:5;pointer-events:none;mix-blend-mode:screen}.stage.enter.fx-fade{animation:stFadeIn 1.4s ease both}.stage.enter.fx-zoom{animation:stZoomIn 1.5s cubic-bezier(.2,.7,.2,1) both}.stage.leaving.fx-zoom{animation:stZoomOut 1.2s ease both}.stage.enter.fx-cascade .tile{animation:tileRise 1.1s cubic-bezier(.2,.7,.2,1) both;animation-delay:calc(var(--i) * .14s)}.stage.enter.fx-flip .tile{animation:tileFlip 1.1s cubic-bezier(.2,.7,.2,1) both;animation-delay:calc(var(--i) * .12s);backface-visibility:hidden}.stage.leaving.fx-cascade,.stage.leaving.fx-flip{animation:stFadeOut 1s ease both}.stage.enter.fx-wipe[data-dir=l]{animation:wipeL 1.3s cubic-bezier(.7,0,.2,1) both}.stage.enter.fx-wipe[data-dir=r]{animation:wipeR 1.3s cubic-bezier(.7,0,.2,1) both}.stage.enter.fx-wipe[data-dir=t]{animation:wipeT 1.3s cubic-bezier(.7,0,.2,1) both}.stage.enter.fx-wipe[data-dir=b]{animation:wipeB 1.3s cubic-bezier(.7,0,.2,1) both}.stage.enter.fx-iris{animation:iris 1.5s cubic-bezier(.6,0,.2,1) both}.tile.spotlight{background:transparent}.tile.spotlight img{object-fit:contain}.spot-card{position:absolute;left:50%;bottom:8%;z-index:3;padding:1rem 2.4rem 1.1rem;border:1px solid rgba(230,192,120,.45);border-radius:999px;background:#0d07028c;backdrop-filter:blur(10px);text-align:center;white-space:nowrap;animation:spotIn 1.2s cubic-bezier(.2,.7,.2,1) .8s both}.spot-kicker{font-size:.68rem;letter-spacing:.3em;text-transform:uppercase;color:#e6c078}.spot-name{font-family:Cormorant Garamond,serif;font-size:clamp(1.5rem,3.4vw,2.7rem);font-style:italic}.tile{position:relative;overflow:hidden;border-radius:.6rem;background:#1a120a}.tile:after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(105deg,transparent 35%,rgba(255,228,170,.28) 50%,transparent 65%);transform:translate(-120%);animation:sheen 2.4s ease-in-out both;animation-delay:calc(.9s + var(--i, 0) * .16s);mix-blend-mode:screen;pointer-events:none}.tile video{width:100%;height:100%;object-fit:cover;display:block}.tile.spotlight video{object-fit:contain}.tile img{width:100%;height:100%;object-fit:cover;display:block;animation:kenBurns var(--kb-dur, 16s) ease-in-out infinite alternate}.tile .vignette{position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 50%,rgba(13,7,2,.35) 100%);pointer-events:none}.tile .cap{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#0d070299);padding:2rem .8rem .6rem;font-size:.75rem;font-weight:400;letter-spacing:.04em;color:#f5ecd9d9;z-index:2}#overlay{position:fixed;bottom:0;left:0;right:0;z-index:10;display:flex;justify-content:space-between;align-items:flex-end;gap:1rem;padding:3rem 2rem 1.4rem;background:linear-gradient(transparent,#0d0702bf);opacity:1;transition:opacity .8s ease;pointer-events:none}#overlay.hidden{opacity:0}.ov-name{font-family:Cormorant Garamond,serif;font-size:1.6rem;font-weight:500;letter-spacing:.02em}.ov-name .amp{color:#e6c078;font-style:italic}.ov-sub{font-size:.75rem;font-weight:300;color:#f5ecd973;margin-top:.2rem}.ov-live{display:flex;align-items:center;gap:.5rem}.live-dot{width:7px;height:7px;border-radius:50%;background:#e6c078;box-shadow:0 0 8px #e6c078b3;animation:pulse 2s infinite}.live-label{font-size:.65rem;color:#e6c078b3;text-transform:uppercase;letter-spacing:.14em}.ov-hint{font-size:.65rem;font-weight:300;color:#f5ecd940;margin-left:.75rem}@media(max-width:640px){.ov-hint{display:none}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}@keyframes stFadeIn{0%{opacity:0}to{opacity:1}}@keyframes stFadeOut{to{opacity:0}}@keyframes stZoomIn{0%{opacity:0;transform:scale(1.12);filter:blur(14px)}to{opacity:1;transform:none;filter:none}}@keyframes stZoomOut{to{opacity:0;transform:scale(.9);filter:blur(10px)}}@keyframes tileRise{0%{opacity:0;transform:translateY(60px) scale(.92);filter:blur(12px)}to{opacity:1;transform:none;filter:none}}@keyframes tileFlip{0%{opacity:0;transform:rotateY(-80deg) scale(.9)}to{opacity:1;transform:none}}@keyframes wipeL{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}@keyframes wipeR{0%{clip-path:inset(0 0 0 100%)}to{clip-path:inset(0 0 0 0)}}@keyframes wipeT{0%{clip-path:inset(0 0 100% 0)}to{clip-path:inset(0 0 0 0)}}@keyframes wipeB{0%{clip-path:inset(100% 0 0 0)}to{clip-path:inset(0 0 0 0)}}@keyframes iris{0%{clip-path:circle(0% at 50% 50%)}to{clip-path:circle(75% at 50% 50%)}}@keyframes sheen{to{transform:translate(120%)}}@keyframes spotIn{0%{opacity:0;transform:translate(-50%,20px)}to{opacity:1;transform:translate(-50%)}}@keyframes kenBurns{0%{transform:scale(var(--kb-start, 1))}to{transform:scale(var(--kb-end, 1.15))}}