/* Independent chapter concept. RAYYEN / 2026 */
/* Refined atmosphere and original R mark. */
header a.wordmark{width:80px;height:54px;display:grid;place-items:center;transform:translateX(-50%);letter-spacing:0;line-height:1}
header .wordmark .brand-logo{display:block;width:80px;height:54px;object-fit:contain;transition:opacity .4s,filter .6s;filter:drop-shadow(0 0 8px #00d8ff18)}
header .wordmark:hover .brand-logo{filter:drop-shadow(0 0 10px #00e67638)}
.menu-is-open header .wordmark .brand-logo{filter:drop-shadow(0 1px 2px #05090880)}
.hero-art .hero-smoke{position:absolute;inset:0;width:100%;height:100%;z-index:3;pointer-events:none;opacity:0;mix-blend-mode:screen;transition:opacity 2.8s ease}
.hero-art .hero-smoke.smoke-ready{opacity:.88}
.hero-art:has(.hero-smoke):after{pointer-events:none}
.hero.smoke-fallback .hero-art:before{content:'';position:absolute;inset:30% -20% -10%;z-index:3;pointer-events:none;background:radial-gradient(ellipse at 20% 80%,#00e67620,transparent 55%),radial-gradient(ellipse at 80% 75%,#00d8ff16,transparent 55%);filter:blur(40px);animation:mist-drift 24s ease-in-out infinite alternate}
.hero .hero-copy h1>span{animation-duration:1.6s;animation-timing-function:cubic-bezier(.16,1,.3,1)}
.hero .hero-copy h1>span:nth-child(2){animation-delay:.16s}
.hero .sound i{animation-duration:2.3s;opacity:.65}
.hero .scroll-link span{animation:none;transition:transform .5s}.hero .scroll-link:hover span{transform:translateY(4px)}
.hero~.ticker div{animation-duration:48s}
@keyframes mist-drift{from{transform:translate(-3%,3%) scale(1)}to{transform:translate(3%,-4%) scale(1.08)}}
@media(max-width:650px){header a.wordmark,header .wordmark .brand-logo{width:68px;height:46px}.hero-art .hero-smoke.smoke-ready{opacity:.7}}
@media(prefers-reduced-motion:reduce){.hero-art .hero-smoke{display:none}.hero.smoke-fallback .hero-art:before{animation:none}}
html,body{overflow-x:clip}.has-artist-photo .hero-art .hero-photo{object-position:10% center}
@media(min-width:651px) and (max-aspect-ratio:6/5){.has-artist-photo .hero-art .hero-photo{object-position:40% center}}
@media(max-width:650px){.has-artist-photo .hero-art .hero-photo{object-position:55% center}}
:root{--bg:#050908;--fg:#f1f1e7;--muted:#a2b1ac;--hero-y:0px;--hero-scale:1}body{background:var(--bg)}header{height:84px;padding:0 4%;border:0;backdrop-filter:none;background:linear-gradient(#050908b0,transparent)}.scrolled header{background:#050908ed;backdrop-filter:blur(15px)}.header-links{display:flex;gap:28px;width:40%;font-size:10px;font-weight:800;letter-spacing:.5px}.header-links a:hover{color:var(--green)}header .wordmark{position:absolute;left:50%;transform:translateX(-50%) skew(-12deg);font:800 39px/.7 'Barlow Condensed',Impact,sans-serif;letter-spacing:-4px}header .wordmark span{font:600 48px/.7 'Barlow Condensed',Impact,sans-serif;color:var(--green);letter-spacing:-9px;margin:0 4px 0 0;vertical-align:baseline}.menu{position:relative;display:flex;align-items:center;flex-direction:row;gap:10px;border:0;background:none;font-size:10px;font-weight:800;width:auto;height:auto;min-height:44px;padding:12px 0 12px 20px}.menu span{width:20px;height:1px;background:var(--green)}.menu span:last-child{position:absolute;right:0;bottom:13px}.menu[aria-expanded=true] span:first-child{transform:rotate(45deg)}.menu[aria-expanded=true] span:last-child{bottom:21px;transform:rotate(-45deg)}#navigation{position:fixed;inset:0;z-index:19;background:var(--green);color:var(--bg);padding:110px 10% 40px;visibility:hidden;opacity:0;transform:translateY(-3%);transition:opacity .4s,transform .5s,visibility .4s;overflow:auto;display:block}#navigation.open{visibility:visible;opacity:1;transform:none}#navigation .eyebrow{color:#050908}#navigation>a{display:block;font:800 clamp(32px,6vh,72px)/1.08 'Barlow Condensed',Impact,sans-serif;text-transform:uppercase;border:0;border-bottom:1px solid #05090840;padding:10px 0;color:#050908;margin:0;transition:padding .3s}#navigation>a:hover{padding-left:18px}#navigation small{font:10px Manrope;margin-right:28px;vertical-align:middle}.nav-socials{display:flex;gap:24px;margin-top:28px;font-size:11px}.nav-socials a{color:#050908;font-size:11px}.menu-is-open header{color:#050908;background:none}.menu-is-open .menu span{background:#050908}.menu-is-open .wordmark span{color:#050908}.menu-is-open .header-links{visibility:hidden}.chapter-dock{position:fixed;right:18px;top:50%;translate:0 -50%;z-index:18;display:grid;gap:14px}.chapter-dock a{width:23px;min-height:23px;display:grid;place-items:center;border:1px solid transparent;border-radius:50%;color:#fff9;font-size:8px}.chapter-dock .current{color:var(--green);border-color:var(--green)}
.hero,.has-artist-photo .hero{height:100svh;min-height:740px;max-height:1300px;padding:115px 5% 28px;background:#050908}.hero-art{background:none;transform:translateY(var(--hero-y)) scale(var(--hero-scale));transform-origin:center}.has-artist-photo .hero-art:after{z-index:2;background:linear-gradient(90deg,#05090890,transparent 60%),linear-gradient(0deg,#050908 1%,transparent 70%)}.hero:after,.hero:before{display:none}#hero-image{inset:0}.has-artist-photo .hero-photo{object-position:58% center;animation:photo-in 1.8s ease-out both}.hero-top{color:var(--green);position:relative;z-index:3}.edition{font-size:10px;letter-spacing:1px}.hero-copy,.has-artist-photo .hero-copy{margin-top:18px;padding-top:0;width:65%}.hero h1,.has-artist-photo .hero h1{font:900 clamp(120px,16vw,270px)/.76 'Barlow Condensed',Impact,sans-serif;letter-spacing:-.045em;margin:0 0 30px;color:var(--green);background:none;text-shadow:none;animation:none}.hero h1>span{display:block;animation:title-in 1.1s cubic-bezier(.2,1,.3,1) both}.hero h1>span:nth-child(2){animation-delay:.12s;color:var(--fg);position:relative}.title-star{display:inline-block;font-size:.28em;color:var(--cyan);vertical-align:top;line-height:.6;margin-left:10px;animation:rotate 25s linear infinite}.roles{font-size:9px;letter-spacing:1.3px;max-width:none}.actions{gap:25px;margin-top:32px;align-items:center}.button{font-size:10px;letter-spacing:.7px}.primary{box-shadow:none}.primary:hover{background:var(--cyan);box-shadow:none}.primary:after{display:none}.hero-bottom{align-items:end}.hero-bottom p{font-size:11px;line-height:1.8;margin:0}.hero-bottom #hero-pending{display:none}.grain{position:absolute;inset:0;opacity:.08;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}.ticker{background:var(--green);color:#050908;overflow:hidden;padding:12px 0;transform:rotate(-2deg) scale(1.02);position:relative;z-index:3;display:block;border:0}.ticker div{white-space:nowrap;width:max-content;font:800 32px/1 'Barlow Condensed',Impact,sans-serif;letter-spacing:2px;animation:marquee 28s linear infinite}
.section{padding:100px 7%}.section-heading{margin-bottom:50px;align-items:end}h2{font:800 clamp(90px,13vw,190px)/.8 'Barlow Condensed',Impact,sans-serif;letter-spacing:-.035em}.section-heading h2 em,.section-heading.visible h2 em,.about-copy h2 em,.about-copy.visible h2 em,.contact h2 em,.contact.visible h2 em{color:var(--green)}.section .eyebrow{letter-spacing:1.5px}.section-heading>.aside{max-width:240px}.catalogue-tabs{gap:28px}.catalogue-tabs button{padding:16px 0}.catalogue-tabs span{border:0;min-width:0;height:auto;vertical-align:super;font-size:9px}#releases,#collaborations{gap:40px 24px}.release h3,#releases .release:not(:first-child) h3,#collaborations h3{font-weight:700;line-height:1}.release .primary,#releases .release:not(:first-child) .primary,#collaborations .primary{width:100%;justify-content:space-between}.release .platforms a{border:0;padding:0}.release .platforms{margin-top:15px}.cover{border:0}#releases .release:first-child{gap:8%;margin-bottom:25px}#releases .release:first-child h3{font-size:clamp(65px,8vw,120px);line-height:.85}#releases .release:first-child .primary{width:auto}.videos{background:var(--cyan);color:#050908}.videos .eyebrow{color:#050908}.videos .section-heading h2 em,.videos .section-heading.visible h2 em{color:#eff8ed}.videos .aside{color:#093d45}.filters button{border-color:#05090870;color:#050908}.filters button.active{background:#050908;color:var(--cyan);border-color:#050908}.video-grid{gap:35px 24px}.video-card h3{font:700 25px/1.1 'Barlow Condensed',Impact,sans-serif;text-transform:uppercase;margin:14px 0 6px}.video-card p{color:#093d45}.video-thumb .empty-play{color:#fff;border-color:#fff8}.about{gap:9%;padding-block:140px}.portrait{aspect-ratio:3/4;border:0}.about h2{font-size:clamp(80px,10vw,145px)}.about .lead{font:600 32px/1.1 'Barlow Condensed',Impact,sans-serif}.about #bio{font-size:12px}.artist-tags span{border:0;border-bottom:1px solid var(--green);padding:0 0 8px}.world{background:#10231d;border:0}.gallery{grid-template-columns:1.5fr 1fr}.gallery .visual-card:has(img){min-height:450px;border:0}.visual-card:after{display:none}.connect{background:var(--green);color:#050908;text-align:left;padding-block:110px}.connect:before{display:none}.connect>.eyebrow{justify-content:start;color:#050908}.connect h2{font-size:clamp(80px,14vw,200px);position:relative;margin-top:40px;max-width:1100px}.connect h2 em{color:#050908}.connect-star{position:absolute;right:0;top:15%;font-size:.8em;color:#050908;animation:rotate 40s linear infinite}.social-grid{justify-content:start;gap:25px;margin-top:50px}.social-grid a{border:0;border-bottom:1px solid #05090870;min-width:180px;padding:15px 0;font-size:14px}.social-grid a:hover{border-color:#050908;background:transparent;transform:none}.contact{grid-template-columns:1.2fr 1fr;gap:6%;align-items:end}.contact h2{font-size:clamp(60px,8vw,120px)}.contact-main{font-size:18px}.dot{color:var(--green)}.footer-logo{font:900 clamp(60px,11vw,150px)/.75 'Barlow Condensed',Impact,sans-serif;letter-spacing:-.04em}footer{padding-inline:7%;align-items:end}.cursor-light{display:none}.js-ready .reveal{transition:opacity .8s,transform 1s cubic-bezier(.2,1,.3,1)}
@keyframes title-in{from{opacity:0;transform:translateY(60px)}to{opacity:1;transform:none}}@keyframes photo-in{from{transform:scale(1.08)}to{transform:scale(1)}}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes marquee{to{transform:translateX(-50%)}}
@media(max-width:1000px){.hero-copy,.has-artist-photo .hero-copy{width:80%}.hero h1,.has-artist-photo .hero h1{font-size:19vw}.has-artist-photo .hero-photo{object-position:45% center}.chapter-dock{right:8px}.section{padding:80px 6%}.about{gap:6%}.about h2{font-size:10vw}.gallery .visual-card:has(img){min-height:360px}.contact{grid-template-columns:1fr;gap:35px}.contact-panel{max-width:500px;width:100%}.connect-star{font-size:.65em}}
@media(max-width:650px){header{height:72px;padding-inline:6%}.header-links{width:auto}.header-links a{font-size:9px}.header-links a:last-child{display:none}header .wordmark{font-size:33px}header .wordmark span{font-size:40px}.menu{font-size:9px;z-index:auto}.chapter-dock{display:none}.hero,.has-artist-photo .hero{height:100svh;min-height:740px;max-height:1100px;padding:96px 6% 25px}.hero-top{align-items:start;gap:15px}.hero-top .eyebrow{max-width:165px;font-size:8px;line-height:1.7}.edition{font-size:8px}.has-artist-photo .hero-art:after{background:linear-gradient(0deg,#050908 1%,#05090880 35%,transparent 65%),linear-gradient(90deg,#05090844,transparent)}.has-artist-photo .hero-photo{object-position:55% center}.hero-copy,.has-artist-photo .hero-copy{width:100%;padding-top:210px;margin:0}.hero h1,.has-artist-photo .hero h1{font-size:27vw;line-height:.8;margin-bottom:22px}.title-star{margin-left:7px}.roles,.has-artist-photo .hero .roles{font-size:7px;letter-spacing:.8px;max-width:none}.actions{gap:18px;margin-top:24px}.button{font-size:9px;padding:15px 18px;gap:22px}.text-link{font-size:9px;gap:18px}.hero-bottom{margin-top:30px;align-items:center}.hero-bottom p{display:none}.scroll-link{font-size:7px;gap:20px}.section{padding:70px 6%}.section-heading{margin-bottom:36px}h2{font-size:26vw}.aside{font-size:11px}.catalogue-tabs{gap:20px}.catalogue-tabs button{font-size:11px;flex:initial}.catalogue-tabs span{margin-left:5px}#releases,#collaborations{gap:30px 16px}#releases .release:first-child{gap:0;margin-bottom:15px}#releases .release:first-child .release-info{padding-top:24px}#releases .release:first-child h3{font-size:22vw}#releases .release:first-child .eyebrow{margin:0 0 18px}#releases .release:not(:first-child) h3,#collaborations h3{font-size:25px}#releases .release:not(:first-child) .primary,#collaborations .primary{font-size:8px;padding:11px 9px}.video-grid{gap:28px}.video-card h3{font-size:24px}.about{gap:40px}.portrait{aspect-ratio:4/5}.about h2{font-size:26vw}.about #bio{font-size:13px}.gallery{grid-template-columns:1fr}.gallery .visual-card:has(img){min-height:380px}.gallery .visual-card:first-child{min-height:300px}.connect h2{font-size:23vw}.connect-star{font-size:.35em;right:0;top:48%}.social-grid{display:flex;gap:10px 22px;margin-top:35px}.social-grid a{min-width:130px;font-size:12px;flex:1}.contact h2{font-size:17vw}.contact-main{font-size:18px}.footer-logo{font-size:23vw;grid-column:1/-1}footer{padding:40px 6%}footer>div{font-size:7px;line-height:1.6}footer>a:last-child{grid-row:2}footer button{grid-row:3;grid-column:1;padding-left:0;text-align:left}#navigation{padding:90px 8% 30px}#navigation>a{font-size:42px}.ticker div{font-size:26px}}
@media(prefers-reduced-motion:reduce){.hero-art{transform:none}.hero h1{color:var(--green)}.js-ready .reveal{opacity:1;transform:none}}
