:root{--fondo:#161412;--fondo2:#201d1a;--oro:#FFD68C;--testo:#F4EFE6;--tenue:#b9b1a4;--linea:#3a342e;--serif:var(--display);--sans:var(--text)}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--fondo);color:var(--testo);font:16px/1.6 var(--sans)}
a{color:var(--oro)}
img{display:block;max-width:100%;height:auto}
.salta{position:absolute;left:-999px}.salta:focus{left:16px;top:16px;background:var(--oro);color:var(--fondo);padding:8px 12px}
.testa{padding:20px 16px;text-align:center;border-bottom:1px solid var(--linea)}
.marchio{display:inline-block;width:min(220px,60vw)}.marchio img{width:100%}
main{max-width:1100px;margin:0 auto;padding:32px 16px 48px}
h1{font:700 clamp(34px,7vw,64px)/1.05 var(--serif);margin:.1em 0 .2em;letter-spacing:.02em}
h2{font:700 26px var(--serif);margin:48px 0 16px;color:var(--oro)}
h2.piccolo{font:600 13px var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--tenue);margin:28px 0 10px}
.sopra{font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--oro);margin:0}
.data{color:var(--tenue);margin:0}
.album-testa{text-align:center;margin-bottom:32px}
.griglia{list-style:none;padding:0;margin:0;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr))}
.cella{display:block;text-decoration:none;color:var(--testo);background:var(--fondo2);border:1px solid var(--linea);transition:border-color .2s,transform .2s}
.cella:hover,.cella:focus-visible{border-color:var(--oro);transform:translateY(-2px)}
.cella img{aspect-ratio:1;object-fit:cover;width:100%}
.cella .num{display:block;padding:12px 14px 0;font:700 13px var(--sans);color:var(--oro);letter-spacing:.1em}
.cella .nome{display:block;padding:2px 14px 0;font:700 20px/1.25 var(--serif)}
.cella .data{display:block;padding:4px 14px 14px;font-size:14px}
.briciole{font-size:14px;margin-bottom:20px}.briciole a{text-decoration:none;color:var(--oro)}.briciole a:before{content:"← "}
.scheda{display:grid;gap:28px;align-items:center}
@media(min-width:760px){.scheda{grid-template-columns:minmax(0,420px) 1fr}}
.copertina{width:100%;aspect-ratio:1;object-fit:cover;border:1px solid var(--linea)}
.canali{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:10px}
.canali a{display:inline-block;padding:9px 16px;border:1px solid var(--oro);text-decoration:none;font-size:15px;min-height:44px;line-height:24px}
.canali a:hover{background:var(--oro);color:var(--fondo)}
.video{margin-top:48px}
.yt{position:relative;display:block;width:100%;aspect-ratio:16/9;padding:0;border:1px solid var(--linea);background:#000;cursor:pointer;overflow:hidden}
.yt img{width:100%;height:100%;object-fit:cover;opacity:.8;transition:opacity .2s}
.yt:hover img{opacity:1}
.yt iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.nota{font-size:13px;color:var(--tenue);margin:8px 0 0}
.vuoto{text-align:center;color:var(--tenue)}
.piede{border-top:1px solid var(--linea);padding:24px 16px 32px;text-align:center;font-size:14px;color:var(--tenue)}
.piede p{margin:4px 0}.piede a{color:var(--tenue)}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}

.cella,.canali a,.briciole a{text-decoration:none}
.canali a{color:var(--oro)}
.piede a{text-decoration:none}
.cop{position:relative;display:block}
.ytplay{position:absolute;left:50%;top:50%;width:68px;height:48px;margin:-24px 0 0 -34px;border-radius:14px;background:#FF0000;box-shadow:0 2px 12px rgba(0,0,0,.45);transition:transform .15s}
.ytplay:after{content:"";position:absolute;left:27px;top:14px;border-style:solid;border-width:10px 0 10px 17px;border-color:transparent transparent transparent #fff}
.ytplay.grande{width:84px;height:59px;margin:-30px 0 0 -42px;border-radius:17px}
.ytplay.grande:after{left:33px;top:17px;border-width:12.5px 0 12.5px 21px}
.cella:hover .ytplay,.yt:hover .ytplay,.yt:focus-visible .ytplay{transform:scale(1.1)}
.cella .guarda{display:block;padding:0 14px 14px;font:600 13px var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--oro)}
.cella .data{padding-bottom:6px}