/* Flow-based hero keeps the particle word clear at every viewport size. */
.hero{height:auto;min-height:0;max-height:none;padding:150px 0 24px;overflow:hidden}
.hero-copy{padding-top:0;width:min(760px,calc(100% - 48px))}
.hero h1{font-size:80px}
.hero-actions{flex-wrap:wrap;gap:12px}
.hero-actions .store-link{min-width:180px;background:rgba(107,82,228,.24);border:1px solid rgba(182,168,255,.32);color:#fff}
.store-link:hover{background:#6b52e4}
.word-stage{position:relative;width:min(860px,80%);height:210px;margin:32px auto 12px;pointer-events:none}
.hero-bottom{position:relative;inset:auto;margin:0 32px;padding-top:16px;gap:20px;flex-wrap:wrap}
.hero-orbit .float{top:auto;bottom:auto;max-width:15%;display:block}
.hero-orbit .cover-one{left:4%;right:auto;top:160px;width:130px}
.hero-orbit .hero-post{left:1%;right:auto;top:325px;width:210px}
.hero-orbit .cover-three{left:7%;right:auto;top:480px;width:85px}
.hero-orbit .cover-two{right:5%;left:auto;top:155px;width:100px}
.hero-orbit .cover-five{right:2%;left:auto;top:320px;width:125px}
.hero-orbit .cover-four{right:7%;left:auto;top:485px;width:80px}
.sound-pill{left:4%;top:590px;bottom:auto}
.swatches{gap:4px}.swatch{width:36px;height:36px;border:9px solid var(--bg)}
.swatch:after{inset:-9px}.palette-control{gap:10px}
.download-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin-top:28px}
.download-actions .btn{min-width:170px}
@media(max-width:1100px){.hero h1{font-size:64px}.hero-copy{width:min(620px,68%)}.hero-orbit .float{max-width:12%}.sound-pill{display:none}.hero-signature{display:none}.hero-bottom{justify-content:center}.word-stage{height:180px}}
@media(max-width:600px){
 .hero{padding:185px 0 20px;height:auto;min-height:0;max-height:none}
 .hero-copy{width:calc(100% - 36px);padding:0}
 .hero-kicker{font-size:9px;margin-bottom:20px}
 .hero h1{font-size:42px;line-height:1.12}
 .hero-lead{font-size:13px;line-height:1.75;margin:20px auto 24px;max-width:330px}
 .hero-actions{flex-direction:row;gap:10px}
 .hero-actions .store-link{font-size:11px;min-width:0;flex:1;max-width:180px;min-height:50px;padding:12px 14px;gap:12px}
 .word-stage{width:94%;height:130px;margin:24px auto 8px}
 .hero-bottom{margin:0 20px;gap:8px;padding-top:12px;justify-content:center}
 .palette-control{gap:8px}.palette-control>span{display:block;font-size:9px}
 .scroll-cue{display:none}
 .hero-orbit .float{max-width:none}
 .hero-orbit .cover-one{width:54px;left:7%;top:100px}
 .hero-orbit .hero-post{width:68px;left:25%;top:117px}
 .hero-orbit .cover-three{width:32px;left:3%;top:155px}
 .hero-orbit .cover-two{width:45px;right:7%;top:100px}
 .hero-orbit .cover-five{width:40px;right:26%;top:120px}
 .hero-orbit .cover-four{width:28px;right:3%;top:157px}
 .download-actions{width:100%;gap:10px}.download-actions .btn{min-width:0;flex:1;font-size:12px;padding:14px 12px;gap:10px}
 .nav{padding:0 10px}.nav-inner{gap:10px;padding:10px}.nav .btn{padding:10px 13px;gap:9px}
}
@media(max-width:360px){.hero h1{font-size:36px}.hero-lead{font-size:12px}.hero-actions .store-link{font-size:10px}.brand{font-size:18px}.word-stage{height:115px}}
@media(min-width:601px) and (max-width:1100px){.hero-orbit .cover-three,.hero-orbit .cover-four{top:425px;width:65px}.hero-orbit .hero-post{left:0;width:110px}.hero-orbit .cover-five{right:1%;width:80px}}
.hero{padding-top:125px}
.hero-copy{width:min(1000px,72%)}
.hero h1{font-size:92px;line-height:1.06}
.hero h1>span,.hero h1>em{display:block;white-space:nowrap}
.word-stage{margin-top:24px}
@media(max-width:1400px){.hero h1{font-size:76px}}
@media(max-width:1100px){.hero h1{font-size:58px}.hero-copy{width:76%}.hero-orbit .cover-three,.hero-orbit .cover-four{top:390px}}
@media(max-width:800px){.hero h1{font-size:48px}}
@media(max-width:600px){.hero{padding-top:185px}.hero-copy{width:calc(100% - 36px)}.hero h1{font-size:38px}.hero-orbit .cover-three{top:155px}.hero-orbit .cover-four{top:157px}}
@media(max-width:390px){.hero h1{font-size:34px}}
@media(max-width:360px){.hero h1{font-size:29px}}
@media(min-width:601px) and (max-width:1100px){.hero-orbit .cover-three,.hero-orbit .cover-four{top:350px}}
/* Extra viewport height belongs above the content, never below the hero footer. */
.hero{display:flex;flex-direction:column;min-height:100svh;min-height:100dvh}
.hero::before{content:'';flex:1 0 0px;pointer-events:none}
.hero-copy,.word-stage,.hero-bottom{flex-shrink:0}
.hero-bottom{margin-top:0}
.hero-orbit .cover-four{left:4%;right:auto;top:485px}
.sound-pill{left:auto;right:5%;top:485px;bottom:auto}
@media(min-width:601px) and (max-width:1100px){.hero-orbit .cover-four{left:4%;top:350px}}
@media(max-width:600px){.hero-orbit .cover-four{left:3%;right:auto;top:150px}}
.intro-symbol.brand-sticker{width:106px;height:106px;flex:0 0 auto;display:grid;place-items:center;background:#6B52E4;border:4px solid #f8f7fc;border-radius:50%;transform:rotate(-12deg);box-shadow:3px 5px 0 #b9aaff,0 12px 24px #0005}
.brand-sticker img{width:70px;height:70px;object-fit:contain}
.tape .tape-symbol{display:block;width:26px;height:26px;flex:0 0 26px;object-fit:contain}
.tape.secondary .tape-symbol{filter:brightness(0)}
@media(max-width:600px){.intro-symbol.brand-sticker{width:72px;height:72px;border-width:3px}.brand-sticker img{width:46px;height:46px}.tape .tape-symbol{width:20px;height:20px;flex-basis:20px}}
.arrow-icon{width:18px;height:18px;display:inline-block;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle}
.btn .arrow-icon{width:17px;height:17px}
.text-link .arrow-icon{width:15px;height:15px;transition:transform 180ms var(--ease)}
.arrow-icon.arrow-down{width:14px;height:14px}
.arrow-icon.arrow-up{width:16px;height:16px}
.tape-track{animation-name:tape-marquee}
.tape span{gap:0;padding-right:30px}
.tape .tape-label{padding:0 16px;font-size:inherit;font-weight:600;white-space:nowrap}
.tape .tape-symbol{margin:0 14px}
.mobile-menu{opacity:0;visibility:hidden;transform:translateY(-12px);transition:opacity 240ms var(--ease),transform 300ms var(--ease),visibility 0s linear 300ms;will-change:opacity,transform}
.mobile-menu.is-open{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto;transition:opacity 240ms var(--ease),transform 300ms var(--ease),visibility 0s}
.menu-toggle span{transition:transform 240ms var(--ease),opacity 160ms ease}
.menu-toggle[aria-expanded="true"] span:first-child{transform:translateY(3.5px) rotate(45deg)}
.menu-toggle[aria-expanded="true"] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}
.menu-toggle[aria-expanded="false"] span:first-child{transform:translateY(-3.5px) rotate(0)}
.menu-toggle[aria-expanded="false"] span:last-child{transform:translateY(3.5px) rotate(0)}
.menu-toggle[aria-expanded="false"] span{transform-origin:center}
@media(max-width:600px){
 .hero{display:flex;flex-direction:column;justify-content:space-between;text-align:center;padding:94px 20px calc(16px + env(safe-area-inset-bottom));min-height:100svh;min-height:100dvh;height:auto}
 .hero::before{display:none}
 .hero-copy{display:contents}
 .hero-kicker{display:flex;align-items:center;justify-content:center;gap:9px;width:max-content;max-width:100%;margin:0 auto;padding:7px 12px;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:rgba(255,255,255,.045);color:rgba(245,243,250,.78);font-size:11px;font-weight:500;line-height:1.25}
 .availability-dot{width:7px;height:7px;flex:none;border-radius:50%;background:var(--signal);box-shadow:0 0 12px color-mix(in srgb,var(--signal),transparent 28%);animation:availability-pulse 1.8s ease-in-out infinite}
 .hero h1{width:100%;font-size:clamp(35px,10.5vw,43px);line-height:1.08;text-wrap:balance}
 .hero h1 em{color:var(--signal);transition:color 350ms ease}
 .hero-lead{max-width:340px;margin:0 auto;color:rgba(245,243,250,.68)}
 .hero-actions{justify-content:center;flex-direction:row;gap:0}
 .hero-actions .btn{width:min(100%,300px);max-width:300px;min-height:52px;font-size:13px;box-shadow:0 0 30px color-mix(in srgb,var(--signal),transparent 80%);transition:box-shadow 350ms ease,transform 180ms var(--ease),background 180ms}
 .hero-actions .text-link{display:none}
 .hero-orbit,.sound-pill{display:none!important}
 .hero-bottom{margin:0;padding:0}
 .word-stage{width:100%;flex:0 1 220px;min-height:120px;margin:0 auto}
 .hero-kicker,.hero h1,.hero-lead,.hero-actions,.word-stage{position:relative;top:42px}
 .palette-control>span{white-space:nowrap;flex:none}
 .tape span{font-size:16px}
 .tape .tape-label{padding:0 10px}
 .tape .tape-symbol{width:18px;height:18px;flex-basis:18px;margin:0 10px}
 .tape span{padding-right:20px}
}
@media(max-width:360px){.hero h1{font-size:clamp(34px,10vw,36px);}.hero-copy{width:100%}}
@media(max-height:740px) and (max-width:600px){.hero{padding-top:78px}.word-stage{flex-basis:140px;min-height:120px}.hero-kicker,.hero h1,.hero-lead,.hero-actions,.word-stage{top:18px}}
@keyframes availability-pulse{0%,100%{opacity:.72;transform:scale(.9)}50%{opacity:1;transform:scale(1.12)}}
@keyframes tape-marquee{to{transform:translateX(-25%)}}
@media(prefers-reduced-motion:reduce){.mobile-menu,.menu-toggle span{transition:none!important}}
.community-orbit{padding:14px 0;overflow:visible}
.community-row{padding:8px 0;overflow:visible}
.community-row img{position:relative;z-index:0}
.community-row img:hover{z-index:2}
.artist-cta .arrow{color:#fff;font-size:23px;transition:transform 180ms var(--ease)}
.artist-cta:hover .arrow{transform:translateY(3px)}
.revenue-ring{transform:rotate(-15deg) scale(.86);opacity:.35;transition:transform 1100ms cubic-bezier(.2,.75,.25,1),opacity 700ms ease}
.revenue-art.seen .revenue-ring{transform:rotate(0) scale(1);opacity:1}
.revenue-center .counter{font-variant-numeric:tabular-nums}
.revenue-center [data-reveal-text]{opacity:0;transform:translateY(8px);transition:opacity 500ms ease,transform 500ms ease}
.revenue-art.seen .revenue-center [data-reveal-text]{opacity:1;transform:none}
.revenue-art.seen .revenue-center p{transition-delay:450ms}
.revenue-art.seen .revenue-center small{transition-delay:650ms}
@media(prefers-reduced-motion:reduce){.revenue-ring,.revenue-center [data-reveal-text]{transition:none!important;transform:none!important}.revenue-center [data-reveal-text]{opacity:1!important}}
.premium-list .premium-icon{width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 20px;color:var(--lilac)}
.premium-icon svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
/* Premium: centered editorial layout with a collectible profile gallery. */
.premium{position:relative;isolation:isolate;overflow:hidden;padding:96px 0 72px;background:linear-gradient(180deg,#09090b 0%,#100d19 58%,#09090b 100%)}
.premium-grid{display:flex;flex-direction:column;gap:0}
.premium-copy{display:contents}
.premium-copy .eyebrow{order:0;color:#c9baff;text-align:center}
.premium-copy .eyebrow .index{display:none}
.premium h2{order:1;text-align:center;font-size:60px;line-height:1.12;font-weight:600;max-width:720px;margin:22px 0;color:#f8f7fc}
.premium h2 br{display:block}
.premium-copy>p:not(.eyebrow){order:2;text-align:center;font-size:14px;line-height:1.8;max-width:500px;color:#aaa5b7;margin:0}
.premium-art{order:3;width:100%;min-height:0;display:block;margin:50px 0 42px;perspective:1000px}
.vinyl-gallery{position:relative;width:min(100%,900px);aspect-ratio:2.6;margin:auto;perspective:1200px}
.vinyl-card{position:absolute;width:24%;top:12%;margin:0;border:1px solid #ffffff24;border-radius:8px;overflow:hidden;box-shadow:0 22px 42px #0006;transform:translateY(var(--lift)) rotate(var(--angle));transition:transform 550ms cubic-bezier(.2,.75,.25,1),box-shadow 550ms;transform-origin:50% 90%}
.vinyl-card img{width:100%;height:auto;display:block}
.vinyl-card-1{left:0;--angle:-10deg;--lift:24px;z-index:1}
.vinyl-card-2{left:19%;--angle:-5deg;--lift:7px;z-index:2}
.vinyl-card-3{left:76%;--angle:10deg;--lift:24px;z-index:1}
.vinyl-card-4{left:57%;--angle:5deg;--lift:7px;z-index:2}
.vinyl-card-5{left:38%;--angle:0deg;--lift:-10px;z-index:3}
.vinyl-caption{position:relative;text-align:center;margin:18px 0 0;color:#92899f;font-size:11px}
.premium-list{order:4;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px;width:min(100%,1000px);margin:0}
.premium-list li{display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px;padding:24px 12px 0;border-top:1px solid #ffffff1c;font-size:12px;line-height:1.6;color:#d7d2e2}
.premium-list .premium-icon{color:#b9aaff;width:24px;height:24px}
.premium-icon svg{width:22px;height:22px}
@media(hover:hover) and (pointer:fine){.vinyl-card:hover{transform:translateY(calc(var(--lift) - 14px)) rotate(0deg);z-index:4;box-shadow:0 30px 50px #0008,0 0 0 1px #b9aaff45}}
@media(max-width:900px){.premium{padding:76px 0 56px}.premium h2{font-size:48px}.premium-list{gap:18px}.vinyl-gallery{width:92%;aspect-ratio:2.3}}
@media(max-width:600px){.premium{padding:58px 0 42px}.premium h2{font-size:38px;max-width:330px;margin:18px 0}.premium h2 br{display:block}.premium-copy>p:not(.eyebrow){font-size:12px;max-width:310px}.premium-art{margin:30px 0 30px}.vinyl-gallery{width:92%;aspect-ratio:1.45}.vinyl-card{width:38%;top:13%}.vinyl-card-1{left:0;--lift:20px;--angle:-12deg}.vinyl-card-2{left:15.5%;--lift:7px;--angle:-6deg}.vinyl-card-3{left:62%;--lift:20px;--angle:12deg}.vinyl-card-4{left:46.5%;--lift:7px;--angle:6deg}.vinyl-card-5{left:31%;--lift:-6px}.vinyl-caption{font-size:10px;margin:10px 0 0}.premium-list{grid-template-columns:1fr;gap:0;width:100%}.premium-list li{flex-direction:row;align-items:center;text-align:left;gap:16px;padding:17px 0;font-size:12px}.premium-list .premium-icon{flex:0 0 22px}}
@media(prefers-reduced-motion:reduce){.vinyl-card{transition:none}}
.questions details{border:1px solid #ffffff10;border-radius:8px;margin-bottom:10px;background:#ffffff02;transition:background 260ms ease,border-color 260ms ease}
.questions details[data-expanded="true"],.questions details[open]:not([data-expanded="false"]){background:#242426;border-color:#ffffff24}
.questions summary{padding:22px 20px}.questions details p{padding:0 60px 24px 20px}
.questions details summary:after,.questions details[open] summary:after,.questions details[data-expanded] summary:after{content:'';display:block;flex:0 0 24px;width:24px;height:24px;background:linear-gradient(currentColor,currentColor) center/14px 2px no-repeat,linear-gradient(currentColor,currentColor) center/2px 14px no-repeat;transform:rotate(0deg);transition:transform 260ms cubic-bezier(.22,.75,.25,1),color 260ms ease}
.questions details[data-expanded="true"] summary:after,.questions details[open]:not([data-expanded="false"]) summary:after{transform:rotate(45deg);color:#fff}
.footer-hover-text{display:inline-block;white-space:nowrap}.footer-hover-text>span{display:inline-block}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.chromatic-target:hover .footer-hover-text>span,.store-link:hover .footer-hover-text>span{animation:footer-chromatic 620ms ease both;animation-delay:var(--char-delay)}}
.join .store-link{--chromatic-rest:#201738}.join .store-link:nth-child(2){--chromatic-rest:#fff}
.music-intro{--chromatic-rest:var(--lilac);--chromatic-blur:.055em}
@media(prefers-reduced-motion:no-preference){.music-intro .footer-hover-text>span{animation:footer-chromatic 850ms ease both;animation-delay:calc(1050ms + var(--char-delay))}}
@keyframes footer-chromatic{0%{transform:translateY(0);filter:blur(0);color:inherit}32%{transform:translateY(-2px);filter:blur(var(--chromatic-blur,2px));color:#ff9bd3}65%{transform:translateY(1px);filter:blur(.6px);color:#bba4ff}100%{transform:translateY(0);filter:blur(0);color:var(--chromatic-rest,#eee8ff)}}
@media(max-width:600px){.questions summary{padding:18px 14px}.questions details p{padding:0 40px 20px 14px}}
@media(prefers-reduced-motion:reduce){.questions details,.questions details summary:after{transition:none}}
.questions{background:#141416;border-top:1px solid #ffffff08;border-bottom:1px solid #ffffff08}
.questions summary:focus-visible{outline:2px solid var(--lilac);outline-offset:5px;border-radius:3px}
.questions details{overflow:hidden}
/* A continuous download and brand closing, with clear store destinations. */
.join{padding:42px 24px 68px;background:linear-gradient(180deg,#6b52e4,#6048d3);border:0}
.join-community{position:relative;width:min(100%,640px);height:230px;margin:0 auto 32px}
.join-person{position:absolute;object-fit:contain;border-radius:50%;box-shadow:0 10px 24px #21145420;animation:join-float 6s ease-in-out infinite alternate}
.person-1{width:84px;left:2%;top:20px;--tilt:-12deg}.person-2{width:112px;left:19%;top:77px;--tilt:8deg;animation-delay:-2s}.person-3{width:146px;left:calc(50% - 73px);top:4px;--tilt:-3deg;animation-delay:-4s}.person-4{width:112px;right:18%;top:105px;--tilt:-9deg;animation-delay:-1s}.person-5{width:86px;right:1%;top:29px;--tilt:12deg;animation-delay:-3s}
.join-content{max-width:900px}.join h2{font-size:64px;font-weight:600;line-height:1.13;margin:22px 0}.join h2 em{font-style:normal;color:#ddd4ff}.join-description{font-size:15px;line-height:1.8;max-width:460px;color:#eee9ff}
.join .download-actions{display:flex;justify-content:center;gap:14px;margin-top:30px;flex-wrap:wrap}
.join .store-link{display:flex;align-items:center;justify-content:space-between;gap:32px;min-width:215px;min-height:72px;padding:14px 24px;background:#faf9ff;color:#201738;border:1px solid #fff7;border-radius:12px;box-shadow:0 6px 20px #21145415;transition:transform 200ms ease,box-shadow 200ms ease}
.join .store-link:nth-child(2){background:#302260;color:#fff;border-color:#ffffff30}.store-label{text-align:left;font-size:18px;line-height:1.35;font-weight:600}.store-label small{display:block;font-size:10px;font-weight:400;margin-bottom:3px;opacity:.8}
.join .store-link:hover{transform:translateY(-3px);box-shadow:0 12px 26px #21145430}.join .store-link:focus-visible{outline:3px solid white;outline-offset:5px}.join-slogan{margin-top:40px;font-size:10px;color:#e3daff}
.footer{background:#121016;color:white;padding:40px 0}.footer-top{border:0;padding-top:0;gap:32px}.footer .brand img{background:#6b52e4;border-radius:50%}.footer-links{color:#c9c3d6;line-height:1.8}.footer-links a{display:inline-flex;align-items:center;gap:8px}.footer-links img{width:17px;height:17px;flex-shrink:0}.footer .copyright{color:#938c9f}.footer-to-top{display:none}
.join .store-link{gap:16px}.join .store-icon{width:28px;height:30px;object-fit:contain;flex-shrink:0}.join .store-label{flex:1}.join-community{max-width:480px;height:190px}.join-community .person-2{left:5%;top:60px;width:92px}.join-community .person-3{left:calc(50% - 64px);width:128px;top:12px;box-shadow:0 12px 35px #30226025;border:1px solid #ffffff30}.join-community .person-5{right:5%;top:60px;width:92px}
@media(max-width:600px){.join-community{height:150px;max-width:310px}.join-community .person-2,.join-community .person-5{width:65px;top:55px}.join-community .person-3{width:94px;left:calc(50% - 47px);top:10px}.footer{padding:30px 0 24px}.footer .footer-top{padding-top:0}.footer-to-top{display:flex;align-items:center;justify-content:center;gap:10px;width:max-content;margin:28px auto 0;padding:12px 18px;border:1px solid #ffffff24;border-radius:30px;color:#d6cfea;font-size:12px;min-height:44px}}
@keyframes join-float{from{transform:translateY(0) rotate(var(--tilt))}to{transform:translateY(-9px) rotate(0deg)}}
@media(max-width:900px){.join h2{font-size:50px}.footer-word{font-size:128px}.footer-links{max-width:400px}}
@media(max-width:600px){.join{padding:30px 20px 44px}.join-community{height:160px;margin-bottom:22px;max-width:360px}.person-1{width:47px;top:20px;left:0}.person-2{width:65px;left:14%;top:81px}.person-3{width:92px;left:calc(50% - 46px);top:4px}.person-4{width:65px;right:13%;top:89px}.person-5{width:49px;right:0;top:25px}.join h2{font-size:38px;margin:18px 0}.join-description{font-size:13px;max-width:310px}.join .eyebrow{font-size:8px}.join .download-actions{gap:10px;margin-top:26px;flex-direction:column;align-items:center}.join .store-link{width:min(100%,310px);min-height:66px;padding:13px 22px}.store-label{font-size:17px}.join-slogan{margin-top:30px;font-size:8px}.footer-top{padding-top:25px}.footer-links{display:grid;grid-template-columns:1fr 1fr;gap:15px 20px;text-align:left;font-size:11px;margin-top:26px}.footer .copyright{font-size:9px;line-height:1.8}.footer-word{font-size:72px;margin:30px 0 24px}.footer-bottom{font-size:8px;gap:16px;line-height:1.6}}
@media(max-width:360px){.join h2{font-size:33px}.footer-word{font-size:62px}}
@media(prefers-reduced-motion:reduce){.join-person{animation:none}.join .store-link{transition:none}}