.releases{grid-template-columns:repeat(2,minmax(0,1fr));gap:50px 30px}.release{scroll-margin-top:32px}.stream-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px}.platform-label{font-size:14px;color:var(--muted);margin-top:22px}.stream-link{display:flex;align-items:center;gap:10px;border:1px solid var(--line);padding:12px;min-height:58px;font-size:14px;transition:border-color .2s,background .2s}.stream-link:hover{border-color:var(--acid);background:#201e12}.stream-link small{display:block;color:var(--muted);font-size:12px;margin-top:4px}.service-icon{width:26px;height:26px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.zvuk-icon{color:#47df8d}.apple-icon{color:#fc496c}.platforms a{display:inline-flex;align-items:center;gap:9px}.volume-control{display:flex;align-items:center;gap:7px;min-width:158px}.volume-control svg{width:22px;height:22px}.volume-control input{width:76px;min-width:50px}.volume-control output{font-size:12px;min-width:34px;color:var(--muted)}#mute{display:grid;place-items:center;width:32px;height:36px;padding:4px;color:var(--acid)}#mute.muted{color:var(--muted);opacity:.65}.player{gap:18px;flex-wrap:wrap}.player-track{min-width:220px}.player-progress{min-width:130px}.player-full{display:block!important;font-size:14px}.official-video{max-width:600px}.video-poster{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;background:#1b2118}.video-poster img{width:100%;height:100%;object-fit:cover}.video-poster .play-circle{background:#111a;font-size:18px}.official-video h3{font-size:25px;margin-top:20px}.official-video p{font-size:14px;line-height:1.7;color:var(--muted);margin:10px 0 20px}.social-cards>a{border-top:1px solid #6c6549;padding:28px 0}.social-cards>a:hover{color:var(--acid)}.network-name{display:flex;align-items:center;gap:12px}.network-name .service-icon{width:30px;height:30px}.social-handle{font-size:14px;color:var(--acid)}#player-status:not(:empty){flex-basis:100%;font-size:12px;line-height:1.5;color:var(--muted)}body.has-player{padding-bottom:170px}
@media(min-width:1100px){.releases{gap:60px 40px}.real-cover{aspect-ratio:1.2}}
@media(max-width:900px){.player-track{min-width:190px}.player-progress{display:flex;order:7;flex-basis:100%}.volume-control{min-width:148px}.volume-control input{width:60px}}
@media(max-width:600px){.releases{grid-template-columns:1fr;gap:44px}.stream-options{gap:8px}.stream-link{padding:12px 10px;font-size:14px}.real-cover{aspect-ratio:1.1}.player-track{flex-basis:calc(100% - 35px);min-width:0}.player-track div>span{max-width:none}.player-controls{order:2;margin:0}.volume-control{order:3;margin-left:auto;min-width:132px}.volume-control input{width:65px;min-width:45px}.player-full{order:4;flex-basis:100%;text-align:center;font-size:14px}.player-close{position:absolute;right:12px;top:12px}.player-progress{order:5}.player{padding:12px;gap:10px}body.has-player{padding-bottom:240px}.track-list small{font-size:12px;line-height:1.7}.extra-track small{font-size:12px}.official-video h3{font-size:22px}}
@media(prefers-reduced-motion:reduce){.stream-link{transition:none}}

.playback-icon{display:block;width:22px;height:22px;flex-shrink:0}.player-controls button{display:grid;place-items:center}.play-circle{padding:0}.play-circle .playback-icon{width:19px;height:19px}.video-stage{aspect-ratio:16/9;min-height:200px;position:relative;background:#080908}.video-stage .video-poster{width:100%;height:100%;border:0;padding:0;color:var(--paper);cursor:pointer}.video-stage .video-poster[hidden]{display:none}.video-stage #video-mount{width:100%;height:100%}.video-stage iframe{display:block;width:100%;height:100%;border:0}.video-fallback{margin-right:22px;margin-bottom:12px}

#tracks{scroll-margin-top:30px}.snippet-jump{color:var(--acid);text-decoration:underline;text-underline-offset:4px}.snippet-jump:hover{color:var(--paper)}
@media(max-width:600px){.music .section-top{display:block}.music .section-aside{display:block;margin-top:20px}}

.wordmark{display:inline-flex;align-items:center;gap:10px;line-height:1}.wordmark>.brand-mark{display:block;width:62px;height:56px}.player-art>.brand-mark{display:block;width:42px;height:38px}.about-number>.brand-mark{display:block;width:170px;height:153px}@media(max-width:600px){.wordmark>.brand-mark{width:48px;height:43px}.player-art>.brand-mark{width:32px;height:29px}}

/* Chosen logo 02 and centered mobile opening */
.header .nav-side{display:flex;gap:inherit}
@media(max-width:600px){
 .header{height:76px;padding:0 clamp(8px,2.5vw,14px);display:grid;grid-template-columns:repeat(5,minmax(0,1fr));column-gap:0;align-items:center}
 .header .wordmark{grid-column:3;grid-row:1;justify-self:center;gap:0}
 .header .wordmark>span{display:none}
 .header .wordmark>.brand-mark{width:clamp(40px,12vw,58px);height:auto}
 .header nav{display:contents}
 .header .nav-side{display:contents;font-size:clamp(10.5px,3vw,14px);line-height:1.3}
 .header .nav-left a:nth-child(1){grid-column:1}
 .header .nav-left a:nth-child(2){grid-column:2}
 .header .nav-right a:nth-child(1){grid-column:4}
 .header .nav-right a:nth-child(2){grid-column:5}
 .header .nav-side a{grid-row:1;display:flex;align-items:center;justify-content:center;justify-self:stretch;min-width:0;min-height:44px;white-space:nowrap;text-align:center}
 .fenix-hero{padding:30px 6% 20px;min-height:0;display:flex;flex-direction:column;align-items:center;text-align:center}
 .fenix-hero .hero-meta{width:100%;justify-content:center}
 .fenix-hero h1{width:100%;font-size:13.8vw;margin:34px 0 32px;text-align:center}
 .fenix-hero .hero-bottom{width:100%}
 .fenix-hero .hero-copy p{font-size:25px;margin-bottom:22px}
 .fenix-hero .primary{justify-content:center;gap:20px;max-width:100%}
 .fenix-hero .release-note{width:100%;max-width:330px;margin:30px auto 0;padding:18px 0 0;border-left:0;border-top:1px solid #9fa69480;text-align:center}
 .fenix-hero .release-note h2{margin:8px 0}
 .fenix-hero .hero-index{width:100%;justify-content:center;margin-top:30px;text-align:center}
}
@media(max-width:600px){.video-section{grid-template-columns:minmax(0,1fr)}.video-section>div{min-width:0}.video-section h2{font-size:clamp(2rem,10vw,43px)}}
@media(max-width:600px){.section h2{font-size:clamp(2rem,10vw,43px)}}
@media(max-width:600px){.video-stage{width:100%;min-height:0}}

@media(max-width:600px){.music.section{padding-top:44px}}

.slogan-slash{color:var(--acid)}

/* Optical spacing and matching name-line widths */
.hero-identity{display:flex;align-items:center;justify-content:space-between;gap:36px;margin:35px 0 40px}
.fenix-hero #hero-title{width:var(--name-width,4.7em);max-width:100%;margin:0;font-size:clamp(64px,10.4vw,164px);line-height:.87;letter-spacing:0;font-kerning:none;font-weight:800}
.artist-name-line{display:flex;justify-content:space-between;width:100%}
.artist-letter{display:block;position:relative;flex:0 0 auto;width:auto}
.artist-letter>span{display:block;white-space:nowrap}
.fenix-hero .hero-meta{justify-content:flex-end}
.hero-portrait{display:block;object-fit:contain;object-position:center bottom;width:36%;max-height:470px;align-self:flex-end}
@media(max-width:600px){
 .hero-identity{width:100%;flex-direction:column;gap:24px;margin:30px 0 32px}
 .fenix-hero #hero-title{font-size:17.5vw;margin:0;text-align:left}
 .hero-portrait{width:70%;max-height:320px;align-self:center}
 .fenix-hero .hero-meta{justify-content:center}
 footer span:nth-child(2){display:inline}
}

/* The portrait keeps its transparent silhouette alongside the artist name */
.hero-identity{min-height:440px;gap:32px}
.hero-identity #hero-title{flex:0 0 auto}
.hero-identity .hero-portrait{width:auto;height:440px;max-width:38%;max-height:none;align-self:center;object-fit:contain}
@media(max-width:900px) and (min-width:601px){
 .hero-identity{min-height:340px;gap:24px}
 .hero-identity .hero-portrait{height:340px}
 .fenix-hero #hero-title{font-size:9.3vw}
}
@media(max-width:600px){
 .hero-identity{min-height:0;flex-direction:row;justify-content:center;gap:16px;margin:22px 0 28px}
 .fenix-hero #hero-title{font-size:10.5vw}
 .hero-identity .hero-portrait{height:220px;max-width:40%;align-self:center}
}

/* Hero portrait integrated with the night palette */
#top{scroll-margin-top:0}
.hero-identity{justify-content:flex-start;min-height:640px;gap:clamp(26px,3vw,54px);margin:20px 0 28px}
.hero-identity .hero-portrait{height:clamp(640px,42vw,780px);max-width:46%;filter:saturate(.68)brightness(.87)contrast(1.04);-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 57%,rgba(0,0,0,.88) 70%,rgba(0,0,0,.4) 88%,transparent 100%);mask-image:linear-gradient(to bottom,#000 0%,#000 57%,rgba(0,0,0,.88) 70%,rgba(0,0,0,.4) 88%,transparent 100%);transform:translate3d(0,var(--portrait-offset,0px),0);transition:none}

.player{border-radius:22px;background:rgba(31,29,24,.52);border:1px solid rgba(252,233,86,.23);-webkit-backdrop-filter:blur(20px)saturate(125%);backdrop-filter:blur(20px)saturate(125%);box-shadow:0 12px 44px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,255,255,.09)}
@media(max-width:900px) and (min-width:601px){.hero-identity{min-height:500px;gap:16px}.hero-identity .hero-portrait{height:500px;max-width:48%}}
@media(max-width:600px){.hero-identity{min-height:0;justify-content:center;gap:10px;margin:16px 0 22px}.hero-identity .hero-portrait{height:260px;max-width:43%}.player{border-radius:18px}}
@media(prefers-reduced-motion:reduce){.hero-identity .hero-portrait{transform:none}}

@media(max-width:600px){.hero-identity .hero-portrait{display:none}.hero-identity{min-height:0;justify-content:center;margin:30px 0 32px}.fenix-hero #hero-title{font-size:17.5vw}}

/* Menu and social names share the bold Manrope of the artist title. */
.header nav,.header-listen{font-family:Manrope,Arial,sans-serif;font-weight:800;letter-spacing:-.035em;font-size:16px;text-transform:uppercase}
@media(min-width:1200px){.header nav,.header-listen{font-size:19px}}
@media(min-width:601px) and (max-width:800px){.header nav{gap:16px}}
@media(min-width:601px) and (max-width:700px){.header nav,.header-listen{font-size:14px}}
@media(min-width:601px) and (max-width:900px){.video-section{grid-template-columns:minmax(0,1fr) minmax(0,1.3fr)}.video-section>div{min-width:0}.video-stage{min-height:0}}
.network-name{display:block;font-family:Manrope,Arial,sans-serif;font-weight:800;font-size:clamp(32px,3.3vw,52px);line-height:1.05;letter-spacing:-.055em}

/* Mobile anchors align the section's first text, allowing a 24px inset. */
@media(max-width:600px){.section{scroll-margin-top:-42px}.music.section{scroll-margin-top:-20px}}
@media(min-width:601px){.section{scroll-margin-top:-76px}.video-section{align-items:start}}