@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--bg:#0c0d0e;--fg:#e7e8e5;--muted:#9a9c99;--line:#343638;--accent:#d7e3de}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--fg);font-family:'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}::selection{background:#d4e1da;color:#101112}.skip{position:absolute;top:-100px;background:#fff;color:#000;padding:12px;z-index:10}.skip:focus{top:0}.header{height:98px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;border-bottom:1px solid #ffffff26;position:relative;z-index:5;background:#0c0d0ef2}.brand{display:flex;flex-direction:column;gap:2px}.brandmark{font:700 32px/1 'Space Grotesk',sans-serif;letter-spacing:-2px}.cut{display:inline-block;transform:skewX(-12deg)}.branddot,.period{color:#b6c9bf}.tag{font-size:8px;letter-spacing:3.1px;color:#aeb5b0;margin-top:7px}.nav{display:flex;align-items:center;gap:34px;font-size:11px;font-weight:700;letter-spacing:1.5px}.nav a:hover,.text-link:hover{color:#b6c9bf}.menu{display:none}.hero{min-height:760px;height:calc(100vh - 98px);max-height:1050px;position:relative;overflow:hidden;padding:40px 5% 30px;display:flex;flex-direction:column;justify-content:space-between;background:radial-gradient(ellipse at 77% 44%,#2e3939 0%,#1b2223 25%,#101314 48%,#0c0d0e 76%)}.hero:after{content:"";position:absolute;width:70vw;height:70vw;border:1px solid #c6d4cc22;border-radius:50%;right:-10vw;top:-22vw;box-shadow:0 0 0 90px #b6c8bf08,0 0 0 200px #b6c8bf07,0 0 0 320px #b6c8bf05;pointer-events:none}.hero-grid{position:absolute;inset:0;background:linear-gradient(90deg,#ffffff08 1px,transparent 1px),linear-gradient(#ffffff07 1px,transparent 1px);background-size:90px 90px;mask-image:linear-gradient(90deg,transparent,#000 65%,transparent);opacity:.4}.eyebrow,.hero-bottom,.section-heading{display:flex;justify-content:space-between;font-size:10px;letter-spacing:2px;font-weight:700;color:#b0b8b3;z-index:1}.eyebrow{justify-content:flex-start;gap:12px;align-items:center}.edition{margin-left:auto}.signal{width:7px;height:7px;border-radius:50%;background:#c6d7cd;box-shadow:0 0 12px #c6d7cd}.hero-content{position:relative;z-index:1;margin-top:-10px}.overline{font-size:11px;letter-spacing:3px;color:#a8b2ad;margin-bottom:30px}.hero h1{font:700 clamp(85px,13.4vw,215px)/.83 'Space Grotesk',sans-serif;letter-spacing:-.09em;margin:0 0 36px;max-width:1100px}.hero h1 em{font-style:normal;color:#858f8a}.hero-copy{font-size:17px;line-height:1.6;color:#aab2ad;max-width:425px;margin-bottom:35px}.action{display:inline-flex;gap:55px;align-items:center;justify-content:space-between;padding:19px 23px;border:1px solid #84918b;font-size:11px;letter-spacing:1.8px;font-weight:700;transition:.2s}.action:hover{background:#d7e3de;color:#111}.action span{font-size:20px}.intro{padding:110px 5% 100px}.section-heading{border-top:1px solid var(--line);padding-top:18px}.intro-title{font:700 clamp(56px,9vw,140px)/.94 'Space Grotesk',sans-serif;letter-spacing:-.075em;margin:100px 0 35px}.intro-title span,.detail h2 span{color:#777f7c}.intro>p{max-width:530px;margin-left:auto;color:#a9aeab;font-size:18px;line-height:1.75}.pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#3b3e3c;border-block:1px solid #3b3e3c}.pillar{position:relative;background:#16191a;padding:28px 28px 35px;min-height:510px;overflow:hidden;transition:background .25s}.pillar:hover{background:#22292a}.pillar-number,.detail-num,.service{font-size:10px;letter-spacing:2px;color:#aab3ae;font-weight:700}.pillar-visual{height:295px;position:relative;display:flex;align-items:center;justify-content:center}.rings i{position:absolute;border:1px solid #9faea74a;border-radius:50%;width:90px;height:90px;box-shadow:0 0 28px #bed1c510}.rings i:nth-child(2){width:165px;height:165px}.rings i:nth-child(3){width:250px;height:250px}.waveform{gap:7px}.waveform i{height:45px;width:5px;background:#91a39a;opacity:.7}.waveform i:nth-child(3n){height:110px}.waveform i:nth-child(4n){height:175px}.waveform i:nth-child(5n){height:75px}.spectrum-center{width:190px;height:190px;border-radius:50%;background:repeating-conic-gradient(from 0deg,#a9bfb42b 0deg 2deg,transparent 2deg 7deg);mask-image:radial-gradient(circle,transparent 0 31%,#000 32% 100%);animation:rotate 32s linear infinite}@keyframes rotate{to{transform:rotate(360deg)}}.pillar-end{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #4d5550;padding-top:24px}.pillar h2{font:700 clamp(32px,3.4vw,60px) 'Space Grotesk',sans-serif;letter-spacing:-.055em;margin:0}.arrow{font-size:28px}.pillar p{font-size:13px;color:#9ea7a1}.detail{padding:145px 5%;display:grid;grid-template-columns:1fr 2fr;gap:40px;border-bottom:1px solid var(--line)}.detail.alternate{background:#141718}.detail h2{font:700 clamp(54px,7vw,110px)/.96 'Space Grotesk',sans-serif;letter-spacing:-.07em;margin:0 0 35px}.detail p{color:#aab1ac;line-height:1.75;max-width:550px;font-size:17px}.chips{display:flex;flex-wrap:wrap;gap:10px;margin:36px 0}.chips span{font-size:10px;letter-spacing:1.3px;padding:12px 15px;border:1px solid #48504b}.text-link{display:inline-block;border-bottom:1px solid #a9b5ae;padding:12px 0;font-size:11px;letter-spacing:2px;font-weight:700}.service{display:block;margin-bottom:25px}.light{margin-top:20px}.closing{padding:110px 5% 120px;background:#cdd9d2;color:#101615}.closing>span{font-size:11px;letter-spacing:2px}.closing h2{font:700 clamp(70px,12vw,180px)/.9 'Space Grotesk',sans-serif;letter-spacing:-.085em;margin:85px 0}.closing h2 i{font-style:normal;color:#67756e}.closing a{display:inline-block;border-bottom:1px solid #101615;padding-bottom:12px;font-size:12px;letter-spacing:2px;font-weight:700}footer{padding:35px 5%;display:flex;justify-content:space-between;gap:20px;font-size:9px;letter-spacing:1.3px;color:#aab0ab}.legal{color:#858a87}@media(max-width:850px){.header{height:76px}.brandmark{font-size:27px}.menu{display:block;background:none;border:0;color:#eee;letter-spacing:2px;font-size:11px;cursor:pointer}.menu span{margin-left:12px}.nav{display:none;position:absolute;top:76px;left:0;right:0;background:#171a1b;padding:28px 5%;flex-direction:column;align-items:flex-start;gap:25px}.nav.open{display:flex}.hero{height:auto;min-height:720px}.hero h1{font-size:clamp(70px,14vw,120px)}.pillars{grid-template-columns:1fr}.pillar{min-height:390px}.pillar-visual{height:230px}.detail{grid-template-columns:1fr;padding:95px 5%}.intro{padding:80px 5%}.intro-title{margin:80px 0 30px}.intro>p{margin-left:0}.closing h2{margin:70px 0}footer{flex-wrap:wrap}.edition{display:none}}@media(max-width:480px){.hero{min-height:640px}.hero h1{font-size:clamp(59px,15vw,80px)}.hero-copy{font-size:15px}.hero-bottom{font-size:8px}.eyebrow{font-size:8px}.intro-title{font-size:55px}.detail h2{font-size:52px}.closing h2{font-size:65px}}

/* V2 – deep turquoise secondary palette */
:root{--line:#294342;--accent:#65a9a3}
.hero{background:radial-gradient(ellipse at 77% 44%,#164744 0%,#103330 26%,#101c1d 51%,#0c0d0e 78%)}
.hero:after{border-color:#5aaca326;box-shadow:0 0 0 90px #2b8f840b,0 0 0 200px #2b8f8409,0 0 0 320px #2b8f8406}
.pillars{background:#27514e;border-block-color:#27514e}
.pillar{background:#102927}.pillar:hover{background:#173b38}
.detail.alternate{background:#102b29}
.nav a:hover,.text-link:hover,.branddot,.period{color:#77bdb5}
.rings i{border-color:#76b7ac55;box-shadow:0 0 28px #58a99b16}
.waveform i{background:#6aaca4}
.spectrum-center{background:repeating-conic-gradient(from 0deg,#75b8af42 0deg 2deg,transparent 2deg 7deg)}
.pillar-end{border-top-color:#47716b}.chips span{border-color:#416660}
.action{border-color:#699c95}.action:hover{background:#75b8af;color:#071716}
::selection{background:#75b8af;color:#071716}
@media(max-width:850px){.nav{background:#102b29}}

/* V3: main labels */
.label-section{padding:115px 5% 130px;border-bottom:1px solid var(--line)}.label-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin:35px 0 60px}.label-heading h2{font:700 clamp(52px,7vw,110px)/.96 'Space Grotesk',sans-serif;letter-spacing:-.07em;margin:0}.label-heading h2 span{color:#777f7c}.label-heading p{max-width:310px;color:#aab1ac;line-height:1.7}.label-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.label-card{min-height:310px;padding:27px;display:flex;flex-direction:column;background:linear-gradient(145deg,#103b38,#102927 60%,#111a1a);border:1px solid #35625c;transition:transform .2s,border-color .2s}.label-card:hover{transform:translateY(-4px);border-color:#65a9a3}.label-card-top{display:flex;justify-content:space-between;color:#9cbeb8;font-size:10px;letter-spacing:1.8px}.label-card h3{font:700 clamp(25px,2.5vw,38px)/1.05 'Space Grotesk',sans-serif;letter-spacing:-.04em;margin:65px 0 15px;overflow-wrap:anywhere}.label-card p{font-size:12px;color:#9cbeb8;margin:0 0 25px}.label-card a{font-size:10px;font-weight:700;letter-spacing:1.6px;margin-top:auto;border-top:1px solid #54736f;padding-top:18px}.label-card a:hover{color:#b3e0d8}@media(max-width:900px){.label-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.label-heading{display:block}}@media(max-width:560px){.label-grid{grid-template-columns:1fr}.label-card{min-height:270px}.label-card h3{margin-top:50px}.label-section{padding:80px 5%}}

/* V3 motion extension: animate only the existing LABELS and ARTISTS visuals. */
.pillar-one .rings i{animation:mfs-ring-breathe 9s ease-in-out infinite;transform-origin:center;will-change:transform,opacity}
.pillar-one .rings i:nth-child(2){animation-delay:-3s;animation-duration:11s}
.pillar-one .rings i:nth-child(3){animation-delay:-6s;animation-duration:13s}
@keyframes mfs-ring-breathe{0%,100%{transform:scale(.96);opacity:.45}50%{transform:scale(1.075);opacity:.9}}
.pillar-two .waveform i{transform-origin:center;animation:mfs-wave 2.8s ease-in-out infinite;will-change:transform,opacity}
.pillar-two .waveform i:nth-child(3n){animation-delay:-.55s;animation-duration:3.4s}
.pillar-two .waveform i:nth-child(4n){animation-delay:-1.15s;animation-duration:4.1s}
.pillar-two .waveform i:nth-child(5n){animation-delay:-1.8s;animation-duration:3.7s}
@keyframes mfs-wave{0%,100%{transform:scaleY(.55);opacity:.45}50%{transform:scaleY(1.1);opacity:.85}}
@media(prefers-reduced-motion:reduce){.pillar-one .rings i,.pillar-two .waveform i{animation:none;transform:none}}

/* Label artwork strip — only #labels; other sections remain V3 unchanged */
#labels .label-art-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:0;width:100%;}
#labels .label-art-tile{position:relative;display:flex;align-items:flex-end;min-width:0;min-height:310px;aspect-ratio:1/1.06;padding:20px 16px;overflow:hidden;background-color:#101b1c;background-size:cover;background-position:center;isolation:isolate;text-decoration:none;color:#f2f3f1;}
#labels .label-art-tile::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 35%,rgba(0,0,0,.15) 52%,rgba(0,0,0,.88) 100%);z-index:-1;}
#labels .label-art-tile::after{content:"";position:absolute;inset:0;background:rgba(19,79,77,.15);opacity:0;transition:opacity .25s;z-index:-1;}
#labels .label-art-tile:hover::after{opacity:1;}
#labels .label-art-info{display:flex;flex-direction:column;gap:8px;max-width:calc(100% - 32px);position:relative;z-index:1;}
#labels .label-art-info strong{font-size:clamp(11px,1vw,15px);font-weight:500;line-height:1.2;letter-spacing:0;overflow-wrap:anywhere;}
#labels .label-art-info small{font-size:10px;letter-spacing:1.3px;color:#7cc5c4;}
#labels .label-art-arrow{position:absolute;right:15px;bottom:20px;width:32px;height:32px;display:grid;place-items:center;border:1px solid #75cece;border-radius:50%;font-size:19px;color:#91e1df;}
#labels .label-art-1{background-image:url('../images/labels/label-1.webp')}
#labels .label-art-2{background-image:url('../images/labels/label-2.webp')}
#labels .label-art-3{background-image:url('../images/labels/label-3.webp')}
#labels .label-art-4{background-image:url('../images/labels/label-4.webp')}
#labels .label-art-5{background-image:url('../images/labels/label-5.webp')}
@media(max-width:1000px){#labels .label-art-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:600px){#labels .label-art-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#labels .label-art-tile{min-height:230px;padding:15px 11px}#labels .label-art-arrow{right:10px;bottom:14px}}
@media(max-width:370px){#labels .label-art-grid{grid-template-columns:1fr}}

/* Static square label art, spaced; release popup */
#labels .label-art-grid{gap:16px;}
#labels .label-art-tile{appearance:none;border:0;border-radius:0;cursor:pointer;text-align:left;aspect-ratio:1/1;min-height:0;width:100%;font:inherit;background-size:cover;background-position:center;}
#labels .label-art-tile:focus-visible{outline:2px solid #9de1d9;outline-offset:3px;}
.release-modal[hidden]{display:none;}
.release-modal{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:22px;}
.release-modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.88);backdrop-filter:blur(9px);}
.release-dialog{position:relative;z-index:1;display:grid;grid-template-columns:minmax(200px,1fr) minmax(270px,1.15fr);gap:30px;width:min(900px,100%);max-height:min(90vh,800px);overflow:auto;padding:30px;background:#10191a;border:1px solid #335b59;box-shadow:0 25px 100px #000a;color:#f1f3f2;}
.release-close{position:absolute;top:8px;right:12px;border:0;background:none;color:#fff;font-size:35px;cursor:pointer;z-index:2;}
.release-artwork img{display:block;width:100%;aspect-ratio:1;object-fit:cover;}
.release-content{display:flex;flex-direction:column;align-items:flex-start;gap:16px;min-width:0;padding-top:20px;}
.release-kicker{font-size:10px;letter-spacing:2px;color:#80c5c0;}
.release-content h2{font-size:clamp(24px,3vw,43px);line-height:1.05;letter-spacing:-.04em;margin:0;overflow-wrap:anywhere;}
.release-content p{color:#aebcba;margin:0;}
.release-player{width:100%;min-height:230px;background:#10191a;}
.release-player iframe{display:block;width:100%;max-width:430px;height:230px;border:0;background:#10191a;}
.release-bandcamp,.release-label-link{font-size:11px;letter-spacing:1px;text-decoration:none;color:#b6e6e0;border-bottom:1px solid #6d9994;padding-bottom:7px;}
.release-label-link{color:#c4cecb;}
body.modal-open{overflow:hidden;}
@media(max-width:750px){.release-dialog{grid-template-columns:1fr;gap:12px;padding:20px;}.release-artwork img{width:min(100%,260px);margin:auto}.release-content{padding-top:0;}#labels .label-art-grid{gap:12px;}}

/* Center the four label tiles in the labels section */
#labels .label-art-grid{grid-template-columns:repeat(4,minmax(0,1fr));max-width:1360px;margin-inline:auto;}
@media(max-width:1000px){#labels .label-art-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:760px;}}
@media(max-width:600px){#labels .label-art-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:100%;}}
@media(max-width:370px){#labels .label-art-grid{grid-template-columns:1fr;max-width:340px;}}

/* Established sublabels: static, responsive logos; no links */
#labels .sublabels{width:100%;max-width:1360px;margin:14px auto 0;text-align:center;}
#labels .sublabels-title{margin:0 0 12px;font-size:12px;letter-spacing:.04em;color:#102b29;}
#labels .sublabels-grid{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px 20px;}
#labels .sublabel-logo{flex:1 1 125px;max-width:195px;min-width:0;display:flex;align-items:center;justify-content:center;height:62px;}
#labels .sublabel-logo img{display:block;max-width:100%;max-height:60px;width:auto;height:auto;object-fit:contain;}
@media(max-width:900px){#labels .sublabel-logo{flex-basis:145px;max-width:200px;}}
@media(max-width:550px){#labels .sublabels-grid{gap:16px 18px;}#labels .sublabel-logo{flex:0 1 calc(50% - 14px);max-width:190px;height:64px;}#labels .sublabel-logo img{max-height:58px;}}

/* V4.2: Original-Sublabel-Logos, ohne Zwischenabstand, proportional und responsiv */
#labels .sublabels-grid{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:0;max-width:100%;margin-inline:auto;}
#labels .sublabel-logo{flex:0 0 auto;min-width:0;max-width:none;width:auto;height:auto;display:block;line-height:0;}
#labels .sublabel-logo img{display:block;width:auto;height:clamp(42px,5.1vw,78px);max-height:none;max-width:none;object-fit:contain;}
@media(max-width:550px){#labels .sublabels-grid{gap:0;}#labels .sublabel-logo{flex:0 0 auto;max-width:none;width:auto;height:auto;}#labels .sublabel-logo img{height:clamp(40px,12vw,60px);max-height:none;}}

/* Platform logos: static, responsive, centered */
#labels .platforms{width:100%;max-width:1360px;margin:34px auto 0;text-align:center}
#labels .platforms-title{margin:0 0 14px;color:#102b29;font-size:12px;letter-spacing:.04em}
#labels .platforms-grid{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:4px 9px}
#labels .platform-logo{display:flex;align-items:center;justify-content:center;flex:0 1 auto;min-width:0}
#labels .platform-logo img{display:block;width:auto;height:43px;max-width:100%;object-fit:contain}
@media(max-width:760px){#labels .platforms{margin-top:30px}#labels .platforms-grid{gap:5px 12px}#labels .platform-logo img{height:40px}}
@media(max-width:450px){#labels .platforms-grid{gap:8px 10px}#labels .platform-logo img{height:36px}}

/* V4.2: EST. SUBLABELS one line closer to logo row */
#labels .sublabels-title{margin-bottom:0;}

/* V5.1: header navigation + official logo, top right */
.header{gap:22px}
.header .nav{margin-left:auto;gap:clamp(12px,1.65vw,30px);white-space:nowrap}
.header-logo{display:block;flex:0 0 auto;width:clamp(115px,10.5vw,175px);height:auto;max-height:76px;object-fit:contain}
@media(max-width:1150px){.header .nav{gap:12px;font-size:10px;letter-spacing:.8px}.header-logo{width:120px}}
@media(max-width:850px){.header-logo{width:106px;max-height:58px;margin-left:auto}.header .menu{order:3}.header .nav{order:4;margin-left:0;white-space:normal}}
@media(max-width:400px){.header-logo{width:90px}.brandmark{font-size:23px}.tag{font-size:7px;letter-spacing:2px}}

/* V5.2: new MFSOUND logo replaces the left wordmark; remove duplicate right logo */
.header .brand{display:flex;align-items:center;justify-content:flex-start;flex:0 0 auto;min-width:0}
.header .brand-image{display:block;width:clamp(115px,11vw,175px);height:auto;max-height:76px;object-fit:contain}
@media(max-width:1150px){.header .brand-image{width:120px}}
@media(max-width:850px){.header .brand-image{width:106px;max-height:58px}}
@media(max-width:400px){.header .brand-image{width:90px}}

/* V5.3: editorial featured SoundCloud release; preserve oversized hero typography */
.featured-release{position:relative;z-index:2;align-self:stretch;max-width:1060px;width:100%;margin:26px 0 22px;color:#eaf2ef;border-top:1px solid #79aaa77a;border-bottom:1px solid #79aaa73d;padding:11px 0 13px;background:linear-gradient(90deg,#0b1819c9,#0b18193b);backdrop-filter:blur(5px)}
.featured-release-top{display:flex;justify-content:space-between;gap:15px;font-size:9px;letter-spacing:1.9px;color:#a5c6c1;font-weight:700}.featured-live-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:#8bd5c7;margin-right:8px;vertical-align:2px}.featured-counter{color:#819d99}
.featured-release-main{display:flex;align-items:center;gap:18px;margin-top:10px}.featured-art{width:68px;height:68px;flex:0 0 68px;background:radial-gradient(circle at 65% 30%,#39746e,#153b3a 45%,#0b191b 75%);border:1px solid #6aa79d66;position:relative;overflow:hidden;display:grid;place-items:center}.featured-art-lines{position:absolute;inset:-25%;border:1px solid #a5d6cc42;border-radius:50%;box-shadow:0 0 0 11px #7ebcb513,0 0 0 25px #7ebcb513,0 0 0 42px #7ebcb50b}.featured-art-icon{font-size:25px;color:#c5e2db99;z-index:1}
.featured-release-meta{display:flex;flex:1;min-width:0;flex-direction:column;gap:4px}.featured-artist,.featured-caption{font-size:9px;letter-spacing:1.5px;color:#94b8b2;text-transform:uppercase}.featured-title{font-family:'Space Grotesk',sans-serif;font-size:clamp(18px,2.2vw,29px);line-height:1.05;letter-spacing:-.045em;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.featured-play{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;border:1px solid #9bc9c0;border-radius:50%;background:transparent;color:#e5f5f0;cursor:pointer;transition:background .2s,color .2s}.featured-play:hover{background:#d7e3de;color:#102b29}.featured-play span{font-size:14px;margin-left:2px}.featured-external{font-size:10px;letter-spacing:1.4px;color:#a7c9c1;white-space:nowrap}.featured-external:hover{color:#fff}.featured-player{margin-top:14px}.featured-player iframe{display:block;width:100%;height:166px;border:0}.hero:has(.featured-player:not([hidden])){height:auto;max-height:none;min-height:calc(100vh - 98px)}
@media(max-width:850px){.featured-release{margin:22px 0}.featured-counter{display:none}.featured-external{font-size:9px}.featured-art{width:58px;height:58px;flex-basis:58px}.featured-release-main{gap:12px}}
@media(max-width:480px){.featured-release{padding:10px 0}.featured-release-top{font-size:8px;letter-spacing:1px}.featured-release-main{gap:9px}.featured-art{width:48px;height:48px;flex-basis:48px}.featured-title{font-size:17px}.featured-artist,.featured-caption{font-size:8px;letter-spacing:.6px}.featured-play{width:36px;height:36px;flex-basis:36px}.featured-external{display:none}.featured-release-meta{gap:3px}}
@media(prefers-reduced-motion:reduce){.featured-play{transition:none}}

/* V5.4: full-bleed featured release and neutral player, no decorative thumbnail */
.hero .featured-release{width:calc(100% + 10vw);max-width:none;align-self:stretch;margin-left:-5vw;margin-right:-5vw;padding:15px 5% 17px;background:linear-gradient(90deg,rgba(25,28,29,.95),rgba(42,46,47,.86));border-top:1px solid #a6b4b06b;border-bottom:1px solid #a6b4b042;backdrop-filter:blur(5px)}
.hero .featured-release-main{width:100%;gap:clamp(14px,2.5vw,34px)}
.hero .featured-release-meta{flex:1;min-width:0}
.hero .featured-player{width:100%;padding:12px;background:#303335;border:1px solid #53585a;margin-top:16px}
.hero .featured-player iframe{width:100%;height:166px;display:block;background:#e5e5e5;border:0}
@media(max-width:850px){.hero .featured-release{padding:13px 5% 15px}}
@media(max-width:480px){.hero .featured-release{padding:12px 5% 14px}.hero .featured-player{padding:7px}}

/* V5.5: official SoundCloud visual embed (large release artwork), 300px height */
.hero .featured-player iframe{height:300px;background:#303335}

/* V5.6: move full-bleed SoundCloud feature from hero into WHAT WE DO. */
.intro .featured-release{width:calc(100% + 10vw);max-width:none;margin:clamp(55px,7vw,105px) -5vw 0;padding:15px 5% 17px;background:linear-gradient(90deg,rgba(25,28,29,.95),rgba(42,46,47,.86));border-top:1px solid #a6b4b06b;border-bottom:1px solid #a6b4b042;backdrop-filter:blur(5px)}
.intro .featured-release-main{width:100%;gap:clamp(14px,2.5vw,34px)}
.intro .featured-release-meta{flex:1;min-width:0}
.intro .featured-player{width:100%;padding:12px;background:#303335;border:1px solid #53585a;margin-top:16px}
.intro .featured-player iframe{width:100%;height:300px;display:block;background:#e5e5e5;border:0}
@media(max-width:850px){.intro .featured-release{padding:13px 5% 15px}}
@media(max-width:480px){.intro .featured-release{padding:12px 5% 14px}.intro .featured-player{padding:7px}}

/* V6.0 — Artist categories; V5.8 remains the untouched fallback. */
.artist-categories{margin:clamp(28px,4vw,56px) 0 30px;width:100%;border-bottom:1px solid rgba(20,48,45,.3)}
.artist-category{border-top:1px solid rgba(20,48,45,.3)}
.artist-category summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:clamp(12px,2vw,28px);padding:clamp(20px,3vw,35px) 0;transition:padding .25s ease}
.artist-category summary::-webkit-details-marker{display:none}
.artist-category-number{font-size:11px;letter-spacing:.12em;opacity:.55;align-self:flex-start;padding-top:clamp(7px,1vw,14px);flex:0 0 23px}
.artist-category-copy{flex:1;min-width:0;display:flex;flex-direction:column;gap:7px}
.artist-category-copy strong{display:block;font-size:clamp(30px,5.8vw,88px);font-weight:700;letter-spacing:-.065em;line-height:.94;transition:color .2s ease}
.artist-category-copy small{font-size:clamp(9px,.9vw,11px);font-weight:500;letter-spacing:.12em;opacity:.6;line-height:1.4}
.artist-category-toggle{width:34px;height:34px;flex:0 0 34px;border:1px solid currentColor;border-radius:50%;position:relative;opacity:.7}
.artist-category-toggle:before,.artist-category-toggle:after{content:'';position:absolute;background:currentColor;top:50%;left:50%;width:12px;height:1px;transform:translate(-50%,-50%)}
.artist-category-toggle:after{transform:translate(-50%,-50%) rotate(90deg);transition:transform .25s ease}
.artist-category[open] .artist-category-toggle:after{transform:translate(-50%,-50%) rotate(0deg)}
.artist-category[open] .artist-category-copy strong,.artist-category summary:hover .artist-category-copy strong{color:#648e87}
.artist-category summary:focus-visible{outline:2px solid #648e87;outline-offset:4px}
.artist-category-content{padding:4px 0 clamp(24px,3vw,44px) clamp(35px,4vw,58px);animation:artistReveal .25s ease both}
.artist-category-content p{font-size:12px;letter-spacing:.16em;opacity:.65;margin:0}
@keyframes artistReveal{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:600px){.artist-category-copy strong{font-size:clamp(29px,9vw,50px)}.artist-category-toggle{width:28px;height:28px;flex-basis:28px}.artist-category-copy small{font-size:9px;letter-spacing:.06em}}
@media(prefers-reduced-motion:reduce){.artist-category-content{animation:none}.artist-category-toggle:after,.artist-category-copy strong{transition:none}}

/* V6.1 artist roster */
.artist-name-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:24px;row-gap:11px}.artist-name-list li{font-size:clamp(12px,1.05vw,15px);line-height:1.45;letter-spacing:.025em;color:inherit;overflow-wrap:anywhere}@media(max-width:600px){.artist-name-list{grid-template-columns:1fr;row-gap:10px}}

/* V6.2 artist external links */
.artist-name-list a{color:inherit;text-decoration:none;border-bottom:1px solid rgba(130,175,167,.42);transition:color .2s,border-color .2s}
.artist-name-list a:hover,.artist-name-list a:focus-visible{color:#91c5bb;border-color:currentColor}
.artist-name-list a:after{content:' ↗';font-size:.7em;opacity:.65}

/* V6.3 / Spotify playlist marquee */
.playlist-showcase{background:#0e1b19;color:#e7eeea;padding:clamp(65px,8vw,120px) 0 55px;overflow:hidden}
.playlist-showcase-heading{padding:0 clamp(24px,6vw,110px);margin-bottom:38px}
.playlist-kicker{display:block;color:#91aa9f;font-size:11px;letter-spacing:.23em;margin-bottom:18px}
.playlist-showcase-heading h2{font-size:clamp(50px,8.5vw,125px);font-weight:800;line-height:.88;letter-spacing:-.07em;margin:0 0 22px}
.playlist-showcase-heading h2 span{color:#9bb8aa}
.playlist-showcase-heading p{color:#b5c5be;font-size:clamp(13px,1.3vw,17px);max-width:540px}
.playlist-marquee{width:100%;overflow:hidden;position:relative}
.playlist-marquee::before,.playlist-marquee::after{content:"";position:absolute;top:0;bottom:0;width:clamp(20px,5vw,90px);z-index:2;pointer-events:none}
.playlist-marquee::before{left:0;background:linear-gradient(to right,#0e1b19,transparent)}
.playlist-marquee::after{right:0;background:linear-gradient(to left,#0e1b19,transparent)}
.playlist-marquee-track{display:flex;align-items:center;width:max-content;gap:16px;animation:playlist-scroll 65s linear infinite;will-change:transform}
.playlist-marquee:hover .playlist-marquee-track,.playlist-marquee:focus-within .playlist-marquee-track{animation-play-state:paused}
.playlist-marquee-group{display:flex;gap:16px;flex:none}
.playlist-tile{display:block;position:relative;flex:none;width:clamp(185px,22vw,330px);aspect-ratio:1;overflow:hidden;background:#1a302b;text-decoration:none;color:inherit}
.playlist-tile img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s ease,filter .35s ease}
.playlist-tile[href]:hover img,.playlist-tile[href]:focus-visible img{transform:scale(1.035);filter:brightness(1.12)}
.playlist-tile[href]:focus-visible{outline:2px solid #c0d7ca;outline-offset:-3px}
.playlist-marquee-note{display:flex;justify-content:space-between;gap:20px;padding:22px clamp(24px,6vw,110px) 0;color:#91aa9f;font-size:10px;letter-spacing:.2em}
@keyframes playlist-scroll{to{transform:translateX(-50%)}}
@media(max-width:650px){.playlist-showcase{padding:65px 0 40px}.playlist-marquee-track,.playlist-marquee-group{gap:10px}.playlist-tile{width:clamp(180px,65vw,260px)}.playlist-marquee-note{font-size:9px;letter-spacing:.08em}}
@media(prefers-reduced-motion:reduce){.playlist-marquee-track{animation:none}.playlist-marquee{overflow-x:auto;scrollbar-width:thin}.playlist-marquee-group[aria-hidden="true"]{display:none}}

/* V6.5: minimal floating back-to-top button */
html{scroll-behavior:smooth}
.back-to-top{position:fixed;right:clamp(16px,2.5vw,36px);bottom:clamp(16px,2.5vw,36px);z-index:1000;width:46px;height:46px;display:grid;place-items:center;background:#102b29;color:#e5efea;border:1px solid #4a6860;border-radius:50%;box-shadow:0 6px 24px #0005;text-decoration:none;opacity:0;visibility:hidden;transform:translateY(12px);transition:opacity .25s,transform .25s,visibility .25s,background .25s}
.back-to-top.is-visible{opacity:1;visibility:visible;transform:translateY(0)}
.back-to-top:hover,.back-to-top:focus-visible{background:#285149;outline:2px solid #a6c3b5;outline-offset:2px}
.back-to-top svg{width:21px;height:21px}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.back-to-top{transition:none}}

/* V6.7 – two coordinated features directly below the hero */
.featured-duo{padding:0 5vw 24px;background:#10191a;display:grid;grid-template-columns:minmax(0,1fr);gap:0}
.featured-duo .featured-release{width:100%;margin:0;padding:15px 0 17px;background:linear-gradient(90deg,rgba(25,28,29,.95),rgba(42,46,47,.86));border-bottom:1px solid #a6b4b042}
.featured-duo .featured-release{border-top:1px solid #a6b4b06b}
.featured-duo .featured-release-main{width:100%;gap:clamp(14px,2.5vw,34px)}
.featured-duo .featured-release-meta{flex:1;min-width:0}
.featured-duo .featured-player{width:100%}
@media(max-width:480px){.featured-duo .featured-release{padding:12px 0 14px}.featured-duo .featured-player{padding:7px}}

/* V6.9 – restore V6.6 full-bleed featured presentation at both placements. */
.featured-duo{display:block;width:100%;max-width:none;padding:0;margin:0;background:transparent}
.featured-duo .featured-release{box-sizing:border-box;max-width:none;width:100%;margin:0;padding:15px 5vw 17px;background:linear-gradient(90deg,rgba(25,28,29,.95),rgba(42,46,47,.86));border-top:1px solid #a6b4b06b;border-bottom:1px solid #a6b4b042}
.featured-duo .featured-player{box-sizing:border-box;width:100%;padding:12px;background:#303335;border:1px solid #53585a;margin-top:16px}
.featured-duo .featured-player iframe{display:block;width:100%;height:300px;border:0;background:#303335}
@media(max-width:850px){.featured-duo .featured-release{padding:13px 5vw 15px}}
@media(max-width:480px){.featured-duo .featured-release{padding:12px 5vw 14px}.featured-duo .featured-player{padding:7px}.featured-duo .featured-player iframe{height:230px}}

/* V7.1 – rotating six-face concave dot membrane cube, hero only */
.hero-membrane-cube{position:absolute;right:0;top:9%;width:52%;height:79%;z-index:0;pointer-events:none;opacity:.8;mask-image:linear-gradient(90deg,transparent 0%,#000 24%)}
.hero .hero-content{z-index:1}.hero .eyebrow,.hero .hero-bottom{position:relative;z-index:1}
@media(max-width:850px){.hero-membrane-cube{width:63%;right:-12%;top:16%;height:57%;opacity:.45}}
@media(max-width:550px){.hero-membrane-cube{width:85%;right:-28%;top:20%;height:45%;opacity:.27}}

/* V7.3: ensure particle canvas remains visible over hero decorative layers */
.hero .hero-membrane-cube{position:absolute;right:2%;top:12%;width:48%;height:72%;z-index:2;opacity:1;mask-image:none;-webkit-mask-image:none;pointer-events:none;}
.hero .hero-content,.hero .eyebrow,.hero .hero-bottom{z-index:3;}
@media(max-width:850px){.hero .hero-membrane-cube{right:-5%;width:60%;height:55%;top:20%;opacity:.75}}
@media(max-width:550px){.hero .hero-membrane-cube{right:-17%;width:76%;height:42%;top:24%;opacity:.55}}

/* V7.5 – social links beside Let's Connect */
.closing-connect{display:flex;align-items:center;justify-content:space-between;gap:30px;flex-wrap:wrap}
.closing-connect>a{flex:0 0 auto}
.social-links{display:flex;align-items:center;flex-wrap:wrap;gap:12px}
.social-links a{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;padding:0;border:1px solid #627b70;border-radius:50%;color:#152520;transition:background .2s,color .2s,transform .2s;line-height:1}
.social-links a:hover,.social-links a:focus-visible{background:#152520;color:#d8e6dd;transform:translateY(-2px)}
.social-links svg{width:22px;height:22px;display:block}
@media(max-width:700px){.closing-connect{align-items:flex-start;flex-direction:column;gap:32px}.social-links{gap:9px}.social-links a{width:42px;height:42px}.social-links svg{width:20px;height:20px}}

/* V7.7 — AI section: slowly rotating particle double helix */
#ai-music-production.ai-helix-section{position:relative;overflow:hidden;isolation:isolate;min-height:460px}
#ai-music-production.ai-helix-section > :not(.ai-dot-helix){position:relative;z-index:2}
#ai-music-production .ai-dot-helix{position:absolute;right:3%;top:7%;width:43%;height:86%;z-index:1;pointer-events:none;opacity:.88}
#ai-music-production.ai-helix-section > div:nth-of-type(2){max-width:54%}
@media(max-width:850px){#ai-music-production .ai-dot-helix{right:-6%;width:52%;opacity:.55}#ai-music-production.ai-helix-section > div:nth-of-type(2){max-width:62%}}
@media(max-width:600px){#ai-music-production.ai-helix-section{min-height:550px;padding-bottom:235px}#ai-music-production.ai-helix-section > div:nth-of-type(2){max-width:none}#ai-music-production .ai-dot-helix{top:auto;bottom:10px;right:10%;width:80%;height:235px;opacity:.8}}

/* V7.13 – AI editorial extension; original helix stays on the right */
.ai-helix-section .ai-idea{font-size:clamp(1.05rem,1.8vw,1.65rem);letter-spacing:.065em;line-height:1.3;margin:1.4rem 0 .55rem;color:#d7e9e1}
.ai-helix-section .ai-tagline{font-style:italic;color:#a6c9bf;margin-bottom:1.3rem}
.ai-helix-section p{max-width:65ch}
.ai-read-more{display:inline-flex;gap:1.3rem;align-items:center;margin-top:1.25rem;color:#b3d9cc;font-size:.74rem;letter-spacing:.15em;text-decoration:none;border-bottom:1px solid #6b988a;padding-bottom:.6rem}
.ai-read-more:hover,.ai-read-more:focus-visible{color:white;border-color:white}
.ai-editorial{background:#10191a;color:#d5e4df;padding:clamp(3.5rem,8vw,8rem) clamp(1.3rem,5vw,6rem)}
.ai-editorial-inner{max-width:1180px;margin:0 auto}
.ai-editorial .section-heading{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;color:#91b7aa;font-size:.7rem;letter-spacing:.13em;margin-bottom:3rem}
.ai-editorial h2{font-size:clamp(2.5rem,6vw,6.5rem);line-height:1.03;letter-spacing:-.05em;margin:0 0 3rem;color:#edf4f0}
.ai-editorial h2 em{font-weight:400;color:#a2c6b9}
.ai-editorial-copy{max-width:760px;margin-left:auto}
.ai-editorial p{font-size:clamp(1rem,1.15vw,1.14rem);line-height:1.8;color:#b5c8c1;margin:0 0 1.25rem}
.ai-editorial strong{color:#f0f5f2}
.ai-editorial-copy h3,.ai-editorial-outro h3{font-size:clamp(1.4rem,3vw,2.6rem);letter-spacing:-.025em;margin:3rem 0 1.3rem;color:#e6f1ec}
.ai-projects-heading{margin:5rem 0 1.8rem;padding-top:2rem;border-top:1px solid #34534b}
.ai-projects-heading>span{font-size:.7rem;letter-spacing:.17em;color:#92b8ab}
.ai-projects-heading h3{font-size:clamp(2rem,4vw,4rem);line-height:1.1;margin:1rem 0;color:#e6f1ec}
.ai-projects-heading p{max-width:700px}
.ai-project{border-top:1px solid #36534b}
.ai-project:last-child{border-bottom:1px solid #36534b}
.ai-project summary{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) 30px;align-items:center;gap:1.2rem;cursor:pointer;list-style:none;padding:1.7rem .4rem}
.ai-project summary::-webkit-details-marker{display:none}
.ai-project summary:focus-visible{outline:2px solid #a4d5c3;outline-offset:3px}
.ai-project-name{font-size:clamp(1.05rem,1.9vw,1.55rem);font-weight:700;letter-spacing:.025em;color:#eef5f0}
.ai-project-subtitle{color:#99b9af;font-size:.9rem}
.ai-project-plus{font-size:1.6rem;color:#a7cabc;transition:transform .2s}
.ai-project[open] .ai-project-plus{transform:rotate(45deg)}
.ai-project-body{max-width:760px;padding:0 .4rem 1.5rem}
.ai-editorial-outro{max-width:790px;margin:5rem 0 0 auto;border-top:1px solid #34534b;padding-top:1rem}
.ai-editorial-outro em{color:#b6d9c9}
@media(max-width:700px){.ai-project summary{grid-template-columns:1fr 28px;gap:.4rem}.ai-project-subtitle{grid-column:1;grid-row:2}.ai-project-plus{grid-column:2;grid-row:1/3}.ai-editorial .section-heading{margin-bottom:2rem}.ai-editorial-outro{margin-top:3rem}}

/* V7.15: Spotify project links in editorial summaries */
.ai-project-spotify-link { color: inherit; text-decoration: none; border-bottom: 1px solid currentColor; text-underline-offset: 4px; }
.ai-project-spotify-link:hover, .ai-project-spotify-link:focus-visible { color: #a7d8c8; }

/* V7.16: keep the extended AI editorial hidden until explicitly opened */
.ai-editorial[hidden]{display:none!important}
.ai-approach-toggle{cursor:pointer;font:inherit;text-align:left}

/* V7.17 – linked project names and project artwork */
.ai-project-spotify-link .ai-external-arrow{display:inline-block;font-size:.78em;margin-left:.3em;vertical-align:.1em;color:#9fcbbd;transition:transform .2s ease}
.ai-project-spotify-link:hover .ai-external-arrow{transform:translate(2px,-2px)}
.ai-project-body{max-width:none;display:flex;align-items:flex-start;gap:clamp(1rem,2.6vw,2rem);padding:1rem .4rem 1.8rem}
.ai-project-artwork{display:block;width:clamp(112px,18vw,190px);height:auto;aspect-ratio:1;object-fit:contain;flex:0 0 auto;border-radius:2px}
.ai-project-description{flex:1;min-width:0;max-width:760px}
.ai-project-description p{margin-top:0}
@media(max-width:560px){.ai-project-body{gap:1rem}.ai-project-artwork{width:94px}}
@media(max-width:380px){.ai-project-body{flex-direction:column}.ai-project-artwork{width:132px}}

/* V7.19: text-only approach toggle, no native button background */
.ai-approach-toggle,.ai-approach-toggle:hover,.ai-approach-toggle:focus,.ai-approach-toggle:active{background:transparent!important;background-color:transparent!important;box-shadow:none!important;border-top:0!important;border-left:0!important;border-right:0!important;border-radius:0!important;appearance:none;-webkit-appearance:none;color:#b3d9cc;}
.ai-approach-toggle:hover,.ai-approach-toggle:focus-visible{color:#fff;}
.ai-approach-toggle:focus-visible{outline:2px solid #9fcbbd;outline-offset:5px;}

/* V8.0: dedicated AI artist popup, same visual language as label modal */
.ai-artist-trigger{background:none;border:0;padding:0;color:inherit;font:inherit;text-align:left;cursor:pointer;letter-spacing:inherit}.ai-artist-trigger:hover,.ai-artist-trigger:focus-visible{color:#9acfc3;text-decoration:underline;text-underline-offset:4px}.ai-artist-modal .release-artwork img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain}.ai-artist-modal-description{line-height:1.75;color:#b9cbc6;margin:18px 0 28px}.ai-artist-modal .release-content{align-self:center}.ai-artist-modal #ai-artist-modal-subtitle{color:#9fc4bb}

/* V8.2 / Mastering — quiet stereo waveform */
#mastering.mastering-soundscape{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(115deg,#101b1a 0%,#101817 52%,#0c1111 100%)}
#mastering .mastering-wave-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none;opacity:.72}
#mastering>div{position:relative;z-index:1}
#mastering .detail-num{align-self:start}
@media(max-width:850px){#mastering .mastering-wave-canvas{opacity:.38}}
@media(prefers-reduced-motion:reduce){#mastering .mastering-wave-canvas{opacity:.48}}

/* V8.3 — subtle Shape/PerCut-inspired mastering equipment backdrop */
#mastering.mastering-soundscape{background:#0b1717;isolation:isolate}
#mastering.mastering-soundscape::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background-image:linear-gradient(90deg,rgba(8,20,20,.82) 0%,rgba(8,20,20,.64) 37%,rgba(8,20,20,.43) 72%,rgba(8,20,20,.48) 100%),url('../images/mastering-shape-percut.webp');background-position:center,center;background-size:cover,cover;background-repeat:no-repeat;opacity:.84}
#mastering .mastering-wave-canvas{z-index:1;opacity:.85;mix-blend-mode:screen}
#mastering>div{z-index:2}
@media(max-width:850px){#mastering.mastering-soundscape::before{background-position:center,64% center;opacity:.65}#mastering .mastering-wave-canvas{opacity:.53}}
@media(max-width:600px){#mastering.mastering-soundscape::before{background-image:linear-gradient(90deg,rgba(8,20,20,.82),rgba(8,20,20,.67)),url('../images/mastering-shape-percut.webp');background-position:center,67% center;opacity:.55}}

/* V8.4: linked AI project name in popup */
.ai-artist-modal #ai-artist-modal-title-link{color:inherit;text-decoration:none;transition:color .2s ease}.ai-artist-modal #ai-artist-modal-title-link:hover,.ai-artist-modal #ai-artist-modal-title-link:focus-visible{color:#9acfc3}.ai-artist-modal #ai-artist-modal-title-link span[aria-hidden]{display:inline-block;font-size:.7em;vertical-align:top;margin-left:.12em}