@charset "UTF-8";
:root {--bg:#0b0b0c;--ink:#f1efec;--muted:#aaa8a6;--coral:#e7a08d;--ice:#bbdce3;--rule:#343434; color-scheme:dark}
* {box-sizing:border-box}
html {scroll-behavior:smooth;scroll-padding-top:86px}
body {margin:0;background:var(--bg);color:var(--ink);font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:350;-webkit-font-smoothing:antialiased}
a {color:inherit}
button {font:inherit}
button,a,summary {-webkit-tap-highlight-color:transparent}
:focus-visible {outline:2px solid var(--ice);outline-offset:5px}
.shell {max-width:1320px;margin:0 auto;padding-left:clamp(22px,5.4vw,82px);padding-right:clamp(22px,5.4vw,82px)}
.skip {position:absolute;left:-9999px;top:0}.skip:focus {left:12px;top:12px;z-index:1000;background:white;color:black;padding:12px}
.site-head {height:78px;background:var(--bg);position:relative;z-index:9}
.head-inner {height:100%;display:flex;align-items:center;gap:24px;justify-content:space-between}
.wordmark {font-size:19px;font-weight:550;letter-spacing:.035em;text-decoration:none;white-space:nowrap}
.nav {display:flex;align-items:center;gap:clamp(14px,2vw,30px);margin-left:auto}
.nav a {text-decoration:none;font-size:12px;letter-spacing:.035em;color:#ceccca;white-space:nowrap}
.nav a:hover,.underlink:hover,.socials a:hover {color:var(--coral)}
.lang {display:flex;align-items:center;gap:7px;color:#777;font-size:11px;margin-left:12px;white-space:nowrap}
.lang button {cursor:pointer;background:none;border:0;color:#898989;padding:8px 2px;font-size:11px;letter-spacing:.035em}
.lang button[aria-pressed=true] {color:var(--coral)}
.hero {height:clamp(630px,calc(100svh - 78px),820px);min-height:560px;position:relative;isolation:isolate;overflow:hidden;background:#101010}
.hero-photo {position:absolute;right:0;top:0;height:100%;width:65%;object-fit:cover;object-position:center 29%;z-index:-2;filter:contrast(1.03) brightness(.88);-webkit-mask-image:linear-gradient(90deg, transparent 0%, #000 26%,#000 100%);mask-image:linear-gradient(90deg, transparent 0%, #000 26%,#000 100%)}
.hero::after {content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0b0b0c 4%,#0b0b0ca5 37%,transparent 76%);z-index:-1;pointer-events:none}
.hero-inner {height:100%;display:flex;align-items:center}
.hero-content {position:relative;padding-bottom:18px;max-width:780px}
.role {margin:0 0 27px;letter-spacing:.19em;font-size:12px;color:var(--ice);font-weight:500}
h1 {margin:0;font-size:clamp(79px,10.7vw,162px);line-height:.88;letter-spacing:-.09em;font-weight:320;color:var(--coral)}
h1 span {display:block}
.release {margin:34px 0 0;font-size:14px;letter-spacing:.1em;font-weight:400;color:#e6e2de}
.hero-actions {margin-top:28px;display:flex;align-items:center;gap:26px;flex-wrap:wrap}
.primary-action {background:var(--ice);color:#111;display:inline-block;text-decoration:none;padding:14px 27px;min-width:124px;text-align:center;font-size:13px;font-weight:550;min-height:48px}
.primary-action:hover {background:var(--coral)}
.text-action {text-decoration:none;font-size:13px;border-bottom:1px solid #929292;padding:11px 0 7px}
.text-action:hover {color:var(--coral);border-color:var(--coral)}
.photo-credit {position:absolute;right:19px;bottom:13px;font-size:10px;letter-spacing:.02em;color:#bdbdbd}
.content-section {padding-top:112px;padding-bottom:114px;border-bottom:1px solid #2c2c2c;scroll-margin-top:40px}
.section-head {display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin-bottom:46px}
.section-head h2 {font-size:clamp(30px,3.2vw,44px);font-weight:350;letter-spacing:-.048em;margin:0;line-height:1.1}
.section-side {font-size:12px;color:var(--muted);margin:0}
.music-layout {display:grid;grid-template-columns:minmax(245px,440px) minmax(0,1fr);gap:clamp(38px,7vw,110px);align-items:center}
.cover-block img {width:100%;display:block;aspect-ratio:1;object-fit:cover}
.cover-block p {color:#999;font-size:11px;letter-spacing:.08em;margin:13px 0 0}
.music-information {min-width:0;max-width:620px}
.album-copy {font-size:clamp(20px,2.1vw,27px);line-height:1.5;letter-spacing:-.018em;font-weight:320;margin:0 0 32px;color:#e5e3e0}
.spotify-frame {width:100%;height:152px;overflow:hidden;border-radius:12px;background:#171717;isolation:isolate;position:relative;clip-path:inset(0 round 12px)}
.spotify-frame iframe {border:0;display:block;width:100%;height:152px;background:#171717;border-radius:12px}
.underlink {display:inline-flex;text-decoration:none;align-items:center;font-size:12px;color:var(--ice);border-bottom:1px solid #65818a;padding:3px 0 5px;line-height:1.4}
.music-information > .underlink {margin-top:15px}
.lineup-details {border-top:1px solid var(--rule);margin-top:34px;padding-top:18px}
.lineup-details summary,.bio-content summary {cursor:pointer;display:table;list-style:none;font-size:13px;color:#d8d7d3;user-select:none}
.lineup-details summary::-webkit-details-marker,.bio-content summary::-webkit-details-marker {display:none}
.lineup-details summary::after,.bio-content summary::after {content:" +";color:var(--coral)}
.lineup-details[open] summary::after,.bio-content details[open] summary::after {content:" −"}
.lineup {display:grid;grid-template-columns:1fr 1fr;gap:12px 24px;padding-top:23px;font-size:12px}
.lineup p {margin:0;color:#f1f0ee}
.lineup span {display:block;color:#aaa8a6;margin-top:3px;font-size:11px}
.video-display {max-width:930px;aspect-ratio:16/9;background:#191919}
.video-display iframe {border:0;width:100%;height:100%;display:block}
.video-links {display:flex;gap:22px;flex-wrap:wrap;margin-top:18px}
.press-lead {max-width:965px}
.press-quote {font-size:clamp(26px,3.9vw,52px);font-weight:300;letter-spacing:-.042em;line-height:1.25;margin:0 0 24px}
.press-source {color:var(--ice);text-decoration:none;font-size:13px}
.press-source:hover {color:var(--coral)}
.press-notes {display:flex;gap:16px 36px;flex-wrap:wrap;margin-top:35px}
.press-notes a {text-decoration:none;border-bottom:1px solid #4e4e4e;padding-bottom:6px;color:#d6d4d1;font-size:13px}
.press-notes a:hover {color:var(--coral)}
.record-grid {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));column-gap:clamp(15px,2.2vw,30px);row-gap:44px}
.record {min-width:0}
.record-cover {display:block;aspect-ratio:1;overflow:hidden;background:#1a1a1a}
.record-cover img {width:100%;height:100%;object-fit:cover;display:block;transition:transform .2s ease}
.record-cover:hover img {transform:scale(1.035)}
.record h3 {font-size:15px;font-weight:500;line-height:1.35;letter-spacing:-.012em;margin:13px 0 4px}
.record h3 a {text-decoration:none}
.record h3 a:hover {color:var(--coral)}
.record p {font-size:12px;color:#aaa;line-height:1.48;margin:0}
.bio-content {max-width:790px}
.bio-short {font-size:clamp(20px,2.3vw,28px);line-height:1.55;letter-spacing:-.02em;font-weight:300;margin:0 0 28px}
.bio-content details {border-top:1px solid var(--rule);padding-top:17px}
.bio-long {margin:24px 0 0;max-width:700px;font-size:15px;line-height:1.8;color:#c8c7c5}
.bio-long p {margin:0 0 19px}
.contact-section {padding-bottom:130px}
.email-link {font-size:clamp(27px,4.8vw,65px);font-weight:300;letter-spacing:-.04em;color:var(--ice);text-decoration:none}
.email-link:hover {color:var(--coral)}
.socials {display:flex;gap:17px 26px;flex-wrap:wrap;margin-top:33px}
.socials a {text-decoration:none;font-size:13px;color:#ccc;border-bottom:1px solid #555;padding-bottom:6px}
footer {display:flex;justify-content:space-between;gap:25px;padding-top:30px;padding-bottom:40px;font-size:11px;color:#888}
@media(max-width:1000px){.nav {gap:14px}.hero-photo {width:70%}h1 {font-size:clamp(84px,12vw,130px)}.music-layout {gap:34px}}
@media(max-width:760px){.site-head {height:auto}.head-inner {min-height:64px;gap:13px;flex-wrap:wrap;padding-top:15px;padding-bottom:12px}.wordmark {font-size:16px}.lang {margin-left:auto}.nav {order:3;width:100%;gap:20px;overflow-x:auto;white-space:nowrap;padding:8px 0 2px;scrollbar-width:none}.nav::-webkit-scrollbar {display:none}.nav a {font-size:12px}.hero {height:700px;min-height:610px}.hero-photo {width:100%;height:83%;object-position:center 20%;-webkit-mask-image:linear-gradient(0deg, transparent 0%, #000 42%);mask-image:linear-gradient(0deg, transparent 0%, #000 42%)}.hero::after {background:linear-gradient(0deg,#0b0b0c 3%,#0b0b0ce9 30%,#0b0b0c40 68%,transparent 100%)}.hero-inner {align-items:flex-end}.hero-content {padding-bottom:78px}h1 {font-size:clamp(66px,14vw,103px)}.role {font-size:10px;margin-bottom:16px}.release {margin-top:21px;font-size:12px}.hero-actions {margin-top:19px}.photo-credit {font-size:9px;right:16px;bottom:12px}.content-section {padding-top:76px;padding-bottom:80px}.section-head {margin-bottom:32px}.music-layout {grid-template-columns:1fr;gap:30px}.cover-block {max-width:420px}.music-information {max-width:650px}.record-grid {grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 20px}}
@media(max-width:400px){h1 {font-size:clamp(59px,13.9vw,70px)}.hero {height:640px;min-height:590px}.hero-content {padding-bottom:70px}.head-inner {padding-left:20px;padding-right:20px}.shell {padding-left:20px;padding-right:20px}.nav {gap:16px}.lineup {grid-template-columns:1fr}.record-grid {column-gap:14px}.record h3 {font-size:14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.record-cover img {transition:none}}

/* REVISIONE RAFFINATA — 24 OTTOBRE 2026
   Preserva gli originali, rimuove elementi visivi superflui, mantiene un solo sfondo. */

/* Hero: nome più elegante; link nello stesso linguaggio tipografico della pagina. */
h1 {
 font-family:"Baskerville","Iowan Old Style","GFS Didot",Georgia,serif;
 font-size:clamp(82px,9.7vw,148px);
 font-weight:400;
 letter-spacing:-.060em;
 line-height:.92;
}
.hero-actions {gap:36px;margin-top:26px}
.hero-actions a {display:inline-block;min-width:0;min-height:0;background:transparent;color:var(--ice);border:0;border-bottom:1px solid rgba(187,220,227,.6);border-radius:0;text-decoration:none;padding:5px 0 8px;text-align:left;font-size:13px;font-weight:400;letter-spacing:.075em;transition:color .18s ease,border-color .18s ease}
.hero-actions a:hover {background:transparent;color:var(--coral);border-color:var(--coral)}
.hero-actions .primary-action {color:var(--ice)}
.hero-actions .text-action {color:#e8e4df}
/* Overlap of image fade with the continuous black background. */
.hero::before {content:"";position:absolute;left:0;right:0;bottom:-1px;height:clamp(100px,17vw,210px);background:linear-gradient(0deg,var(--bg) 0%,rgba(11,11,12,.55) 34%,transparent 100%);z-index:0;pointer-events:none}
.hero-inner {position:relative;z-index:1}
.photo-credit {z-index:2}
.music-section {padding-top:62px;}
.music-layout {grid-template-columns:minmax(230px,380px) minmax(0,1fr);gap:clamp(38px,8vw,122px);align-items:center}
.cover-block {position:relative}
.cover-block img {width:100%;box-shadow:0 18px 48px rgba(0,0,0,.13)}
.album-copy {max-width:590px;font-size:clamp(19px,1.9vw,26px);line-height:1.55;margin-bottom:32px}
/* Spotify waits for an intentional click: no blank white iframe while offline. */
.spotify-frame {height:152px;background:#19191b;overflow:hidden;border-radius:13px;clip-path:inset(0 round 13px)}
.spotify-frame iframe {width:100%;height:100%;border:0;display:block;border-radius:13px;color-scheme:dark}
.spotify-launch {width:100%;height:100%;display:flex;gap:10px;flex-direction:column;align-items:flex-start;justify-content:center;padding:21px 28px;border:0;background:#19191b;color:var(--ink);cursor:pointer;position:relative;text-align:left}
.spotify-launch:hover {background:#202023}
.spotify-label {font-size:24px;line-height:1.1;font-weight:500;letter-spacing:-.035em}
.spotify-button-text {font-size:12px;font-weight:400;color:#b9b9b9;letter-spacing:.025em}
.play-icon {position:absolute;right:26px;top:50%;transform:translateY(-50%);font-size:16px;color:var(--ice);border:1px solid #5d7178;width:39px;height:39px;border-radius:50%;display:grid;place-items:center;padding-left:2px}
/* Two video panels: main film on the left, solo film on the right. */
.video-grid {display:grid;grid-template-columns:minmax(0,1.24fr) minmax(0,.88fr);gap:clamp(20px,3.4vw,46px);align-items:start}
.video-unit {min-width:0}
.video-box {width:100%;aspect-ratio:16/9;background:#151515;overflow:hidden;position:relative;isolation:isolate}
.video-preview {display:grid;place-items:center;width:100%;height:100%;border:0;cursor:pointer;background-color:#171719;background-image:linear-gradient(0deg,rgba(8,8,9,.62),rgba(8,8,9,.07)),var(--video-thumb);background-size:cover;background-repeat:no-repeat;background-position:center;transition:filter .2s ease}
.video-preview:hover {filter:brightness(1.15)}
.video-play {color:#fff;font-size:17px;border:1px solid rgba(255,255,255,.9);border-radius:50%;width:56px;height:56px;display:grid;place-items:center;padding-left:4px;background:rgba(11,11,12,.35)}
.video-box iframe {width:100%;height:100%;border:0;display:block;background:#151515}
.video-caption {display:flex;justify-content:space-between;align-items:baseline;gap:16px;margin-top:16px}
.video-caption h3 {font-size:17px;font-weight:350;letter-spacing:-.015em;margin:0}
.video-caption a {font-size:12px;color:var(--muted);text-decoration:none;border-bottom:1px solid rgba(150,150,150,.5);padding-bottom:4px}
.video-caption a:hover {color:var(--coral)}
.channel-link {margin-top:35px}
/* Press: two real attributed excerpts, intentionally restrained. */
.press-feature {display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:clamp(28px,5.4vw,82px);align-items:start}
.press-card {margin:0;max-width:650px}
.press-card blockquote {font-weight:300;letter-spacing:-.03em;line-height:1.46;margin:0 0 24px}
.press-primary blockquote {font-size:clamp(22px,2.35vw,32px)}
.press-secondary blockquote {font-size:clamp(20px,2vw,27px);color:#e1dfdc}
.press-card figcaption a {text-decoration:none;font-size:12px;color:var(--ice)}
.press-card figcaption a span {color:var(--muted)}
.press-card figcaption a:hover {color:var(--coral)}
.press-notes {margin-top:45px;gap:18px 32px}
.press-notes a {font-size:12px}
/* Links and final contact are deliberately quiet. */
.email-link {font-size:clamp(21px,2.25vw,30px);font-weight:350;letter-spacing:-.025em;color:var(--ice);border-bottom:1px solid rgba(187,220,227,.6);padding-bottom:6px;display:inline-block}
.socials {margin-top:38px}
.socials a {color:#b9b8b6}
@media(max-width:1000px){h1{font-size:clamp(78px,10.3vw,118px)}.music-layout{gap:38px}}
@media(max-width:760px){
 h1 {font-size:clamp(64px,13.3vw,104px);letter-spacing:-.055em}
 .hero::before {height:150px}
 .hero-actions {gap:25px;margin-top:24px}
 .music-section {padding-top:50px}
 .music-layout {grid-template-columns:1fr;gap:32px}
 .cover-block {max-width:350px}
 .video-grid {grid-template-columns:1fr;gap:36px}
 .press-feature {grid-template-columns:1fr;gap:42px}
 .press-secondary blockquote {font-size:23px}
 .press-notes {margin-top:38px}
}
@media(max-width:400px){h1 {font-size:clamp(60px,13.1vw,74px)}.hero-actions {gap:23px}}
@media(prefers-reduced-motion:reduce){.hero-actions a,.video-preview {transition:none}}


/* REVISIONE V2 — 24 OTTOBRE 2026 */
.hero-content{max-width:700px}
.role{width:100%;text-align:center;margin:0 0 30px;font-size:12px;letter-spacing:.20em}
h1{font-family:"Avenir Next","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:clamp(86px,10vw,150px);font-weight:250;letter-spacing:-.055em;line-height:.88;text-transform:uppercase}
.hero-actions{width:100%;justify-content:center;gap:34px;margin-top:30px}
.hero-actions a{text-align:center}
.spotify-frame{width:100%;height:152px;overflow:hidden;border-radius:14px;background:#121214;box-shadow:0 10px 28px rgba(0,0,0,.22)}
.spotify-frame iframe{display:block;width:100%;height:100%;border:0;border-radius:14px;background:#121214}
.video-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(24px,3vw,36px);align-items:start}
.video-unit,.video-featured,.video-secondary{width:100%}
.video-box{aspect-ratio:16/9}
.press-card blockquote{margin:0 0 18px}
.press-primary blockquote{font-size:clamp(20px,2.15vw,29px)}
.press-secondary blockquote{font-size:clamp(18px,1.9vw,25px)}
.press-notes{display:grid;grid-template-columns:1fr;gap:12px;margin-top:36px;max-width:360px}
.press-notes a{display:inline-block;width:fit-content;padding-bottom:4px}
@media(max-width:760px){
 .hero-content{max-width:100%}
 .role{margin-bottom:18px}
 h1{font-size:clamp(68px,13vw,106px)}
 .hero-actions{gap:24px;margin-top:24px}
 .video-grid{grid-template-columns:1fr;gap:30px}
}


/* RIFINITURE V3 — Solo i ritocchi approvati dall'artista. */
/* Stessa famiglia tipografica della versione precedente, ridotta di circa il 20%. */
h1 {font-size:clamp(70px,8vw,120px)}
@media (max-width:1000px) {h1 {font-size:clamp(65px,8.3vw,95px)}}
@media (max-width:760px) {h1 {font-size:clamp(55px,10.7vw,84px)}}
@media (max-width:400px) {h1 {font-size:clamp(52px,10.7vw,61px)}}
/* Spotify e Video sono link testuali senza linee di sottolineatura. */
.hero-actions a,.hero-actions a:hover,.hero-actions a:focus-visible {border:0;border-bottom:0;text-decoration:none;padding:5px 0}
/* Link alle recensioni disposti in orizzontale e a capo solo se serve. */
.press-notes {display:flex;flex-direction:row;flex-wrap:wrap;align-items:baseline;gap:14px 30px;max-width:none;margin-top:40px}
.press-notes a {width:auto;white-space:nowrap}
/* Nessuna didascalia con titoli sotto i video; rimane il link YouTube. */
.video-caption {justify-content:flex-end}


/* VERSIONE 4 — Rifiniture mirate. Nessuna variazione alla struttura o alle sezioni. */
/* Il nome è più arioso e vicino all'eleganza lineare della copertina originale. */
.hero-content {width:min(100%,590px);max-width:590px}
h1 {
 font-family:"Helvetica Neue","Avenir Next",Helvetica,Arial,sans-serif;
 font-size:clamp(64px,6.8vw,98px);
 font-weight:200;
 letter-spacing:.018em;
 line-height:1.02;
 text-align:center;
}
.role {text-align:center;letter-spacing:.19em}
.hero-actions {justify-content:center}
/* L'header non è fisso: i link interni non devono far vedere la sezione precedente. */
html {scroll-padding-top:0}
.content-section, .music-section {scroll-margin-top:0}
.music-section {padding-top:clamp(70px,6vw,96px)}
/* Il player resta disponibile e si apre sulla pagina, ma non domina la composizione. */
.spotify-listening {margin-top:33px;max-width:600px}
.spotify-toggle {
 color:var(--ice);display:inline-flex;align-items:center;gap:13px;
 border:0;border-bottom:1px solid rgba(187,220,227,.38);
 background:transparent;padding:10px 0 11px;cursor:pointer;
 font-family:inherit;font-size:14px;font-weight:400;letter-spacing:.018em;
}
.spotify-toggle:hover {color:var(--coral);border-color:var(--coral)}
.spotify-toggle-mark {display:inline-grid;place-items:center;font-size:10px;width:24px;height:24px;border:1px solid currentColor;border-radius:50%;padding-left:2px}
.spotify-frame[hidden] {display:none!important}
.spotify-listening .spotify-frame {margin-top:22px;max-width:600px}
.spotify-listening .spotify-frame iframe {display:block;width:100%;height:100%;border:0;border-radius:13px}
.lineup-details {margin-top:32px}
/* Link press in riga distribuiti sull'intera larghezza, con a capo naturale su mobile. */
.press-notes {display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;column-gap:clamp(12px,1.9vw,28px);row-gap:20px;width:100%;max-width:none}
.press-notes a {white-space:nowrap}
@media(max-width:1000px){h1{font-size:clamp(62px,7.3vw,85px)}}
@media(max-width:760px){
 .hero-content {width:100%;max-width:100%}
 h1 {font-size:clamp(54px,10.6vw,81px);letter-spacing:.012em}
 .music-section {padding-top:70px}
 .press-notes {justify-content:flex-start;column-gap:24px}
}
@media(max-width:400px){h1{font-size:clamp(49px,10.6vw,62px)}}


/* V5 — Solo 3 interventi: nome, ascolto Spotify, ancoraggio Awakenings.
   Altre sezioni e contenuti invariati rispetto alla V4. */
h1 {
 font-family:"Helvetica Neue","Arial Narrow",Helvetica,Arial,sans-serif;
 font-size:clamp(60px,6.35vw,91px);
 font-weight:200;
 letter-spacing:.075em;
 line-height:1.10;
 text-align:center;
 transform:scaleX(.91);
 transform-origin:center center;
}
/* Quando si clicca sul menu, l'album ha una schermata propria, senza mostrare
   l'ultima parte della foto né la scritta "Video" sottostante. */
.music-section {
 min-height:100svh;
 display:flex;
 align-items:center;
 padding-top:clamp(52px,6vh,80px);
 padding-bottom:clamp(52px,6vh,80px);
 scroll-margin-top:0;
}
.music-section .music-layout {width:100%}
/* L'anteprima è autentica e interattiva, non un player ricreato o un link esterno.
   Resta più stretta del testo e senza cornici decorative o ombre. */
.music-information .album-copy {margin-bottom:29px}
.spotify-listening {max-width:465px;margin-top:0}
.spotify-listening .spotify-frame {
 display:block;
 margin-top:0;
 width:100%;max-width:465px;
 height:152px;
 border:0;
 border-radius:10px;
 overflow:hidden;
 clip-path:inset(0 round 10px);
 background:#171719;
 box-shadow:none;
}
.spotify-listening .spotify-frame iframe {
 display:block;width:100%;height:152px;border:0;
 border-radius:10px;background:#171719;
}
.music-information .lineup-details {margin-top:36px}
@media(max-width:1000px){h1{font-size:clamp(59px,6.7vw,83px)}}
@media(max-width:760px){
 h1{font-size:clamp(52px,10.0vw,78px);letter-spacing:.045em;transform:scaleX(.94)}
 .music-section {min-height:100svh;padding-top:70px;padding-bottom:78px;align-items:center}
 .spotify-listening,.spotify-listening .spotify-frame{max-width:100%}
}
@media(max-width:400px){h1{font-size:clamp(48px,10.0vw,59px)}}



/* V7 — raffinazione finale su nome, sezione album e pulizia crediti foto */
.photo-credit{display:none!important}
footer{justify-content:flex-start}
footer [data-t="copyright"]{display:none!important}

.hero-content{width:min(100%,610px);max-width:610px}
.role{margin-bottom:24px;text-align:center;letter-spacing:.18em}
h1{
  font-family:"Helvetica Neue","Avenir Next",Helvetica,Arial,sans-serif;
  font-size:clamp(54px,5.7vw,78px);
  font-weight:200;
  letter-spacing:.15em;
  line-height:1.04;
  text-align:center;
  text-transform:uppercase;
  transform:scaleX(.88);
  transform-origin:center;
}
h1 span{margin-top:.16em}
.hero-actions{justify-content:center;gap:30px;margin-top:28px}
.hero-actions a{font-size:13px;letter-spacing:.08em;color:var(--ice)}
.hero-actions a:hover{color:var(--coral)}

.music-section{
  min-height:100svh;
  display:flex;
  align-items:center;
  padding-top:clamp(34px,4.5vh,52px);
  padding-bottom:clamp(34px,4.5vh,52px);
}
.music-layout{
  grid-template-columns:minmax(250px,360px) minmax(0,1fr);
  gap:clamp(34px,6vw,100px);
  align-items:start;
}
.cover-block{align-self:center}
.cover-block img{display:block;width:100%;height:auto;box-shadow:0 18px 36px rgba(0,0,0,.24)}
.cover-block p{margin-top:14px;font-size:11px;letter-spacing:.08em;color:#8f8d8b}
.music-information{
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-self:center;
  max-width:640px;
}
.music-information .album-copy{
  margin:0;
  max-width:31ch;
  font-size:clamp(22px,2.1vw,28px);
  line-height:1.52;
  letter-spacing:-.03em;
  color:#f1efec;
}
.lineup-details{
  order:2;
  margin-top:24px;
  border-top:0;
  padding-top:0;
}
.lineup-details summary{
  display:inline-flex;
  align-items:center;
  gap:8px;
  list-style:none;
  font-size:14px;
  letter-spacing:.02em;
  color:#cbc8c4;
  cursor:pointer;
  padding:0;
}
.lineup-details summary::-webkit-details-marker{display:none}
.lineup-details summary::after{content:'+';color:var(--coral);font-size:16px;line-height:1;transition:transform .18s ease}
.lineup-details[open] summary::after{transform:rotate(45deg)}
.lineup{margin-top:18px;padding-top:0;border-top:1px solid rgba(255,255,255,.09);padding-top:18px}
.spotify-listening{
  order:3;
  margin-top:26px;
  max-width:495px;
}
.spotify-frame{
  width:100%;
  height:152px;
  position:relative;
  overflow:hidden;
  border-radius:12px;
  background:#151517;
  clip-path:inset(1px round 12px);
  -webkit-mask-image:-webkit-radial-gradient(white,black);
  isolation:isolate;
  box-shadow:none;
}
.spotify-frame::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:12px;
  box-shadow:inset 0 0 0 2px #0b0b0c;
  pointer-events:none;
  z-index:2;
}
.spotify-frame iframe{
  display:block;
  width:100%;
  height:100%;
  border:0;
  background:#151517;
  border-radius:12px;
}
#music .section-head{display:none}

.press-notes{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:space-between;
  gap:18px 26px;
  width:100%;
  max-width:none;
}
.press-notes a{white-space:nowrap}

@media(max-width:1000px){
  h1{font-size:clamp(52px,6.2vw,70px);letter-spacing:.13em}
  .music-information .album-copy{font-size:clamp(24px,3.3vw,34px)}
}
@media(max-width:760px){
  h1{font-size:clamp(48px,11vw,68px);letter-spacing:.11em;transform:scaleX(.92)}
  .music-section{padding-top:52px;padding-bottom:52px;align-items:center}
  .music-layout{grid-template-columns:1fr;gap:30px}
  .cover-block{max-width:320px}
  .music-information{max-width:100%}
  .music-information .album-copy{max-width:none;font-size:clamp(21px,5.6vw,27px)}
  .spotify-listening{max-width:100%}
  .press-notes{justify-content:flex-start;gap:14px 22px}
}
@media(max-width:400px){
  h1{font-size:clamp(44px,11vw,56px)}
}


/* V8 — nuova homepage e pagina Awakenings; navigazione senza sezioni sovrapposte. */
.hero-content {
 width:min(100%,690px); max-width:690px;
 display:flex;flex-direction:column;align-items:center;
 padding-bottom:0;
}
.hero h1{
 font-family:"Helvetica Neue","Arial Narrow",Helvetica,Arial,sans-serif;
 font-size:clamp(42px,5.4vw,76px);
 font-weight:200;
 line-height:1.12;
 letter-spacing:.145em;
 transform:scaleX(.81);
 transform-origin:center;
 white-space:nowrap;
 margin:0;
 width:max-content;
 max-width:none;
 text-align:center;
 color:var(--coral);
}
.hero h1 span{display:inline;margin:0}
.hero .role{
 order:2; margin:17px 0 0;
 width:auto;text-align:center;
 color:var(--ice);font-size:11px;
 letter-spacing:.22em;font-weight:500;
}
.hero .hero-actions{order:3;margin-top:32px;gap:37px;justify-content:center}
.hero .hero-actions a{font-size:13px;font-weight:400;letter-spacing:.075em}
.photo-credit{display:none!important}

.music-section{
 display:flex;justify-content:center;align-items:center;
 min-height:100svh;
 padding-top:clamp(52px,7vh,94px);
 padding-bottom:clamp(52px,7vh,94px);
 border-bottom:1px solid #29292b;
 scroll-margin-top:0;
}
.album-composition{
 width:100%;display:grid;
 grid-template-columns:minmax(240px,.85fr) minmax(0,1.15fr);
 align-items:center;
 column-gap:clamp(56px,8vw,140px);
}
.album-artwork{min-width:0;max-width:420px;justify-self:center;width:100%}
.album-artwork > img{
 display:block;width:100%;height:auto;aspect-ratio:1;
 object-fit:cover;
}
.album-credits{
 border:0;margin:23px 0 0!important;padding:0!important;
}
.album-credits summary{
 display:inline-block;cursor:pointer;
 font-size:12px;letter-spacing:.04em;font-weight:400;
 color:#b9b7b5;
}
.album-credits summary::after{content:" +";color:var(--coral)}
.album-credits[open] summary::after{content:" −";transform:none}
.album-credits .lineup{padding-top:16px;margin-top:16px;border-top:1px solid #242426}
.album-story{min-width:0;align-self:center;display:flex;flex-direction:column;align-items:flex-start;gap:0}
.album-meta{
 
 margin:0 0 27px;
 font-size:12px;font-weight:400;letter-spacing:.11em;
 text-transform:uppercase;color:var(--ice);
}
.album-story .album-copy{
 color:#eae8e6;
 max-width:23em;
 margin:0;
 font-size:clamp(20px,2.25vw,29px);
 font-weight:300;
 line-height:1.5;
 letter-spacing:-.027em;
}
.album-listen{
 display:block;width:100%;max-width:550px;
 margin-top:clamp(30px,4.4vw,60px);
}
.spotify-shell{
 position:relative;width:100%;height:152px;
 background:var(--bg);
 overflow:hidden;
 isolation:isolate;
 border:0;
 clip-path:inset(2px round 12px);
}
.spotify-shell iframe{
 border:0;display:block;
 width:calc(100% + 6px);
 height:calc(100% + 6px);
 position:absolute;left:-3px;top:-3px;
 border-radius:0;
 background:#151517;
 filter:brightness(.91) saturate(.78);
}
/* Spotify owns its player UI. A 3px outer crop conceals Safari's white corner seams
   without covering the playback controls. */
.spotify-shell::after{
 content:"";position:absolute;inset:0;
 z-index:2;pointer-events:none;
 border:3px solid var(--bg);border-radius:13px;
}

/* Press fits a single viewport when its content allows it; next heading never peeks in. */
.press-section{
 min-height:100svh;
 display:flex;flex-direction:column;justify-content:center;
 padding-top:clamp(60px,8vh,120px);padding-bottom:clamp(60px,8vh,120px);
}
#records{
 min-height:100svh;
 padding-top:clamp(70px,10vh,118px);
}
html{scroll-padding-top:0}
.content-section{scroll-margin-top:0}
@media(max-width:1000px){
 .hero-content{max-width:570px}
 .hero h1{font-size:clamp(42px,5.2vw,65px)}
 .album-composition{column-gap:clamp(35px,5vw,75px);grid-template-columns:minmax(230px,.92fr) minmax(0,1.08fr)}
}
@media(max-width:760px){
 .hero-content{width:100%;max-width:100%;padding-bottom:72px}
 .hero h1{font-size:clamp(31px,8.5vw,52px);letter-spacing:.09em;transform:scaleX(.88)}
 .hero .role{margin-top:14px;font-size:10px;letter-spacing:.15em}
 .hero .hero-actions{gap:34px;margin-top:23px}
 .music-section{min-height:100svh;padding-top:64px;padding-bottom:67px;align-items:center}
 .album-composition{grid-template-columns:1fr;gap:30px}
 .album-artwork{width:min(100%,360px);justify-self:start}
 .album-credits{margin-top:16px!important}
 .album-story{width:100%}
 .album-meta{margin:0 0 15px}
 .album-story .album-copy{font-size:clamp(19px,5.2vw,25px);max-width:30em}
 .album-listen{margin-top:26px;max-width:550px}
 .press-section{justify-content:flex-start}
 #records{padding-top:78px}
}
@media(max-width:400px){
 .hero h1{font-size:clamp(30px,8.4vw,35px);letter-spacing:.078em;transform:scaleX(.89)}
 .hero .role{letter-spacing:.12em}
 .album-artwork{width:min(100%,310px)}
 .album-story .album-copy{font-size:19px}
}

/* V8 mobile polish — all six menu items readable without cropping. */
@media(max-width:760px){
 .hero{height:calc(100svh - 95px);min-height:700px}
 .nav{gap:10px;justify-content:space-between;overflow-x:visible;white-space:nowrap}
 .nav a{font-size:clamp(10px,2.7vw,11.5px);letter-spacing:0}
}
@media(max-width:400px){
 .nav{gap:5px}
 .nav a{font-size:10px}
}

/* V9 — micro-rifiniture approvate: più aria al nome e crediti che non spostano il blocco destro. */
.hero-content{
  transform:translateX(-18px);
}
.hero h1{
  padding-right:.16em;
}

/* Il layout della sezione album resta fermo quando si aprono i crediti:
   si espande solo la colonna sinistra, senza ricentrare testo e player. */
.music-section{
  align-items:flex-start;
}
.album-composition{
  align-items:start;
}
.album-story{
  align-self:start;
  padding-top:clamp(10px,1.2vw,18px);
}
.album-artwork{
  align-self:start;
}

/* Manteniamo la lettura più ordinata quando i credits sono aperti. */
.album-credits .lineup{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px 24px;
}
.album-credits .lineup p{
  margin:0;
}
@media(max-width:760px){
  .hero-content{transform:translateX(-18px)}
  .album-story{padding-top:0}
  .album-credits .lineup{grid-template-columns:1fr}
}


/* V10 — Tipografia più vicina alla scritta AWAKENINGS in copertina.
   Il font esatto della grafica originale non è identificabile dalla sola immagine;
   riprendiamo proporzioni, linee monolineari e spaziatura con un sans leggero. */
.hero h1{
  font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
  font-weight:200;
  font-size:clamp(40px,5.0vw,73px);
  letter-spacing:.055em;
  line-height:1.12;
  transform:scaleX(.92);
  transform-origin:center;
}
/* L'etichetta compare esclusivamente nei dettagli della formazione. */
.album-credits .lineup .label-credit{
  grid-column:1/-1;
  margin-top:3px;
  display:flex;
  flex-direction:column;
  gap:3px;
}
.album-credits .lineup .label-credit span{
  display:block;
  color:#aaa8a6;
  font-size:11px;
  margin:0;
}
.album-credits .lineup .label-credit strong{
  font-size:12px;
  font-weight:400;
  color:#f1f0ee;
}
@media(max-width:1000px){
 .hero h1{font-size:clamp(40px,5vw,65px);letter-spacing:.058em;transform:scaleX(.92)}
}
@media(max-width:760px){
 .hero h1{font-size:clamp(30px,8.0vw,50px);letter-spacing:.04em;transform:scaleX(.94)}
}
@media(max-width:400px){
 .hero h1{font-size:clamp(29px,7.6vw,35px);letter-spacing:.025em;transform:scaleX(.94)}
}

/* V11b — conserva le correzioni zoom già approvate.
   Il ritratto mantiene ESATTAMENTE proporzioni, ritaglio e posizione della V10. */
.music-section,.press-section,#records {
  min-height:0;
  height:auto;
}
.music-section {
  padding-top:clamp(66px,7vw,105px);
  padding-bottom:clamp(68px,7vw,110px);
}
.press-section {
  justify-content:flex-start;
  padding-top:clamp(70px,7vw,112px);
  padding-bottom:clamp(70px,7vw,112px);
}
#records {padding-top:clamp(70px,7vw,112px)}

/* Più distanza visiva dal nome: spostiamo SOLO il testo verso sinistra.
   La foto NON cambia dimensione, ritaglio, posizione o maschera. */
@media (min-width:761px) {
  .hero-content {transform:translateX(calc(-14px - clamp(32px,3.4vw,53px)))}
}
@media (max-width:760px) {
  .music-section,.press-section,#records {min-height:0;height:auto}
}

/* V11d — navigazione persistente: solo la barra superiore diventa sticky.
   Nessuna modifica a foto, tipografia, contenuti o spazi tra le sezioni. */
.site-head {
  position:sticky;
  top:0;
  z-index:100;
}
/* Lascia visibili i titoli raggiunti dal menu anche con la barra fissa. */
html {scroll-padding-top:78px}
@media (max-width:760px) {
  html {scroll-padding-top:116px}
}