@import url('https://fonts.googleapis.com/css2?family=Rajdhani:wght@300;400&display=swap');
/* Minimal dark edition. The only spectral reflection lives in the artist title. */
.hero,.has-artist-photo .hero{height:clamp(650px,90svh,930px);min-height:650px;padding:110px 6% 30px;display:block;max-height:none}
.hero-top{position:relative;margin-bottom:18px}.hero-top .eyebrow{font-size:9px;letter-spacing:2px}
.cinema-title{position:relative;z-index:5;font-family:Rajdhani,'Arial Narrow',sans-serif!important;font-weight:300!important;font-size:clamp(80px,14vw,230px)!important;line-height:.9!important;letter-spacing:.12em!important;text-indent:.12em;text-align:center;margin:12px 0 0!important;width:100%;color:transparent!important;-webkit-text-stroke:.6px #d4e9e450;background:linear-gradient(108deg,#c6d5d512 9%,#e5f5f442 28%,#f2fffbdd 35%,#00d8ff70 39%,#a7bdbb15 46%,#dfece954 60%,#f8fffce6 68%,#00e67660 73%,#c4d8d719 84%)!important;background-size:220% 100%!important;background-position:var(--reflection-x,36%) 50%!important;background-clip:text!important;-webkit-background-clip:text!important;text-shadow:0 0 28px #b7fff009!important;animation:cinema-enter 1.6s cubic-bezier(.16,1,.3,1) both!important;filter:drop-shadow(0 1px 0 #ffffff12)}
.hero .hero-art{inset:40% 3% 13% 39%;transform:none;background:none;z-index:0;overflow:visible}
.hero .hero-art:after{background:none!important}.hero-art .grain{display:none}
.hero .hero-art #hero-image,.hero .hero-art #hero-image picture{position:relative;display:block;width:100%;height:100%;inset:auto}
.has-artist-photo .hero-art .hero-photo{object-fit:contain;object-position:center!important;animation:photo-in 1.5s ease-out both}
.hero #particles{position:fixed;inset:0;width:100vw;height:100svh;opacity:.45;z-index:2;pointer-events:none}
.hero .hero-copy,.has-artist-photo .hero .hero-copy{position:relative;z-index:5;width:44%;padding-top:0;margin-top:48px}
.hero .campaign-title{font:800 clamp(65px,7.6vw,115px)/.85 'Barlow Condensed',Impact,sans-serif;letter-spacing:-.025em;margin:0;color:var(--fg)}
.campaign-title>span{display:block}.campaign-title>span:first-child{color:var(--green)}
.hero .actions{margin-top:26px;gap:20px;flex-wrap:wrap}.hero .hero-bottom,.has-artist-photo .hero .hero-bottom{position:absolute;bottom:30px;left:6%;right:6%;margin:0;z-index:5}
.hero-bottom p{color:var(--muted)}
/* Original understated, stationary divider. */
.ticker{display:flex;justify-content:space-between;align-items:center;gap:24px;transform:none;background:var(--bg);color:#a3b2b0;border-block:1px solid var(--line);padding:22px 6%;overflow:hidden;font:500 10px Manrope,sans-serif;letter-spacing:3px}
.ticker span{font:inherit;letter-spacing:inherit}.ticker b{font-weight:400;font-size:18px;color:var(--green)}.ticker::before{display:none}
.videos{background:var(--bg);color:var(--fg);border-block:1px solid var(--line)}
.videos::before,.connect::before,#navigation::before,.primary::before{display:none}
.videos .eyebrow{color:var(--green)}.videos .aside,.videos .video-card p{color:var(--muted)}
.music .section-heading h2,.music .section-heading h2 em,.music .section-heading.visible h2 em,
.about .about-copy h2,.about .about-copy h2 em,.about .about-copy.visible h2 em,
.world .section-heading h2,.world .section-heading h2 em,.world .section-heading.visible h2 em{color:#f1f1e7;background:none;-webkit-text-fill-color:currentColor}
.videos .section-heading h2 em,.videos .section-heading.visible h2 em{color:var(--fg)}
.videos .filters button{color:var(--muted);border-color:var(--line);background:none;min-height:44px}
.videos .filters button.active{color:#050908;background:var(--green);border-color:var(--green)}
.connect{background:#101817;color:var(--fg)}.connect>.eyebrow{color:var(--green)}.connect h2 em{color:var(--fg)}.connect .social-grid a{border-color:var(--line)}
#navigation{background:#07120e;color:var(--fg)}#navigation .eyebrow{color:var(--green)}#navigation>a,#navigation .nav-socials a{color:var(--fg);border-color:var(--line)}#navigation>a:hover{color:var(--green)}
.menu-is-open header{color:var(--fg);background:#07120ef2}.menu-is-open .menu span{background:var(--green)}
.primary{background:var(--green);color:#05110b;box-shadow:none;transition:background .3s,color .3s,box-shadow .3s,transform .3s;isolation:isolate}
.primary:hover{background:var(--green);box-shadow:0 5px 25px #00e67620;transform:translateY(-2px)}
.primary:active,.primary.is-pressed{background:var(--cyan);box-shadow:0 0 25px #00d8ff30;transform:translateY(1px) scale(.985)}
.primary::after{content:'';position:absolute;inset:0;background:#ffffff28;opacity:0;transform:scale(.2);border-radius:50%;pointer-events:none;transition:opacity .45s,transform .6s}.primary.is-pressed::after{opacity:.4;transform:scale(2)}
.cursor-light{display:block;opacity:0}.hero .scroll-link span{animation:none}
body.navigation-open{overflow:hidden}
.video-thumb img,.cover img{image-rendering:auto}.video-card,.release,.about-copy,.contact-panel{min-width:0}.credited-artists,.video-card h3,.release h3{overflow-wrap:anywhere}
.video-card h3{line-height:1.2}.button{max-width:100%}.contact-main{overflow-wrap:anywhere}.gallery .visual-card img{object-fit:contain}
@keyframes cinema-enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@media(min-width:651px) and (max-width:1000px){.hero .hero-copy,.has-artist-photo .hero .hero-copy{width:46%;margin-top:55px}.hero .campaign-title{font-size:9vw}.hero .hero-art{inset:34% 0 14% 40%}.hero .actions{gap:10px}.hero .button{padding:15px 17px;font-size:9px}}
@media(max-width:650px){
 .hero,.has-artist-photo .hero{height:auto;min-height:0;max-height:none;padding:96px 6% 24px;display:flex;flex-direction:column;overflow:visible}
 .hero-top{order:0;margin:0 0 16px}.hero-top .eyebrow{max-width:none;font-size:8px;line-height:1.6}
 .hero .cinema-title{order:1;font-size:19vw!important;margin:0!important;letter-spacing:.1em!important;text-indent:.1em;line-height:1!important;flex-shrink:0}
 .hero .hero-art{order:2;position:relative;inset:auto;z-index:0;width:100%;aspect-ratio:1916/821;height:auto;margin:24px 0 28px;overflow:visible}
 .hero .hero-art #hero-image,.hero .hero-art #hero-image picture{position:static}
 .hero #particles{position:absolute;width:100%;height:100%;inset:0}
 .hero .hero-copy,.has-artist-photo .hero .hero-copy{order:3;width:100%;padding:0;margin:0}
 .hero .campaign-title{font-size:clamp(60px,20vw,118px);line-height:.85}
 .hero .actions{gap:15px;margin-top:24px;flex-wrap:wrap}.hero .hero-bottom,.has-artist-photo .hero .hero-bottom{order:4;position:relative;inset:auto;margin:30px 0 0;align-items:center;flex-wrap:nowrap}
 .ticker{padding:18px 6%;font-size:8px;letter-spacing:1.5px;gap:14px}.ticker b{font-size:13px}.ticker span:last-child,.ticker b:last-of-type{display:none}
 .section h2,.about h2{font-size:clamp(60px,22vw,110px)}.contact h2{font-size:17vw}.connect h2{font-size:22vw}
 .section .eyebrow{font-size:8px;letter-spacing:1.2px}.catalogue-tabs{gap:16px}.catalogue-tabs button{font-size:10px;min-height:48px;white-space:normal}
 #releases,#collaborations{gap:25px 14px}.release .primary,#releases .release:not(:first-child) .primary,#collaborations .primary{min-height:44px;font-size:9px;padding:11px 9px;gap:5px}
 .filters button{min-height:44px}.video-thumb .empty-play{width:52px;height:52px}.social-grid a{min-height:48px}.text-link{min-height:44px}
 #navigation{padding:88px 8% 30px;max-height:100dvh}#navigation>a{font-size:clamp(32px,6svh,42px);padding:9px 0}#navigation .nav-socials{margin-top:20px;flex-wrap:wrap}
}
@media(max-width:350px){.header-links a{font-size:8px}.menu{font-size:8px}header a.wordmark,header .wordmark .brand-logo{width:60px;height:42px}.actions .button{padding:14px 15px}.catalogue-tabs{gap:12px}.catalogue-tabs button{font-size:9px}.catalogue-tabs span{margin-left:3px}.social-grid a{min-width:110px}.section{padding-inline:6%}}
@media(prefers-reduced-motion:reduce){.hero .cinema-title{animation:none!important;background-position:50% 50%!important}.cursor-light,#particles{display:none}.primary{transition:none}.hero .hero-art{transform:none}}
