/* Editorial refinement: layout and usability, preserving the original motion system. */
:root{--muted:#aab4c9;--line:rgba(190,207,239,.16)}
.wrap{width:min(1160px,calc(100% - 96px))}
section[id]{scroll-margin-top:100px}
::selection{background:#c7d9ff;color:#080b16}
a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid #b9d9ff;outline-offset:5px}
.skip-link{position:fixed;top:12px;left:12px;z-index:100;padding:12px 20px;background:#e4ecff;color:#090d19;transform:translateY(-180%);border-radius:8px}
.skip-link:focus{transform:none}
.btn{min-height:50px;font-size:10px;letter-spacing:.13em;padding-inline:25px}
.btn-sm{min-height:40px;font-size:9px;padding-inline:20px}
.site-nav{padding:20px 0;background:linear-gradient(#04050adb,transparent)}
.nav-brand{font-size:13px;letter-spacing:.19em;line-height:1.5}
.brand-caption{display:block;font-family:var(--f-body);font-size:7px;font-weight:400;letter-spacing:.34em;color:#8f9ab2;margin-top:5px}
.nav-links{gap:25px;font-size:9px;letter-spacing:.16em;align-items:center}
.nav-soon{display:flex;align-items:center;gap:5px;color:#8f98ac}
.nav-soon small{font-size:6px;letter-spacing:.06em;border:1px solid var(--line);border-radius:3px;padding:1px 3px}
.nav-language{font-size:9px;letter-spacing:.12em;color:#aab4c9}
.nav-toggle{width:44px;height:44px}
.cinematic-hero{min-height:820px;max-height:1020px;background:radial-gradient(ellipse at 50% 33%,#182039 0%,rgba(7,10,22,.75) 48%,rgba(4,5,10,.8) 80%)}
.portrait-reveal{top:82px;width:min(790px,76vw);height:calc(100% - 435px)}
.intro-content{bottom:103px}
.artist-title{font-size:clamp(64px,8.4vw,132px);letter-spacing:-.025em}
.intro-kicker{margin-bottom:15px}
.intro-actions{margin-top:27px}
.intro-actions .btn{min-height:50px;min-width:200px;letter-spacing:.12em}
.intro-benefit{font-size:11px;color:#a5b0c7;margin-top:18px}
.intro-side{top:38%;font-size:9px;letter-spacing:.15em}
.intro-side--left{left:6%}.intro-side--right{right:6%}
.intro-edition{top:130px}
.intro-footer{left:48px;right:48px;font-size:9px}
.section-index{display:flex;justify-content:space-between;gap:20px;padding-bottom:22px;margin-bottom:46px;border-bottom:1px solid var(--line);font-size:9px;letter-spacing:.2em;color:#aebbd2}
.section-index i{font-style:normal;margin-left:18px;color:#dfeaff}
.music{padding:85px 0 100px}
.music-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(45px,7vw,100px)}
.single-art{max-width:510px;width:calc(100% - 12px);margin:0 6px}
.art-frame{border-radius:8px}
.art-aura{inset:1px;border-radius:8px;opacity:.28}
.art-aura::after{inset:-15px;filter:blur(35px)}
.art-title{font-size:70px;left:30px;bottom:32px}
.art-badge{font-size:8px;right:25px;bottom:23px;letter-spacing:.16em}
.release-status{display:flex;align-items:center;gap:9px;font-size:9px;letter-spacing:.19em;color:#c4d3eb;margin:0 0 25px}
.release-status>span{width:5px;height:5px;border-radius:50%;background:#bdd8ff;box-shadow:0 0 10px #8babd9}
.single-title{font-size:clamp(60px,6.6vw,94px);font-weight:400;letter-spacing:0;margin-bottom:18px}
.release-subtitle{font-family:var(--f-display);font-size:20px;color:#e2e9f7;line-height:1.5;margin:0 0 16px}
.single-copy .section-lead{max-width:38ch;font-size:14px;color:#aab5cb}
.single-copy .actions{margin:27px 0}
.platform-caption{font-size:8px;letter-spacing:.17em;color:#8f9eb8;margin:0 0 12px}
.platforms{gap:20px}
.platforms li>span{display:grid;place-items:center;width:26px;height:30px;font-size:21px;color:#acbbd3}
.release-note{display:flex;gap:14px;align-items:center;border-top:1px solid var(--line);padding-top:22px;margin-top:26px;color:#a9b8cf}
.release-note>i{font-size:21px}
.release-note p{font-size:12px;line-height:1.9;margin:0}
.release-note a{color:#e1eafe;text-underline-offset:4px}.release-note a:hover{text-decoration:underline}
.email-band{padding:15px 0 70px}
.email-card{display:grid;grid-template-columns:1fr 1fr;gap:70px;text-align:left;max-width:none;padding:56px;border-radius:12px;background:linear-gradient(115deg,rgba(26,35,59,.8),rgba(8,12,24,.95));box-shadow:none}
.email-card.glass::before{background:linear-gradient(125deg,rgba(190,217,255,.5),rgba(140,169,212,.12) 55%,rgba(159,171,236,.3))}
.kicker{font-size:9px;letter-spacing:.22em;color:#a1b3d0}
.signup-copy .kicker{margin-bottom:27px}
.signup-copy .section-title{font-size:clamp(28px,3vw,43px);letter-spacing:0;line-height:1.3;text-transform:none;margin-bottom:19px}
.signup-copy em{font-style:normal;color:#bbd0f1}
.email-card .section-lead{margin:0;max-width:36ch;color:#b0bad0;font-size:13px}
.signup-intro{font-size:17px;font-weight:400;margin:0 0 8px;color:#e5ecf9}
.email-form{display:flex;flex-direction:column;gap:12px;margin-top:22px;max-width:none}
.field-label{font-size:11px;font-weight:400;color:#ced8eb}
.email-field{border-radius:6px;min-height:52px;padding-inline:16px}
.email-field input{font-size:16px;padding:13px 0}
.consent-field{display:flex;align-items:flex-start;gap:9px;color:#b3bed3;font-size:11px;line-height:1.6;cursor:pointer;margin:2px 0 4px}
.consent-field input{flex-shrink:0;width:16px;height:16px;margin:2px 0 0;accent-color:#bcd2f7}
.email-form .btn{border-radius:6px;justify-content:space-between;padding-inline:20px}
.email-form button:disabled{cursor:wait;opacity:.7}
.form-note{font-size:10px;line-height:1.8;color:#a2aec4}
.form-status{font-size:12px}
.text-button{padding:0;border:0;background:none;color:inherit;font:inherit;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.follow{padding:0 0 75px}
.follow>.wrap{border-bottom:1px solid var(--line);padding-bottom:45px}
.follow-heading{display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin-bottom:28px}
.follow-heading h2{font-family:var(--f-display);font-weight:400;font-size:20px;margin:0;letter-spacing:.025em}
.follow-heading p{font-size:11px;color:#9daac2;margin:0}
.social-row{gap:16px}
.social{gap:9px;font-size:8px;letter-spacing:.1em}
.social-ring{width:46px;height:46px;font-size:19px;box-shadow:inset 0 1px 0 rgba(220,235,255,.12),0 0 18px rgba(136,179,248,.12);background:linear-gradient(150deg,rgba(43,59,90,.65),rgba(8,13,26,.8));border-color:rgba(189,215,255,.35);color:#d7e5fa}
/* Restore the soft pulsing rings on the existing span.social-ring elements. */
#social-row .social-ring::after{border-color:rgba(188,215,255,.75);animation:socialRingPulse 4s ease-out infinite;animation-delay:calc(var(--si,0)*-.45s)}
@keyframes socialRingPulse{0%,100%{opacity:0;transform:scale(1)}15%{opacity:.65;transform:scale(1.02)}70%{opacity:0;transform:scale(1.5)}}
#social-row.pulses-paused .social-ring::after{animation-play-state:paused}
.follow-tools{display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.social-motion-toggle{font-size:10px;color:#bacbe5;min-height:32px}
@media(prefers-reduced-motion:reduce){#social-row .social-ring::after{animation:none;opacity:0}.social-motion-toggle{display:none}}
/* Unconfigured social destinations are informational, not fake links. */
span.social:hover .social-ring,span.social:hover .social-ring i{transform:none;box-shadow:none;filter:none;border-color:var(--line)}
.community{padding:5px 0 95px;border:0}
.community-grid{grid-template-columns:minmax(0,.85fr) minmax(0,1.3fr);gap:70px}
.community-intro .kicker{margin-bottom:25px}
.community-intro .section-title{font-size:clamp(30px,3.2vw,45px);letter-spacing:0;line-height:1.2;text-transform:none;margin-bottom:24px}
.community-intro .section-lead{font-size:15px;color:#d5deee;max-width:30ch}
.community-description{font-size:13px;color:#a6b2c9;line-height:1.9;margin:18px 0 27px;max-width:35ch}
.perks{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.perk{position:relative;border:1px solid var(--line);border-radius:8px;background:linear-gradient(140deg,rgba(139,168,227,.05),rgba(8,12,23,.45));padding:29px 12px 24px;gap:15px;min-height:166px}
.perk-number{position:absolute;top:10px;left:12px;color:#8390a9;font-size:8px;letter-spacing:.1em}
.perk-icon{width:43px;height:43px;font-size:19px;border:0;background:none;box-shadow:none;color:#cbdcf7}
.perk b{font-size:11px;letter-spacing:0;color:#c4d0e5}
.final{min-height:490px;padding:90px 0}
.final-grid{grid-template-columns:1fr}
.final-center>.kicker{margin-bottom:30px}
.final-title{font-size:clamp(27px,3.8vw,52px);letter-spacing:0;text-transform:none;line-height:1.3}
.final-line--2{color:#b8cdef}
.final-sub{font-size:13px;color:#acbbd4}
.final-rule{width:120px;margin-block:24px}
.site-footer{padding:26px 0;font-size:8px;letter-spacing:.12em;color:#a1adc3}
.footer-links{flex-wrap:wrap;justify-content:center}
.footer-links .text-button{letter-spacing:inherit;text-transform:inherit;text-decoration:none}
.footer-top{display:flex;gap:14px;align-items:center}.footer-top span{font-size:18px}
#privacy-dialog{width:min(520px,calc(100% - 32px));max-height:85svh;overflow:auto;padding:38px;border:1px solid #3b4a66;border-radius:12px;background:#0d1322;color:#becae0;box-shadow:0 30px 120px #0008}
#privacy-dialog::backdrop{background:#01040bd9;backdrop-filter:blur(8px)}
#privacy-dialog h2{font:400 27px var(--f-display);color:#edf3ff;margin:15px 0 22px}
#privacy-dialog p{font-size:13px;line-height:1.8}
#privacy-dialog .kicker{font-size:9px}
.dialog-close{position:absolute;right:12px;top:8px;width:44px;height:44px;background:none;border:0;font-size:28px;cursor:pointer}
.dialog-done{margin-top:12px}
@media(max-width:1100px){
 .wrap{width:calc(100% - 64px)}.nav-links{gap:18px}.nav-language{display:none}
 .music-grid{grid-template-columns:1fr 1fr;gap:50px}.community-grid{gap:35px}.email-card{padding:40px;gap:40px}
}
@media(max-width:900px){
 .nav-links{align-items:stretch;visibility:hidden;inset:76px 0 auto;padding:16px 32px 25px}
 .nav-links.is-open{visibility:visible}.nav-soon{padding:14px 0;font-size:12px}
 .nav-actions .btn{display:inline-flex}.nav-language{display:none}
 .intro-side{display:none}.portrait-reveal{width:84vw}.artist-title{font-size:8.7vw}
 .music-grid{gap:32px}.single-copy{text-align:left}.single-copy .section-lead{margin:0}.single-copy .actions,.platforms{justify-content:flex-start}
 .release-status{font-size:8px}.single-title{font-size:65px}.art-title{font-size:58px}
 .email-card{gap:30px;padding:32px}.signup-copy .section-title{font-size:32px}
 .social-row{grid-template-columns:repeat(8,minmax(0,1fr));gap:8px}.social{font-size:7px;letter-spacing:0}
 .community-grid{grid-template-columns:1fr;gap:32px}.community-intro .section-lead,.community-description{max-width:55ch}
 .perks{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:600px){
 .wrap{width:calc(100% - 40px)}.site-nav{padding:15px 0}.nav-row{gap:12px}.nav-brand{font-size:11px}.brand-caption{font-size:6px}
 .nav-actions .btn{display:none}.nav-links{padding-inline:24px}
 .cinematic-hero{height:100svh;min-height:790px;max-height:960px}
 .portrait-reveal{top:87px;width:calc(100% - 20px);height:calc(100% - 442px)}
 .intro-content{bottom:91px;padding-inline:20px}.intro-kicker{font-size:8px;margin-bottom:16px}
 .artist-title{font-size:clamp(46px,15.6vw,86px);line-height:.96;letter-spacing:.015em}
 .intro-actions{margin-top:24px;gap:9px}.intro-actions .btn{min-width:0;min-height:48px;padding-inline:14px;font-size:8px;letter-spacing:.055em}
 .intro-benefit{font-size:10px;max-width:280px;line-height:1.7;margin-top:15px}
 .intro-footer{left:20px;right:20px;font-size:8px}.intro-edition{display:none}
 .music{padding:48px 0 56px}.section-index{font-size:8px;margin-bottom:30px;padding-bottom:18px;letter-spacing:.13em}
 .section-index>span:last-child{font-size:7px;letter-spacing:.06em}.section-index i{margin-left:5px}
 .music-grid{grid-template-columns:1fr;gap:34px}.single-art{max-width:420px;margin-inline:auto;width:calc(100% - 8px)}
 .single-copy{padding-inline:4px}.release-status{margin-bottom:18px;font-size:9px}.single-title{font-size:68px}.release-subtitle{font-size:19px}
 .single-copy .section-lead{max-width:40ch}.single-copy .actions{margin-block:24px}.release-note{margin-top:23px}
 .art-title{font-size:65px;bottom:27px}.art-badge{font-size:7px}
 .email-band{padding:10px 0 46px}.email-card{grid-template-columns:1fr;padding:29px 24px;gap:30px}.signup-copy .kicker{margin-bottom:20px}
 .signup-copy .section-title{font-size:34px;margin-bottom:14px}.signup-copy .section-title br:nth-of-type(2){display:none}
 .signup-copy .section-title em::before{content:' '}.signup-fields{border-top:1px solid var(--line);padding-top:25px}.signup-intro{font-size:16px}
 .form-note{font-size:10px}.consent-field{font-size:11px}.email-card .section-lead{max-width:none}
 .follow{padding-bottom:48px}.follow-heading{display:block;margin-bottom:25px}.follow-heading h2{font-size:22px}.follow-heading p{margin-top:8px}
 .social-row{grid-template-columns:repeat(4,1fr);gap:24px 10px}.social{font-size:8px;letter-spacing:.04em}.social-ring{width:44px;height:44px}
 .follow>.wrap{padding-bottom:38px}
 .community{padding-bottom:58px}.community-grid{gap:30px}.community-intro .kicker{font-size:8px;margin-bottom:20px}.community-intro .section-title{font-size:36px}
 .perks{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.perk{min-height:155px;padding:24px 10px 20px}
 .final{min-height:440px;padding:66px 0}.final-title{font-size:clamp(25px,7.4vw,36px)}.final-center>.kicker{font-size:8px;letter-spacing:.15em}
 .site-footer{padding:27px 0}.footer-row{flex-direction:column;gap:20px}.footer-links{gap:25px;font-size:9px}
 #privacy-dialog{padding:32px 24px}
}
@media(prefers-reduced-motion:reduce){.skip-link{transition:none}}