/* Stella Polare — stili del sito (caricati dal mu-plugin stella-polare-site.php) */
:root{--ink:#05060a;--ink2:#0b0c12;--ivory:#f4f1e8;--stone:#d6d3ca;--line:rgba(244,241,232,.12);--sp-accent:#fff;
  --f-title:'Russo One',system-ui,sans-serif;--f-body:'Oxygen',system-ui,sans-serif;--gutter:clamp(16px,5vw,64px)}
body.sp-site{background:var(--ink);color:var(--ivory);font-family:var(--f-body);font-weight:300;-webkit-font-smoothing:antialiased;overflow-x:hidden}
body.sp-site ::selection{background:var(--ivory);color:var(--ink)}
.sp-site a{color:inherit}
.sp-site h1,.sp-site h2,.sp-site h3{font-family:var(--f-title);font-weight:700;letter-spacing:-.02em;color:var(--ivory)}

/* ---------- HEADER ---------- */
#brx-header{position:static!important;z-index:auto!important;background:none!important}
.sp-header{position:fixed!important;inset:0 0 auto 0;z-index:60;width:100%;--nav:#f4f1e8;transition:color .4s}
/* header scuro mentre l'hero bianco è visibile (classe messa da sp-hero.js) */
body.sp-nav-dark .sp-header:not(.is-open){--nav:#0a0a0a}
.sp-bar{display:flex!important;flex-direction:row!important;align-items:center;justify-content:space-between;height:72px;padding:0 clamp(16px,4vw,48px);
  color:var(--nav);width:100%}
.sp-brand{display:block;width:92px;line-height:0}
.sp-brand img{width:100%;height:auto;filter:invert(1);transition:filter .4s}
body.sp-nav-dark .sp-header:not(.is-open) .sp-brand img{filter:none}
.sp-menu{display:flex!important;flex-direction:row!important;gap:clamp(20px,3vw,44px);align-items:center;width:auto!important}
.sp-menu .brxe-text-link,.sp-albtn{font:500 11px/1 var(--f-body);letter-spacing:.3em;text-transform:uppercase;color:var(--nav);text-decoration:none;opacity:.8;cursor:pointer;padding:10px 0;transition:opacity .25s;display:inline-flex;align-items:center;gap:8px}
.sp-menu .brxe-text-link:hover,.sp-albtn:hover,.sp-header.is-open .sp-albtn{opacity:1}
.sp-albtn::after{content:"";width:6px;height:6px;border-right:1px solid currentColor;border-bottom:1px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform .35s}
.sp-header.is-open .sp-albtn::after{transform:translateY(1px) rotate(-135deg)}
.sp-burger{display:none!important;width:28px;height:18px;position:relative;cursor:pointer}
.sp-burger .brxe-div{position:absolute;left:0;right:0;height:1px;background:var(--nav);transition:transform .35s,top .35s,opacity .2s,background .4s}
.sp-burger .brxe-div:nth-child(1){top:2px}.sp-burger .brxe-div:nth-child(2){top:9px}.sp-burger .brxe-div:nth-child(3){top:16px}
.sp-header.is-open .sp-burger .brxe-div:nth-child(1){top:9px;transform:rotate(45deg)}
.sp-header.is-open .sp-burger .brxe-div:nth-child(2){opacity:0}
.sp-header.is-open .sp-burger .brxe-div:nth-child(3){top:9px;transform:rotate(-45deg)}
.sp-header.is-open .sp-bar{mix-blend-mode:normal;background:rgba(5,6,10,.94)}

.sp-panel{position:fixed!important;left:0;right:0;top:72px;padding:28px clamp(16px,4vw,48px) 36px;background:rgba(5,6,10,.95);
  -webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--line);
  clip-path:inset(0 0 100% 0);visibility:hidden;transition:clip-path .55s cubic-bezier(.7,0,.2,1),visibility 0s .55s}
.sp-header.is-open .sp-panel{clip-path:inset(0 0 0 0);visibility:visible;transition:clip-path .55s cubic-bezier(.7,0,.2,1)}
.sp-mlinks{display:none!important}
.sp-grid{display:grid!important;grid-template-columns:repeat(7,minmax(0,1fr));gap:clamp(10px,1.4vw,22px);max-width:1400px;margin:0 auto;width:100%}
.sp-card{display:block!important;text-decoration:none;color:var(--ivory)}
.sp-card .brxe-image,.sp-card img{width:100%!important;aspect-ratio:1;object-fit:cover;display:block;border:1px solid var(--line);transition:transform .8s cubic-bezier(.2,.7,.2,1),filter .5s;filter:saturate(.85)}
.sp-card:hover img{transform:scale(1.04);filter:saturate(1.1)}
.sp-card .sp-card-title{font:700 13px/1 var(--f-title);letter-spacing:.08em;margin:12px 0 0;color:var(--ivory)}
.sp-card .sp-card-tag{font:400 11px/1.35 var(--f-body);color:var(--stone);margin:6px 0 0}
.sp-panel .sp-card{opacity:0;transform:translateY(14px)}
.sp-header.is-open .sp-panel .sp-card{opacity:1;transform:none;transition:opacity .6s,transform .6s cubic-bezier(.2,.7,.2,1)}
.sp-header.is-open .sp-panel .sp-card:nth-child(2){transition-delay:.05s}.sp-header.is-open .sp-panel .sp-card:nth-child(3){transition-delay:.1s}
.sp-header.is-open .sp-panel .sp-card:nth-child(4){transition-delay:.15s}.sp-header.is-open .sp-panel .sp-card:nth-child(5){transition-delay:.2s}
.sp-header.is-open .sp-panel .sp-card:nth-child(6){transition-delay:.25s}.sp-header.is-open .sp-panel .sp-card:nth-child(7){transition-delay:.3s}

@media (max-width:900px){
  .sp-menu{display:none!important}.sp-burger{display:block!important}
  .sp-panel{top:0;bottom:0;padding:96px 20px 40px;overflow:auto;clip-path:circle(0 at calc(100% - 38px) 36px);transition:clip-path .7s cubic-bezier(.7,0,.2,1),visibility 0s .7s}
  .sp-header.is-open .sp-panel{clip-path:circle(150% at calc(100% - 38px) 36px);transition:clip-path .7s cubic-bezier(.7,0,.2,1)}
  .sp-header.is-open .sp-bar{background:transparent;position:relative;z-index:2}
  .sp-mlinks{display:flex!important;flex-direction:column;gap:0;margin-bottom:24px;width:100%}
  .sp-mlinks .brxe-text-link{font:700 clamp(28px,8vw,40px)/1 var(--f-title);padding:16px 0;border-bottom:1px solid var(--line);color:var(--ivory);text-decoration:none}
  .sp-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
}

/* ---------- COMUNI ---------- */
.sp-sec{padding:clamp(90px,15vh,180px) var(--gutter)!important;border-top:1px solid var(--line);width:100%}
.sp-wrap{max-width:1180px!important;width:100%;margin:0 auto}
.sp-label{font:500 11px/1.6 var(--f-body)!important;letter-spacing:.38em;text-transform:uppercase;color:var(--stone)!important;display:flex;align-items:center;gap:12px;margin:0 0 22px}
.sp-label::before{content:"";width:12px;height:12px;flex:none;background:currentColor;
  clip-path:polygon(50% 0,54% 42%,85% 15%,58% 46%,100% 50%,58% 54%,85% 85%,54% 58%,50% 100%,46% 58%,15% 85%,42% 54%,0 50%,42% 46%,15% 15%,46% 42%)}
.sp-h2{font-size:clamp(38px,6vw,92px)!important;line-height:.98!important;margin:0 0 clamp(28px,4vw,56px)!important;max-width:16ch}
.sp-grid2{display:grid!important;grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:clamp(24px,5vw,80px)}
.sp-side{position:sticky;top:110px;align-self:start}
.sp-side .sp-h3{font:700 clamp(24px,2.6vw,36px)/1.1 var(--f-title);margin:0;color:var(--ivory)}
.sp-txt p{margin:0 0 1.2em;color:var(--stone);font-size:clamp(16px,1.25vw,18px);line-height:1.8;font-weight:300}
.sp-txt p:first-child{color:var(--ivory);font-size:clamp(20px,2vw,28px);line-height:1.45;font-weight:400}
.sp-btn{display:inline-flex!important;align-items:center;gap:12px;padding:16px 28px;border:1px solid rgba(244,241,232,.6);color:var(--ivory)!important;text-decoration:none;
  font:500 11px/1 var(--f-body)!important;letter-spacing:.3em;text-transform:uppercase;transition:background .35s,color .35s,box-shadow .35s}
.sp-btn:hover{background:var(--ivory);color:var(--ink)!important;box-shadow:0 0 40px rgba(255,255,255,.25)}
@media (max-width:900px){.sp-grid2{grid-template-columns:1fr}.sp-side{position:static}}

/* ---------- HOME: HERO "DENTRO LA STELLA" ---------- */
.sp-hero{position:relative;height:100svh;min-height:520px;background:#fff!important;overflow:hidden;padding:0!important;display:block!important;color:#0a0a0a}
.sp-hero .sp-stage{position:absolute;inset:0;display:grid!important;place-items:center}
.sp-hero .sp-logo{width:min(760px,84vw)!important;height:auto;display:block;transform-origin:54.64% 51.17%;will-change:transform}
.sp-hero .sp-logo img{width:100%;height:auto;display:block}
.sp-hero .sp-eyebrow{position:absolute;left:0;right:0;top:clamp(90px,16svh,150px);margin:0;padding:0 16px;text-align:center;
  font:500 11px/1.6 var(--f-body);letter-spacing:.38em;text-transform:uppercase;color:#111}
.sp-hero .sp-black{position:absolute;inset:0;background:#000;opacity:0;pointer-events:none}
.sp-hero canvas.sp-warp{position:absolute;inset:0;width:100%;height:100%;opacity:0;pointer-events:none}
.sp-hero .sp-after{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);padding:0 16px;text-align:center;opacity:0;pointer-events:none;display:block!important}
.sp-hero .sp-after h2{font:700 clamp(30px,6vw,84px)/1 var(--f-title);margin:0;color:var(--ivory)}
.sp-hero .sp-after p{margin:18px 0 0;font:400 clamp(14px,1.5vw,18px)/1.5 var(--f-body);color:var(--stone)}
.sp-cue{position:absolute!important;left:50%;bottom:clamp(22px,5svh,52px);transform:translateX(-50%);display:flex!important;flex-direction:column;align-items:center;gap:14px;cursor:pointer;width:auto!important}
.sp-cue .sp-cue-txt{font:500 10px/1 var(--f-body);letter-spacing:.42em;text-transform:uppercase;color:#111}
.sp-cue-line{position:relative;width:1px!important;height:70px;background:linear-gradient(#0002,#0000)}
.sp-cue-line::after{content:"";position:absolute;left:50%;top:0;width:14px;height:14px;background:#111;transform:translate(-50%,-50%);
  clip-path:polygon(50% 0,54% 42%,85% 15%,58% 46%,100% 50%,58% 54%,85% 85%,54% 58%,50% 100%,46% 58%,15% 85%,42% 54%,0 50%,42% 46%,15% 15%,46% 42%);
  animation:sp-drop 2.4s cubic-bezier(.65,0,.35,1) infinite}
@keyframes sp-drop{0%{top:0;opacity:0;transform:translate(-50%,-50%) rotate(0)}15%{opacity:1}75%{opacity:1}100%{top:100%;opacity:0;transform:translate(-50%,-50%) rotate(90deg)}}
@media (max-width:480px){.sp-hero .sp-eyebrow{font-size:10px;letter-spacing:.22em}}

/* ---------- HOME: sezioni ---------- */
.sp-marquee{overflow:hidden;border-top:1px solid var(--line);padding:26px 0!important;width:100%;display:block!important}
.sp-marquee .sp-track{display:flex!important;flex-direction:row!important;width:max-content;animation:sp-marq 38s linear infinite}
.sp-marquee .sp-track .brxe-text-basic{font:800 clamp(40px,7vw,110px)/1 var(--f-title);letter-spacing:-.02em;white-space:nowrap;padding-right:.6em;color:transparent;-webkit-text-stroke:1px rgba(244,241,232,.35)}
.sp-marquee .sp-track .brxe-text-basic:nth-child(odd){color:var(--ivory);-webkit-text-stroke:0}
@keyframes sp-marq{to{transform:translateX(-50%)}}
.sp-steps{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,3vw,40px);width:100%}
.sp-step{border-top:1px solid var(--line);padding-top:26px}
.sp-step .sp-num{font:500 11px/1 var(--f-body);letter-spacing:.3em;color:var(--stone);margin:0 0 30px}
.sp-step h3{font-size:clamp(24px,2.4vw,34px)!important;margin:0 0 14px!important}
.sp-step p{color:var(--stone);line-height:1.75;margin:0}
.sp-albums .sp-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(14px,2vw,28px)}
.sp-albums .sp-card .sp-card-title{font-size:clamp(18px,1.6vw,24px);margin-top:16px}
.sp-albums .sp-card .sp-card-tag{font-size:14px}
.sp-quote{font:400 clamp(24px,3vw,44px)/1.3 var(--f-title)!important;color:var(--ivory);max-width:26ch;margin:0!important}
.sp-follow{text-align:center;display:flex!important;flex-direction:column;align-items:center}
.sp-follow .sp-h2{margin-left:auto!important;margin-right:auto!important}
.sp-follow .sp-links{display:flex!important;flex-direction:row!important;flex-wrap:wrap;gap:14px;justify-content:center;margin-top:36px}
.sp-follow p{color:var(--stone);max-width:520px;line-height:1.7}
@media (max-width:900px){.sp-steps{grid-template-columns:1fr}.sp-albums .sp-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* lettore Music Albums nello stile del sito */
.sp-site .ma-player{--ma-bg:transparent;--ma-text:var(--ivory);--ma-muted:var(--stone);--ma-line:var(--line);--ma-accent:#fff;--ma-radius:0;
  --ma-font-title:var(--f-title);--ma-font-body:var(--f-body);--ma-toggle-border:rgba(244,241,232,.5);--ma-cover:64px;--ma-padding:0}
.sp-site .ma-title{font-family:var(--f-title)!important;font-weight:700!important}
.sp-site .ma-album-title{font-family:var(--f-title)!important}

/* ---------- FOOTER ---------- */
.sp-footer{border-top:1px solid var(--line);padding:48px var(--gutter)!important;display:flex!important;flex-direction:row!important;flex-wrap:wrap;gap:20px;justify-content:space-between;align-items:center;width:100%}
.sp-footer .brxe-image{width:80px}
.sp-footer img{filter:invert(1);width:80px;height:auto}
.sp-footer .brxe-text-basic{font-size:12px;color:var(--stone);letter-spacing:.05em}

/* ---------- PAGINA ALBUM ---------- */
.sp-a-hero{position:relative;height:100svh;min-height:560px;overflow:hidden;background:#000;padding:0!important;display:block!important;width:100%}
.sp-a-hero .sp-a-cover,.sp-a-hero .sp-a-cover img{position:absolute;inset:0;width:100%!important;height:100%!important;object-fit:cover}
.sp-a-hero .sp-layer{position:absolute;left:50%;top:50%;width:max(100vw,100svh);aspect-ratio:1;translate:-50% -50%;background-size:cover;background-position:center;will-change:transform}
.sp-a-hero::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(to top,rgba(5,6,10,.97) 0%,rgba(5,6,10,.7) 40%,rgba(5,6,10,.35) 75%,rgba(5,6,10,.6) 100%)}
.sp-a-head{position:absolute!important;left:0;right:0;bottom:clamp(40px,9svh,100px);z-index:2;padding:0 var(--gutter)}
.sp-a-title{font:800 clamp(52px,10vw,160px)/.9 var(--f-title)!important;letter-spacing:-.03em;margin:0!important;white-space:nowrap}
.sp-a-title .sp-ch{display:inline-block}
.sp-a-tag{max-width:640px;margin:22px 0 0!important;font:400 clamp(16px,1.6vw,21px)/1.5 var(--f-body)!important;color:var(--ivory);opacity:.85}
.sp-soon{display:none;color:var(--stone)}
.sp-listen:not(:has(.ma-player)) .sp-soon{display:block}
.sp-next{display:block!important;text-align:center;text-decoration:none;padding:clamp(90px,15vh,180px) var(--gutter)!important;border-top:1px solid var(--line);color:var(--ivory)}
.sp-next .sp-label{justify-content:center}
.sp-next .sp-next-title{display:block;font:800 clamp(48px,10vw,150px)/.9 var(--f-title)!important;letter-spacing:-.03em;transition:letter-spacing .6s;margin:0!important}
.sp-next:hover .sp-next-title{letter-spacing:.02em}

/* ---------- PASSAGGIO TRA LE PAGINE ---------- */
#sp-warp{position:fixed;inset:0;width:100%;height:100%;z-index:200;pointer-events:none;display:block}
#sp-flash{position:fixed;inset:0;z-index:201;pointer-events:none;opacity:0;background:#fff}

.sp-rv{opacity:0;transform:translateY(24px)}
@media (prefers-reduced-motion:reduce){
  .sp-rv{opacity:1;transform:none}.sp-cue-line::after,.sp-marquee .sp-track{animation:none}
  .sp-panel,.sp-header .sp-card{transition:none!important}
}

/* Concept / Character con i testi completi delle presentazioni */
.sp-h2-long{font-size:clamp(30px,4.4vw,64px)!important;max-width:22ch;line-height:1.05!important}
.sp-concept .sp-txt p:nth-child(n+8),.sp-character .sp-txt p:nth-child(n+8){color:var(--stone)}
.sp-finale{margin-top:clamp(60px,10vh,120px);text-align:center;display:flex!important;flex-direction:column;align-items:center;gap:6px}
.sp-finale p{margin:0;font:700 clamp(26px,3.6vw,54px)/1.15 var(--f-title);letter-spacing:-.02em;color:var(--ivory)}
.sp-finale p:last-child{color:var(--stone)}

/* icone piattaforme nel lettore: più grandi, verde Spotify al passaggio */
.sp-site .ma-platforms{margin-top:12px;gap:14px}
.sp-site .ma-platform{color:var(--stone);padding:4px;transition:color .25s,transform .25s}
.sp-site .ma-platform svg,.sp-site .ma-platform .ma-custom-icon{width:24px!important;height:24px!important}
.sp-site .ma-platform[data-platform="spotify"]:hover,.sp-site .ma-platform[data-platform="spotify"]:focus-visible{color:#1ed760;transform:scale(1.08)}
.sp-foot-links{display:flex!important;flex-direction:row!important;gap:22px}
.sp-foot-links .brxe-text-link{font:500 11px/1 var(--f-body);letter-spacing:.3em;text-transform:uppercase;color:var(--stone);text-decoration:none}
.sp-foot-links .brxe-text-link:hover{color:var(--ivory)}

/* ---------- CONTACT ---------- */
.sp-contact{padding-top:clamp(140px,22vh,220px)!important}
.sp-contact-intro{color:var(--stone);line-height:1.7;margin:0 0 28px;max-width:34ch}
.sp-contact-mail{display:inline-block;font:700 clamp(18px,1.8vw,24px)/1.3 var(--f-title);color:var(--ivory);text-decoration:none;border-bottom:1px solid var(--line);padding-bottom:6px;margin-bottom:28px;word-break:break-all}
.sp-contact-mail:hover{border-color:var(--ivory)}
.sp-form{display:grid!important;gap:22px;width:100%}
.sp-form .form-group{display:flex;flex-direction:column;gap:10px;width:100%;padding:0!important}
.sp-form label{font:500 11px/1 var(--f-body);letter-spacing:.3em;text-transform:uppercase;color:var(--stone)}
.sp-form input:not([type=checkbox]),.sp-form select,.sp-form textarea{width:100%;background:transparent!important;border:0!important;border-bottom:1px solid rgba(244,241,232,.25)!important;border-radius:0!important;
  color:var(--ivory)!important;font:400 18px/1.5 var(--f-body)!important;padding:10px 0!important;transition:border-color .3s}
.sp-form select option{background:var(--ink);color:var(--ivory)}
.sp-form textarea{min-height:150px;resize:vertical}
.sp-form input::placeholder,.sp-form textarea::placeholder{color:rgba(154,152,143,.55)}
.sp-form input:focus,.sp-form select:focus,.sp-form textarea:focus{outline:none;border-bottom-color:var(--ivory)!important}
.sp-form input:focus-visible,.sp-form select:focus-visible,.sp-form textarea:focus-visible{box-shadow:0 1px 0 0 var(--ivory)}
.sp-form .options-wrapper li,.sp-form .options-wrapper label{text-transform:none;letter-spacing:0;font:400 14px/1.5 var(--f-body);color:var(--stone);display:flex;gap:10px;align-items:flex-start}
.sp-form input[type=checkbox]{accent-color:#fff;width:16px;height:16px;margin-top:3px}
.sp-form .submit-button-wrapper{margin-top:10px}
.sp-form button[type=submit]{display:inline-flex;align-items:center;gap:12px;padding:18px 34px;background:transparent;border:1px solid rgba(244,241,232,.6);color:var(--ivory);cursor:pointer;
  font:500 11px/1 var(--f-body);letter-spacing:.3em;text-transform:uppercase;border-radius:0;transition:background .35s,color .35s,box-shadow .35s}
.sp-form button[type=submit]:hover,.sp-form button[type=submit]:focus-visible{background:var(--ivory);color:var(--ink);box-shadow:0 0 40px rgba(255,255,255,.25)}
.sp-form .message{margin-top:16px;padding:16px 18px;border:1px solid var(--line);color:var(--ivory);font-size:15px}
.sp-form .message.error{border-color:#f6b8ad;color:#f6b8ad}
.sp-contact-social{margin-top:6px}
.sp-form .submit-button-wrapper{justify-self:start;width:auto!important}
.sp-form button[type=submit]{width:auto!important}
.sp-form .form-group:has(input[type=checkbox]) > label:first-child{display:none}

/* testo solo per lettori di schermo e motori di ricerca */
.sp-sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}

/* accessibilità: focus visibile da tastiera */
.sp-site a:focus-visible,.sp-site [role=button]:focus-visible,.sp-site button:focus-visible{outline:2px solid var(--ivory);outline-offset:4px;border-radius:2px}
body.sp-nav-dark .sp-header a:focus-visible,body.sp-nav-dark .sp-header [role=button]:focus-visible{outline-color:#0a0a0a}
.sp-card:focus-visible img{filter:saturate(1.1);transform:scale(1.04)}
.skip-link:focus,.brx-skip-link:focus{position:fixed;top:12px;left:12px;z-index:300;background:var(--ivory);color:var(--ink);padding:12px 18px;font:500 13px/1 var(--f-body)}

/* header con sfondo quando si scorre (sull'hero bianco della home resta trasparente) */
.sp-bar{transition:background .4s,border-color .4s,-webkit-backdrop-filter .4s,backdrop-filter .4s;border-bottom:1px solid transparent}
body:not(.sp-nav-dark) .sp-header.is-scrolled .sp-bar{background:rgba(5,6,10,.82);-webkit-backdrop-filter:blur(14px) saturate(1.2);backdrop-filter:blur(14px) saturate(1.2);border-bottom-color:var(--line)}

/* ---------- LETTORE: nuovo stile ---------- */
.sp-listen-side{display:flex!important;flex-direction:column;gap:14px}
.sp-listen-cover,.sp-listen-cover img{width:100%!important;max-width:340px;aspect-ratio:1;object-fit:cover;display:block;border:1px solid var(--line)}
.sp-listen-cover{margin-bottom:12px}
.sp-listen-note{color:var(--stone);line-height:1.6;margin:0;max-width:30ch}
.sp-listen-meta{font:500 11px/1 var(--f-body)!important;letter-spacing:.3em;text-transform:uppercase;color:var(--stone);margin:4px 0 0}
.sp-listen-meta:empty{display:none}
.sp-listen-actions{display:flex!important;flex-direction:row!important;flex-wrap:wrap;gap:10px;margin-top:10px}
.sp-playall{cursor:pointer;background:var(--ivory);color:var(--ink)!important;border-color:var(--ivory)}
.sp-playall::before{content:"";width:0;height:0;border-left:8px solid currentColor;border-top:5px solid transparent;border-bottom:5px solid transparent}
.sp-playall.is-on::before{width:8px;height:10px;border:0;border-left:3px solid currentColor;border-right:3px solid currentColor}
.sp-playall:hover{background:transparent;color:var(--ivory)!important}
.sp-btn-ghost{border-color:rgba(244,241,232,.3)}

/* righe compatte: titolo grande, icona Spotify a destra accanto alla durata */
.sp-site .ma-player{--ma-cover:52px;--ma-row-gap:18px}
.sp-site .ma-track{padding:12px 12px!important;margin:0 -12px;border-top:1px solid var(--line);transition:background .3s;align-items:center}
.sp-site .ma-track:hover{background:rgba(244,241,232,.035)}
.sp-site .ma-cover{overflow:hidden}
.sp-site .ma-cover img{transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.sp-site .ma-track:hover .ma-cover img{transform:scale(1.08)}
.sp-site .ma-info{display:flex!important;align-items:center;justify-content:space-between;gap:14px;min-width:0}
.sp-site .ma-title{font:500 clamp(16px,1.35vw,20px)/1.25 var(--f-body)!important;letter-spacing:-.005em!important;color:var(--ivory)!important;overflow:hidden;text-overflow:ellipsis}
.sp-site .ma-platforms{margin:0!important;flex:none}
.sp-site .ma-number{font:500 13px/1 var(--f-body)!important;letter-spacing:.08em;color:var(--stone)!important;font-variant-numeric:tabular-nums;position:relative}
.sp-site .ma-duration{font:400 13px/1 var(--f-body)!important;color:var(--stone)!important;min-width:40px}
.sp-site .ma-toggle{--ma-toggle-size:40px}

/* brano in riproduzione: riga illuminata, barrette al posto del numero, avanzamento sottile */
.sp-site .ma-track.ma-playing{background:rgba(244,241,232,.06)}
.sp-site .ma-track.ma-playing .ma-title{color:#fff!important}
.sp-site .ma-playing .ma-number{color:transparent!important}
.sp-site .ma-playing .ma-number::after{content:"";position:absolute;left:50%;top:50%;width:16px;height:16px;transform:translate(-50%,-50%);
  background:linear-gradient(var(--ivory),var(--ivory)) 0 100%/3px 40% no-repeat,linear-gradient(var(--ivory),var(--ivory)) 6px 100%/3px 80% no-repeat,linear-gradient(var(--ivory),var(--ivory)) 12px 100%/3px 60% no-repeat;
  animation:sp-eq .8s ease-in-out infinite alternate}
@keyframes sp-eq{0%{background-size:3px 30%,3px 90%,3px 50%}50%{background-size:3px 90%,3px 40%,3px 85%}100%{background-size:3px 55%,3px 70%,3px 25%}}
.sp-site .ma-progress{margin-top:2px!important;--ma-progress-height:2px}
.sp-site .ma-elapsed{font-size:11px;color:var(--stone)}
@media (prefers-reduced-motion:reduce){.sp-site .ma-playing .ma-number::after{animation:none}}
@media (max-width:900px){
  .sp-listen-side{flex-direction:row!important;flex-wrap:wrap;align-items:center;gap:12px 18px;margin-bottom:24px}
  .sp-listen-cover,.sp-listen-cover img{max-width:120px;margin:0}
  .sp-listen-side .sp-label{width:100%;margin:0}
}
@media (max-width:600px){.sp-site .ma-player{--ma-cover:44px;--ma-row-gap:12px}.sp-site .ma-title{font-size:15px!important}.sp-site .ma-platforms{display:none}}
.sp-listen-side .sp-label{order:-1;margin:0 0 6px}

/* ---------- FONT (scelti da Anne): Russo One in maiuscolo per i titoli, Oxygen per i testi ----------
   Russo One esiste in un solo spessore: niente grassetto finto, maiuscolo, spaziatura leggermente aperta */
.sp-site h1,.sp-site h2,.sp-site h3,.sp-h2,.sp-h3,.sp-a-title,.sp-next-title,.sp-card-title,.sp-quote,.sp-finale p,
.sp-hero .sp-after h2,.sp-marquee .sp-track .brxe-text-basic,.sp-step h3,.sp-contact-mail,.sp-mlinks .brxe-text-link,.sp-side .sp-h3{
  font-family:var(--f-title)!important;font-weight:400!important;text-transform:uppercase;letter-spacing:.01em!important}
.sp-contact-mail{text-transform:none}
.sp-h2{line-height:1.02!important}
.sp-h2-long{font-size:clamp(26px,3.6vw,52px)!important;max-width:26ch}
.sp-quote{font-size:clamp(20px,2.2vw,32px)!important;line-height:1.25!important}
.sp-finale p{font-size:clamp(22px,3vw,44px)!important;line-height:1.2}
.sp-a-title{font-size:clamp(46px,9vw,140px)!important;letter-spacing:.02em!important}
.sp-next-title{font-size:clamp(42px,9vw,130px)!important}
.sp-card .sp-card-title{letter-spacing:.06em!important}
body.sp-site,.sp-txt p,.sp-step p,.sp-follow p,.sp-listen-note{font-family:var(--f-body)}
.sp-txt p:first-child{font-weight:400}
.sp-site .ma-title{font-family:var(--f-body)!important;font-weight:400!important;text-transform:none!important}
.sp-site .ma-player{--ma-font-title:var(--f-body)}

/* home più leggera: testi in una colonna, più respiro */
.sp-read{max-width:760px!important}
.sp-read .sp-h2{max-width:none}
.sp-read .sp-txt p{font-size:clamp(16px,1.2vw,18px)}
.sp-follow.sp-sec{padding-top:clamp(60px,10vh,110px)!important;padding-bottom:clamp(60px,10vh,110px)!important}
.sp-follow .sp-links{margin-top:0}
/* testi più bianchi ovunque */
.sp-txt p,.sp-concept .sp-txt p:nth-child(n+8),.sp-character .sp-txt p:nth-child(n+8){color:#e8e5dc;font-weight:400}
.sp-txt p:first-child,.sp-finale p:last-child{color:var(--ivory)}
/* YouTube Music: rosso al passaggio, come il verde di Spotify */
.sp-site .ma-platform[data-platform="youtube_music"]:hover,.sp-site .ma-platform[data-platform="youtube_music"]:focus-visible{color:#ff0033;transform:scale(1.08)}
.sp-listen-actions{flex-wrap:wrap}