:root{--bg:#16191b;--panel:#202325;--cream:#f2ede5;--muted:#bbb4ab;--accent:#aa676b}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--cream);font-family:Georgia,'Times New Roman',serif}a{color:inherit;text-decoration:none}.topbar{height:90px;padding:0 max(5vw,22px);display:flex;justify-content:space-between;align-items:center;position:absolute;z-index:5;top:0;left:0;right:0;background:linear-gradient(#0c1115c9,transparent)}.brand{font-style:italic;font-size:45px;line-height:1}.brand small{font:9px Arial,sans-serif;letter-spacing:3px;display:block;text-align:center;margin-top:9px}.topbar nav{display:flex;gap:30px}.topbar nav a{font:11px Arial,sans-serif;text-transform:uppercase;letter-spacing:2px}.topbar nav a:hover,.mail:hover{color:#e6a4a4}.hero{min-height:750px;height:92svh;max-height:1000px;display:flex;align-items:center;background:linear-gradient(90deg,#10181ef7 0%,#10181ee9 17%,#10181e9e 35%,#10181e20 58%,transparent 100%),url('assets/HomePage/rhodes-atmosfera.webp') right center/70% 100% no-repeat,#111820}.hero-content{padding:125px max(5vw,24px) 85px;max-width:670px}.eyebrow{font:11px Arial,sans-serif;letter-spacing:3px;color:#c78183;text-transform:uppercase}.hero h1{font-size:clamp(55px,6vw,100px);font-weight:normal;line-height:1.03;letter-spacing:-2px;margin:22px 0}.hero-content>p:not(.eyebrow){font-size:clamp(17px,2vw,23px);color:#d7d0c8;line-height:1.5}.cta{display:inline-flex;align-items:center;gap:30px;margin-top:25px;padding:19px 26px;background:#84484edb;text-transform:uppercase;font:11px Arial,sans-serif;letter-spacing:2px}.cta:hover{background:#a65c62}.section{padding:100px max(7vw,24px);max-width:1600px;margin:auto;scroll-margin-top:30px}.section h2{font-size:clamp(38px,5vw,70px);font-weight:normal;margin:12px 0 26px}.section-head{display:flex;justify-content:space-between;gap:50px;align-items:end}.section-head>p{max-width:410px;line-height:1.8;color:var(--muted)}.music-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:26px;margin-top:45px}.track{background:var(--panel);border:1px solid #36393a;overflow:hidden}.cover{aspect-ratio:1;display:grid;place-items:center;background:linear-gradient(135deg,#5b363b,#23292c);color:#e8dbcf;font-size:70px}.cover img{width:100%;height:100%;object-fit:cover}.track-content{padding:22px}.track h3{font-weight:normal;font-size:25px;margin:0 0 8px}.track p{font:12px Arial,sans-serif;color:var(--muted);letter-spacing:.6px;line-height:1.6}.track a{display:inline-block;font:11px Arial,sans-serif;letter-spacing:1.5px;text-transform:uppercase;border-bottom:1px solid var(--accent);padding-bottom:8px;margin-top:15px}.bio{border-top:1px solid #36393a;max-width:none;background:#1d2022}.bio>*{max-width:850px}.bio p:not(.eyebrow){font-size:20px;line-height:1.9;color:#c9c2ba}.contact{min-height:370px}.contact p:not(.eyebrow){color:var(--muted)}.mail{font-size:clamp(20px,3vw,34px);border-bottom:1px solid var(--accent);padding-bottom:9px}footer{display:flex;justify-content:space-between;gap:20px;padding:30px max(7vw,24px);font:11px Arial,sans-serif;color:#a9a39c;border-top:1px solid #34383a}.muted{color:var(--muted)}@media(max-width:700px){.topbar{height:auto;display:block;padding:20px 22px}.brand{font-size:34px;display:inline-block}.topbar nav{margin-top:24px;gap:17px;flex-wrap:wrap}.topbar nav a{font-size:10px}.hero{height:auto;min-height:680px;background:linear-gradient(90deg,#10181ef2,#10181e9c),url('assets/HomePage/rhodes-atmosfera.webp') center/cover no-repeat}.hero-content{padding-top:200px}.section{padding-top:75px;padding-bottom:75px}.section-head{display:block}footer{display:block}footer span{display:block;margin-bottom:10px}}

/* Anteprima locale: scena panoramica senza ingrandimenti */
.topbar{background:linear-gradient(180deg,#0c141a 0%,#0c141abf 64%,transparent 100%)}
.brand{font-size:clamp(44px,3.7vw,68px)}
.hero{height:min(56.25vw,94svh);min-height:670px;max-height:none;position:relative;background-color:#0b141a;background-image:linear-gradient(90deg,#0b141a 0%,#0b141afc 18%,#0b141af2 27%,#0b141acc 33%,#0b141a20 49%,transparent 70%),url('assets/HomePage/scena-completa.webp');background-position:center,center center;background-size:100% 100%,100% auto;background-repeat:no-repeat}
.hero-content{max-width:610px;width:40%;padding:125px 0 70px max(4.8vw,24px);position:relative;z-index:1}
.hero h1{font-size:clamp(52px,5.1vw,88px);white-space:nowrap;line-height:1.04;letter-spacing:-2px}
.hero-content>p:not(.eyebrow){font-size:clamp(17px,1.5vw,23px)}
@media(max-width:900px){.hero{min-height:700px;height:85svh;background-size:100% 100%,auto 100%;background-position:center,60% center}.hero-content{width:65%}.hero h1{font-size:clamp(43px,6vw,68px)}}
@media(max-width:700px){.topbar{background:linear-gradient(#0b141af2,#0b141a00)}.hero{min-height:760px;height:auto;background-image:linear-gradient(90deg,#0b141af2 0%,#0b141ad9 55%,#0b141a70 100%),url('assets/HomePage/scena-completa.webp');background-size:100% 100%,auto 100%;background-position:center,61% center}.hero-content{width:100%;max-width:100%;padding:215px 22px 90px}.hero h1{font-size:clamp(43px,10vw,65px)}.brand{font-size:37px}}

/* Discografia: la Home resta invariata */
.album-list{margin-top:45px;max-width:880px}.album-card{display:grid;grid-template-columns:minmax(200px,340px) 1fr;background:#202325;border:1px solid #373536;overflow:hidden;transition:border-color .2s}.album-card:hover{border-color:#ae7475}.album-card>img{display:block;width:100%;height:100%;aspect-ratio:1;object-fit:cover}.album-info{padding:clamp(22px,4vw,55px);display:flex;flex-direction:column;justify-content:center}.album-info h3{font-size:clamp(32px,4vw,54px);font-weight:normal;margin:12px 0}.album-info>p:not(.eyebrow){color:var(--muted);line-height:1.7}.album-open{font:11px Arial,sans-serif;letter-spacing:1.4px;text-transform:uppercase;color:#e3adb0;margin-top:24px}.album-topbar{display:flex;justify-content:space-between;align-items:center;padding:22px max(5vw,22px);border-bottom:1px solid #34383a}.back-link{font:12px Arial,sans-serif;color:#e0b1b2}.album-page{max-width:1300px;margin:auto;padding:60px max(5vw,22px) 100px}.album-intro{display:grid;grid-template-columns:minmax(240px,420px) 1fr;gap:clamp(30px,6vw,100px);align-items:center}.album-intro>img{width:100%;aspect-ratio:1;object-fit:cover;box-shadow:0 18px 65px #0007}.album-intro h1{font-weight:normal;font-size:clamp(46px,6vw,86px);line-height:1.1;margin:16px 0}.album-intro h1 em{font-weight:normal;color:#c69b91}.album-intro p:not(.eyebrow){color:var(--muted);font-size:18px;line-height:1.7}.album-intro .album-meta{font-size:13px!important}.album-songs{margin-top:100px}.album-songs h2{font-size:clamp(36px,4vw,58px);font-weight:normal;margin:12px 0}.album-songs>.muted{line-height:1.6}.songs-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:35px}.song{border:1px solid #39383a;background:#202325;overflow:hidden}.song-placeholder{aspect-ratio:1;display:grid;place-items:center;background:linear-gradient(140deg,#403137,#222a2d 65%,#151c20)}.song-placeholder span{font-size:66px;color:#c0a19d}.song-details{padding:18px 20px 22px}.song-number{font:11px Arial,sans-serif;color:#c58d91;letter-spacing:2px}.song h3{font-weight:normal;font-size:23px;margin:8px 0}.song p{font:12px Arial,sans-serif;color:var(--muted)}@media(max-width:760px){.album-card,.album-intro{grid-template-columns:1fr}.album-card>img{height:auto}.album-topbar{align-items:start;gap:15px}.album-topbar .brand{font-size:32px}.back-link{font-size:10px}.album-page{padding-top:35px}.album-intro>img{max-width:420px}.songs-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.song-details{padding:13px}.song h3{font-size:18px}.album-songs{margin-top:70px}}@media(max-width:400px){.songs-grid{grid-template-columns:1fr}}

/* Copertine originali della discografia */
.songs-grid .song-cover{display:block;width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:12px;box-shadow:0 10px 28px rgba(0,0,0,.25)}

/* Catalogo album dinamico: senza modifiche alla Home */
.album-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,460px),1fr));max-width:none;gap:24px}.album-card{grid-template-columns:minmax(140px,42%) 1fr}.album-card>img{aspect-ratio:1}.album-info{padding:clamp(16px,3vw,35px)}.album-info h3{font-size:clamp(24px,3vw,40px)}.song-cover-link{display:block}.song-cover-link:hover img{filter:brightness(1.13)}.song-cover-link:focus-visible{outline:3px solid #d4a0a0;outline-offset:-3px}.songs-grid .song-cover-link img{display:block;width:100%;aspect-ratio:1;object-fit:cover;border-radius:12px}@media(max-width:520px){.album-card{grid-template-columns:1fr}.album-card>img{width:100%}}

/* Navigazione Album e opere / Singoli */
.catalog-filters{display:flex;gap:12px;flex-wrap:wrap;margin-top:40px}.catalog-filter{border:1px solid #745257;background:#202325;color:#f2ede5;font:12px Arial,sans-serif;letter-spacing:1px;padding:14px 20px;cursor:pointer}.catalog-filter.active,.catalog-filter:hover{background:#84484e}.catalog-empty{color:#bbb4ab;margin:28px 0;font-size:17px}.album-list[hidden],.catalog-empty[hidden]{display:none!important}

/* Archivio compatto dei singoli */
.singles-panel{margin:30px 0 65px;max-width:850px}.singles-panel[hidden],.singles-more[hidden]{display:none!important}.singles-panel h3{font-size:clamp(26px,3vw,40px);margin:0 0 8px}.singles-subtitle,.singles-count{color:#bcb5af}.singles-search{display:block;box-sizing:border-box;width:100%;padding:15px 18px;margin:24px 0 12px;border:1px solid #6c5557;background:#202325;color:#fff;border-radius:6px;font-size:16px}.singles-entries{display:grid;gap:1px}.single-row{display:flex;align-items:center;gap:18px;padding:11px 8px;border-bottom:1px solid #54474a;text-decoration:none;color:#f2ede5;transition:background .2s}.single-row:hover,.single-row:focus-visible{background:#333033}.single-row img{width:64px;height:64px;object-fit:cover;border-radius:5px;flex-shrink:0}.single-name{font-size:clamp(17px,2vw,22px);flex:1}.single-play{color:#e2b2aa;font-size:14px;white-space:nowrap}.singles-more{display:block;margin:24px auto;border:1px solid #745257;background:#202325;color:#f2ede5;padding:13px 23px;cursor:pointer}@media(max-width:520px){.single-row{gap:12px}.single-row img{width:50px;height:50px}.single-play{font-size:12px}}

/* Biografia: testo a sinistra, foto originali a destra */
.bio .bio-inner{max-width:1376px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,1fr);gap:clamp(35px,6vw,100px);align-items:start}
.bio-copy{min-width:0}.bio .bio-copy p:not(.eyebrow){font-size:clamp(17px,1.35vw,20px);line-height:1.85;margin:0 0 23px;max-width:760px}
.bio .bio-copy p:last-child{color:#e3c5bc;font-style:italic;margin-top:30px}
.bio-photos{display:grid;gap:38px;padding-top:78px;min-width:0}.bio-photos figure{margin:0}.bio-photos img{display:block;width:100%;height:auto;border:1px solid #484143;box-shadow:0 14px 35px #0003}
.bio-photos figcaption{font-size:21px;margin-top:16px;line-height:1.35;color:var(--cream)}.bio-photos figcaption span{display:block;font:13px/1.6 Arial,sans-serif;color:var(--muted);margin-top:5px}
@media(max-width:850px){.bio .bio-inner{grid-template-columns:1fr}.bio-photos{padding-top:5px;grid-template-columns:repeat(2,minmax(0,1fr));gap:25px}.bio-photos figcaption{font-size:19px}}
@media(max-width:540px){.bio-photos{grid-template-columns:1fr;gap:32px}.bio .bio-copy p:not(.eyebrow){font-size:18px;line-height:1.8}}
