/* VEYLENX premium enhancement layer */
:root{
  --glow:#a95cff;
  --glow-soft:rgba(169,92,255,.18);
  --panel-2:rgba(20,16,28,.82);
}
html{scroll-padding-top:90px}
body{
  background:
    radial-gradient(circle at 20% -10%, rgba(122,70,255,.18), transparent 35%),
    radial-gradient(circle at 90% 10%, rgba(214,108,255,.12), transparent 28%),
    linear-gradient(180deg,#07070b 0%,#0a0911 20%,#09090f 100%);
}
.header{
  position:sticky!important; top:0; z-index:50;
  background:linear-gradient(180deg,rgba(8,8,13,.92),rgba(8,8,13,.58));
  backdrop-filter:blur(18px) saturate(1.25);
  border-bottom:1px solid rgba(255,255,255,.08);
}
.header-inner{height:82px}
.hero{min-height:920px; background:transparent}
.hero-inner{min-height:920px}
.hero:before,.hero:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:-1}
.hero:before{background:
  linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),
  linear-gradient(90deg, rgba(255,255,255,.02) 1px, transparent 1px);
  background-size:72px 72px; mask-image:linear-gradient(180deg,rgba(0,0,0,.45),transparent 82%); opacity:.25}
.hero:after{background:radial-gradient(circle at 50% 35%, rgba(177,91,255,.22), transparent 30%), radial-gradient(circle at 50% 70%, rgba(72,12,143,.18), transparent 38%)}
.hero-art>img{opacity:.95;filter:saturate(1.08)}
.hero-glow{right:12%;top:18%;width:46%;height:54%;background:radial-gradient(ellipse,rgba(196,126,255,.26),transparent 64%);opacity:.58;filter:blur(8px)}
.hero-copy{padding-top:88px}
.hero-description{max-width:40ch}
.hero-actions .primary{box-shadow:0 15px 50px rgba(176,104,255,.24)}
.hero-bottom{background:linear-gradient(180deg,transparent,rgba(11,10,16,.35))}
.signal-ribbon{overflow:hidden;border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06);background:linear-gradient(90deg,rgba(28,21,44,.85),rgba(18,14,27,.96));}
.signal-track{display:flex;gap:34px;white-space:nowrap;padding:15px 0;font-size:10px;letter-spacing:.34em;text-transform:uppercase;color:#d8cafa;min-width:max-content;animation:signal-scroll 28s linear infinite}
.signal-track span{position:relative;padding-right:34px}
.signal-track span::after{content:"✦";position:absolute;right:0;top:50%;transform:translateY(-50%);color:#8f69ca}
.kinetic-gallery{padding-top:74px;padding-bottom:80px;background:linear-gradient(180deg,#09090f,#0d0b15 50%,#0c0b13)}
.kinetic-stage{display:grid;gap:18px;overflow:hidden}
.kinetic-lane{display:flex;gap:18px;min-width:max-content}
.kinetic-lane.lane-a{animation:marquee-left 38s linear infinite}
.kinetic-lane.lane-b{animation:marquee-right 42s linear infinite}
.kinetic-card{position:relative;width:min(27vw,320px);min-width:240px;aspect-ratio:1;border:1px solid rgba(255,255,255,.1);overflow:hidden;background:#120f19;border-radius:18px;box-shadow:0 25px 80px rgba(0,0,0,.28)}
.kinetic-card img{width:100%;height:100%;object-fit:cover;filter:saturate(1.05);transition:transform .7s ease}
.kinetic-card figcaption{position:absolute;left:0;right:0;bottom:0;padding:18px 18px 16px;background:linear-gradient(180deg,transparent,rgba(9,9,15,.86));font-size:10px;letter-spacing:.24em;color:#f2ebff}
.film-card,.release,.album-panel,.experience-shell,.experience-stats article{box-shadow:0 18px 65px rgba(0,0,0,.22)}
.films{background:linear-gradient(180deg,#0c0b12,#100d17 55%, #0c0b12);border-bottom:1px solid rgba(255,255,255,.06)}
.film-poster,.release-image,.album-panel,.experience-shell{border-radius:18px;overflow:hidden}
.film-poster:after{background:linear-gradient(0deg,rgba(9,7,14,.92),transparent 45%)}
.film-play{backdrop-filter:blur(14px);box-shadow:0 14px 48px rgba(0,0,0,.36)}
.release-image{border-color:rgba(255,255,255,.08)}
.release-number{top:17px;bottom:auto;background:rgba(11,11,17,.62);padding:7px 9px;border-radius:999px;border:1px solid rgba(255,255,255,.08)}
.cover-play{box-shadow:0 12px 40px rgba(168,93,255,.28)}
.music{position:relative;overflow:hidden}
.music:before{content:"";position:absolute;inset:-10% -5% auto auto;width:35vw;height:35vw;border-radius:50%;background:radial-gradient(circle,rgba(176,102,255,.11),transparent 70%);pointer-events:none;filter:blur(14px)}
.albums{background:linear-gradient(180deg,#09090f,#0e0c15);border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06)}
.album-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:24px}
.album-panel{position:relative;background:linear-gradient(180deg,rgba(24,18,35,.95),rgba(12,10,18,.96));border:1px solid rgba(255,255,255,.08)}
.album-primary{display:grid;grid-template-columns:1fr .9fr;gap:24px;padding:30px}
.album-copy h3,.album-overlay h3{font-size:clamp(28px,3vw,42px);letter-spacing:-.04em;margin:8px 0 12px;font-weight:500}
.album-copy p,.album-overlay p{font-size:14px;line-height:1.8;color:#bfb3cf;margin:0}
.album-kicker{font-size:10px;letter-spacing:.28em;color:#c7b0ec;text-transform:uppercase}
.album-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
.album-tags span{padding:10px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.1);font-size:10px;letter-spacing:.18em;color:#e8ddf8;background:rgba(255,255,255,.03)}
.album-chapters{display:grid;gap:12px}
.album-chapters div{padding:16px 18px;border-radius:16px;background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.06)}
.album-chapters span{display:inline-block;font:600 10px/1.2 monospace;color:#d4bcf8;margin-bottom:8px;letter-spacing:.18em}
.album-chapters strong{display:block;font-size:18px;font-weight:500;margin-bottom:6px}
.album-chapters small{display:block;font-size:12px;line-height:1.6;color:#b6a9c7}
.album-secondary img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.55}
.album-secondary::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(12,10,18,.15),rgba(12,10,18,.88));}
.album-overlay{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:flex-end;height:100%;min-height:100%;padding:28px}
.experience{background:radial-gradient(circle at 50% 0%, rgba(160,92,255,.14), transparent 32%), linear-gradient(180deg,#0d0a14,#09090f)}
.experience-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:34px;align-items:start}
.experience-copy{padding-top:8px}
.experience-lead{font-size:19px;line-height:1.7;color:#eee7f7;max-width:32ch}
.experience-copy p:not(.eyebrow):not(.experience-lead){font-size:14px;line-height:1.9;color:#b9aec9}
.experience-actions{display:flex;flex-wrap:wrap;gap:16px;margin:30px 0}
.experience-points{list-style:none;padding:0;margin:22px 0 0;display:grid;gap:10px}
.experience-points li{padding:14px 16px;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:rgba(255,255,255,.03);font-size:13px;line-height:1.7;color:#c7bbd7}
.experience-stage{display:grid;gap:16px}
.experience-shell{position:relative;min-height:480px;border:1px solid rgba(255,255,255,.08);background:
  radial-gradient(circle at 50% 55%, rgba(176,104,255,.17), transparent 22%),
  radial-gradient(circle at 50% 50%, rgba(205,140,255,.06), transparent 42%),
  linear-gradient(180deg,rgba(17,15,24,.95),rgba(8,8,12,.98));
}
#experience-canvas{width:100%;height:100%;display:block}
.experience-overlay{position:absolute;inset:20px 20px auto 20px;display:flex;justify-content:space-between;gap:16px;align-items:flex-start;pointer-events:none}
.experience-badge{padding:10px 12px;border-radius:999px;background:rgba(9,9,15,.55);border:1px solid rgba(255,255,255,.08);font-size:10px;letter-spacing:.25em;color:#efe7fa;backdrop-filter:blur(12px)}
.experience-meta{display:grid;gap:6px;text-align:right;font-size:10px;letter-spacing:.18em;color:#d3c5ea}
.experience-rings{position:absolute;inset:50% auto auto 50%;width:250px;height:250px;transform:translate(-50%,-50%);pointer-events:none}
.experience-rings span{position:absolute;inset:0;border:1px solid rgba(198,164,255,.14);border-radius:50%;box-shadow:0 0 50px rgba(160,92,255,.08) inset}
.experience-rings span:nth-child(2){inset:12%;animation:spin 18s linear infinite reverse}
.experience-rings span:nth-child(3){inset:24%;animation:spin 12s linear infinite}
.experience-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.experience-stats article{padding:18px;border-radius:16px;background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.08)}
.experience-stats span{display:block;font-size:10px;letter-spacing:.2em;color:#c3b3da;margin-bottom:12px}
.experience-stats strong{font-size:30px;font-weight:500;letter-spacing:-.04em}
.about{background:linear-gradient(180deg,#100d17,#0f0c15)}
.footer-wordmark img{opacity:.9}
body[data-motion=on] .kinetic-lane.lane-a{animation-play-state:running}
body[data-motion=on] .kinetic-lane.lane-b{animation-play-state:running}
body[data-motion=off] .kinetic-lane, body[data-motion=off] .signal-track, body[data-motion=off] .experience-rings span{animation:none!important}
@keyframes signal-scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes marquee-left{from{transform:translateX(0)}to{transform:translateX(-28%)}}
@keyframes marquee-right{from{transform:translateX(-22%)}to{transform:translateX(0)}}
@keyframes spin{from{transform:rotate(0)}to{transform:rotate(360deg)}}
@media(max-width:1100px){.album-grid,.experience-grid{grid-template-columns:1fr}.album-primary{grid-template-columns:1fr}.experience-shell{min-height:420px}}
@media(max-width:760px){html{scroll-padding-top:74px}.header-inner{height:74px}.hero,.hero-inner{min-height:780px}.hero-copy{padding-top:55px}.signal-track{gap:24px;letter-spacing:.22em;font-size:9px}.kinetic-card{width:72vw;min-width:240px}.album-primary{padding:20px}.album-overlay{min-height:360px}.experience-stage{gap:12px}.experience-shell{min-height:360px}.experience-stats strong{font-size:24px}.experience-lead{font-size:17px}.experience-actions .button{width:100%;justify-content:center}}
@media(prefers-reduced-motion:reduce){.signal-track,.kinetic-lane,.experience-rings span{animation:none!important}}

/* Launch pass refinements */
.film-card--coming .film-poster--coming{
  display:grid;place-items:center;
  background:
    radial-gradient(circle at 50% 45%, rgba(180,105,255,.22), transparent 28%),
    linear-gradient(180deg, rgba(24,19,34,.96), rgba(10,9,15,.98));
}
.coming-core{position:relative;display:grid;gap:12px;justify-items:center;text-align:center;padding:28px;max-width:320px;z-index:2}
.coming-kicker{font-size:10px;letter-spacing:.28em;color:#ceb7ef}
.coming-core strong{font-size:clamp(26px,2.2vw,34px);letter-spacing:-.04em;font-weight:500}
.coming-core p{margin:0;font-size:13px;line-height:1.75;color:#bdb2cb}
.coming-pulse{width:88px;height:88px;border-radius:50%;border:1px solid rgba(210,180,255,.22);box-shadow:0 0 0 20px rgba(169,92,255,.05),0 0 55px rgba(169,92,255,.18) inset}
.film-arrow--ghost{opacity:.55}
.launch-ready{background:linear-gradient(180deg,#0e0c15,#0a0a0f);border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06)}
.launch-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:28px;align-items:start}
.launch-lead{font-size:16px;line-height:1.9;color:#c8bdd7;max-width:44ch}
.launch-panels{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.launch-panels article{padding:22px;border-radius:18px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.02));box-shadow:0 18px 65px rgba(0,0,0,.18)}
.launch-panels span{display:block;font-size:10px;letter-spacing:.24em;color:#cfb8ef;margin-bottom:12px}
.launch-panels strong{display:block;font-size:22px;line-height:1.2;font-weight:500;letter-spacing:-.03em;margin-bottom:10px}
.launch-panels p{margin:0;font-size:13px;line-height:1.75;color:#b7abca}
@media(max-width:980px){.launch-grid,.launch-panels{grid-template-columns:1fr}.launch-panels{gap:12px}}