/* pagine dei singoli progetti (collegate dalla lista in musica.html); si carica dopo ../style.css */
.nav a[aria-current=true]{color:var(--tq)}
.prj-hero{position:relative;isolation:isolate;overflow:hidden;min-height:min(760px,80svh);display:flex;align-items:flex-end;background:var(--deep)}
.prj-hero>.cover{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;animation:kb 40s ease-in-out infinite alternate}
.prj-hero:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,var(--bg) 4%,rgba(20,17,14,.55) 46%,rgba(13,12,10,.25) 100%)}
.prj-hero .wrap{width:100%;padding-top:120px;padding-bottom:64px;display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:64px;align-items:end}
.prj-hero h1{font-size:clamp(60px,10.4vw,152px)}
.prj-sub{font-size:clamp(30px,3.4vw,52px);line-height:.95;color:var(--tq)}
.back{color:var(--mut);align-self:flex-start}.back:hover{color:var(--tq)}
.cast{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--ln)}
.cast li{padding:16px 24px 16px 0;border-bottom:1px solid var(--ln);display:flex;flex-direction:column;gap:4px}
.cast li:nth-child(even){padding-left:24px;border-left:1px solid var(--ln)}
.cast strong{font-weight:500;font-size:17px;line-height:1.35}
.cast span{font-family:var(--mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--dim)}
.cast .is-me strong{color:var(--tq)}
.vlinks{display:flex;flex-wrap:wrap;gap:16px 28px}
.prj-body .quote{font-size:clamp(26px,2.4vw,34px);line-height:1.1}
/* foto: usa la .gallery di style.css (una grande + due piccole); i file stanno in ../assets/progetti/<progetto>/ */
.gallery .credit{grid-column:1/-1;margin-top:-6px}
.gallery .more{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.gallery .more img{height:300px}
.gallery .more.two{grid-template-columns:repeat(2,minmax(0,1fr))}.gallery .more.two img{height:420px}
.kv{margin:24px 0 0;display:flex;flex-direction:column;gap:12px}.kv img{width:100%;max-width:420px;height:auto;background:var(--sf)}
@media (max-width:760px){
.prj-hero{min-height:72svh}.prj-hero .wrap{grid-template-columns:1fr;gap:20px;padding-top:96px;padding-bottom:40px}
.prj-hero h1{font-size:clamp(52px,15vw,88px)}
.cast{grid-template-columns:1fr}.cast li,.cast li:nth-child(even){padding:14px 0;border-left:0}
.gallery .credit{margin-top:0}.gallery .more,.gallery .more.two{grid-template-columns:1fr 1fr;gap:12px}.gallery .more img,.gallery .more.two img{height:180px}}