/* 015 — cinematic DJ experience (non-destructive visual layer) */
:root{--cinema-orange:#ff5b22;--cinema-amber:#ff9d32;--glass:#0a0d0bd6;--ease-cinema:cubic-bezier(.16,1,.3,1)}
html{scroll-behavior:smooth}body{background:#050605}body.intro-active{overflow:hidden}.section{isolation:isolate}

/* Fullscreen intro */
.video-intro{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;overflow:hidden;background:#020302;color:#fff;cursor:pointer;transition:clip-path 1.1s var(--ease-cinema),opacity .8s ease;clip-path:inset(0)}
.video-intro.is-leaving{clip-path:inset(0 0 100% 0);pointer-events:none}.video-intro.is-gone{display:none}
.video-intro__media{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;filter:saturate(.82) contrast(1.12);transform:scale(1.04);transition:opacity .8s ease,transform 6s ease}
.video-intro.has-video .video-intro__media{opacity:.92;transform:scale(1)}
.video-intro__fallback{position:relative;z-index:2;width:min(900px,86vw);text-align:center;text-transform:uppercase;transition:opacity .6s ease,transform .8s var(--ease-cinema)}
.video-intro.has-video .video-intro__fallback{opacity:.15}.video-intro__fallback span{display:block;margin-bottom:20px;color:var(--cinema-orange);font:500 .66rem var(--mono);letter-spacing:.45em}
.video-intro__fallback h2{margin:0;font:600 clamp(2.7rem,8vw,8.5rem)/.82 var(--sans);letter-spacing:-.07em;text-wrap:balance}
.video-intro__fallback h2:after{content:"";display:block;width:80px;height:2px;margin:38px auto 0;background:linear-gradient(90deg,transparent,var(--cinema-orange),transparent);box-shadow:0 0 24px var(--cinema-orange)}
.video-intro__vignette{position:absolute;z-index:3;left:0;width:100%;height:35%;pointer-events:none}.video-intro__vignette--top{top:0;background:linear-gradient(#000,transparent)}.video-intro__vignette--bottom{bottom:0;background:linear-gradient(transparent,#000)}
.video-intro__glow{position:absolute;z-index:1;inset:-50%;background:linear-gradient(105deg,transparent 42%,#ff6a251c 48%,#ffb15a70 50%,#ff6a251c 52%,transparent 58%);animation:introSweep 3.4s ease-in-out infinite;mix-blend-mode:screen}
.video-intro__skip{position:absolute;z-index:5;right:4vw;bottom:5vh;border:1px solid #ffffff38;border-radius:99px;padding:12px 18px;background:#080a0888;backdrop-filter:blur(14px);color:#fff;font:500 .58rem var(--mono);letter-spacing:.15em;cursor:pointer}.video-intro__skip span{color:var(--cinema-orange)}
.video-intro__progress{position:absolute;z-index:5;left:4vw;right:4vw;bottom:2.5vh;height:1px;background:#ffffff20;overflow:hidden}.video-intro__progress i{display:block;width:100%;height:100%;background:linear-gradient(90deg,var(--lime),var(--cinema-orange));transform-origin:left;animation:introProgress 6.5s linear forwards;box-shadow:0 0 14px var(--cinema-orange)}
@keyframes introSweep{0%{transform:translateX(-35%) rotate(-4deg)}55%,100%{transform:translateX(35%) rotate(-4deg)}}@keyframes introProgress{from{transform:scaleX(0)}to{transform:scaleX(1)}}

/* Glass navigation */
.nav{transition:top .45s var(--ease-cinema),width .45s var(--ease-cinema),background .45s,border-color .45s,box-shadow .45s,backdrop-filter .45s}
.nav.scrolled{top:14px;left:50%;width:calc(100% - 28px);transform:translateX(-50%);padding:14px clamp(18px,3vw,44px);border:1px solid #ffffff17;border-radius:18px;background:linear-gradient(100deg,#080a08e6,#11130fd4);box-shadow:0 18px 60px #0008,0 0 35px #ff5b220b;backdrop-filter:blur(22px) saturate(1.35)}
.nav.scrolled:after{content:"";position:absolute;inset:-1px;border-radius:inherit;pointer-events:none;background:linear-gradient(110deg,#ffffff25,transparent 32%,transparent 70%,#ff5b2235);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;padding:1px}
.nav a{transition:color .3s,text-shadow .3s}.nav nav a:hover{color:#fff;text-shadow:0 0 18px var(--cinema-orange)}

/* Hero cinema treatment */
.hero{min-height:100svh;background:#030403;overflow:hidden}.hero-art{filter:saturate(.88) contrast(1.08);transition:filter .8s ease}.hero:hover .hero-art{filter:saturate(1.02) contrast(1.1)}
.hero-cinema-mask{position:absolute;z-index:1;inset:0;pointer-events:none;background:radial-gradient(ellipse at 55% 43%,transparent 25%,#02030245 68%,#020302e0 110%),linear-gradient(90deg,#020302c9 0%,transparent 45%,#02030245 100%),linear-gradient(0deg,#020302d9 0%,transparent 38%,#02030277 100%)}
.hero-light-sweep{position:absolute;z-index:2;inset:-30%;pointer-events:none;background:linear-gradient(105deg,transparent 40%,#ff762000 46%,#ff7b2630 49%,#ffd29a70 50%,#ff7b2622 52%,transparent 58%);mix-blend-mode:screen;transform:translateX(-70%);animation:heroSweep 8s 1.2s ease-in-out infinite}
@keyframes heroSweep{0%,45%{transform:translateX(-65%)}75%,100%{transform:translateX(65%)}}
.hero-copy{z-index:4}.hero-copy h1{text-shadow:0 10px 50px #0008}.hero-copy h1 em{filter:drop-shadow(0 0 24px #aaff0025)}
.hero-signal-card{position:absolute;z-index:5;right:4vw;bottom:12vh;display:grid;gap:8px;min-width:190px;padding:18px 20px;border:1px solid #ffffff21;border-radius:15px;background:linear-gradient(135deg,#10130fc9,#06070699);box-shadow:0 24px 60px #0008,0 0 30px #ff5b220d;backdrop-filter:blur(18px);transform:translateY(calc(var(--hero-progress,0)*-35px));opacity:calc(1 - var(--hero-progress,0)*1.2)}
.hero-signal-card span{color:var(--cinema-orange);font:500 .52rem var(--mono);letter-spacing:.2em}.hero-signal-card b{font:500 .67rem var(--mono);letter-spacing:.1em}.hero-signal-card i{height:18px;display:flex;align-items:end;gap:4px}.hero-signal-card em{width:3px;height:40%;background:linear-gradient(var(--cinema-orange),var(--lime));animation:signal 1s ease-in-out infinite alternate}.hero-signal-card em:nth-child(2){height:90%;animation-delay:-.7s}.hero-signal-card em:nth-child(3){height:60%;animation-delay:-.2s}.hero-signal-card em:nth-child(4){height:100%;animation-delay:-.8s}.hero-signal-card em:nth-child(5){height:45%;animation-delay:-.4s}@keyframes signal{to{height:25%}}
.scroll-cue{z-index:5;padding:9px 13px;border:1px solid #ffffff18;border-radius:99px;background:#080a0875;backdrop-filter:blur(12px)}.scroll-cue span{display:inline-block;color:var(--cinema-orange);animation:scrollDrop 1.5s ease-in-out infinite}@keyframes scrollDrop{0%,100%{transform:translateY(-2px);opacity:.55}50%{transform:translateY(3px);opacity:1}}

/* Premium section rhythm and reveals */
.section:before{content:"";position:absolute;z-index:-1;width:42vw;height:42vw;right:-28vw;top:10%;border-radius:50%;background:radial-gradient(circle,#ff5b220a,transparent 68%);pointer-events:none}.section:nth-of-type(even):before{right:auto;left:-30vw;background:radial-gradient(circle,#aaff0008,transparent 68%)}
.reveal{will-change:transform,opacity,clip-path;clip-path:inset(0 0 12% 0);transform:translateY(42px);opacity:0;transition:opacity .9s ease,transform 1.05s var(--ease-cinema),clip-path 1.1s var(--ease-cinema)}.reveal.visible,.reveal.in-view{clip-path:inset(0);transform:translateY(0);opacity:1}
.section.visible .section-label span,.section.in-view .section-label span{box-shadow:0 0 22px #ff5b2225}.section-label span,.media-heading h2 span{color:var(--cinema-orange)}
.music,.shows,.gallery,.videos,.about,.social-wall,.contact{border-top:1px solid #ffffff0b}.release-art,.video-main,.photo-card{box-shadow:0 30px 100px #0009}.video-main:hover,.photo-card:hover{box-shadow:0 34px 110px #000b,0 0 40px #ff5b2213}
.show-row{transition:background .45s,border-color .45s,transform .55s var(--ease-cinema)}.show-row:hover{background:linear-gradient(90deg,#ff5b220d,transparent 55%);border-color:#ff5b2245}
.contact{background:radial-gradient(circle at 50% 35%,#ff5b2210,transparent 40%),#070907}.contact h2{text-shadow:0 0 55px #ff5b2218}

/* Cursor halo */
.cursor-glow{background:radial-gradient(circle,#ff6b2720 0%,#aaff000d 34%,transparent 70%)!important;width:420px!important;height:420px!important;mix-blend-mode:screen}.cursor-ring{border-color:#ff6b2770!important;box-shadow:0 0 22px #ff5b2225,inset 0 0 14px #ff5b220f}.cursor-dot{background:var(--cinema-orange)!important;box-shadow:0 0 12px var(--cinema-orange)}

@media(max-width:900px){.nav.scrolled{top:8px;width:calc(100% - 16px)}.hero-signal-card{display:none}.video-intro__skip{right:20px;bottom:42px}.video-intro__progress{left:20px;right:20px}.reveal{transform:translateY(26px)}}
@media(max-width:600px){.video-intro__fallback h2{font-size:clamp(2.6rem,15vw,4.5rem)}.video-intro__fallback span{font-size:.55rem}.nav.scrolled{border-radius:14px}.hero-light-sweep{animation-duration:10s}.scroll-cue{bottom:22px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.video-intro__glow,.video-intro__progress i,.hero-light-sweep,.hero-signal-card em,.scroll-cue span{animation:none}.video-intro{transition:opacity .25s}.reveal{clip-path:none;transform:none;transition:opacity .2s}.hero-signal-card{transform:none}}