.mosaic{display:grid;grid-template-columns:repeat(12,1fr);gap:clamp(10px,1.4vw,20px);margin-bottom:clamp(3rem,7vw,6rem)}
.mosaic > img{width:100%;height:100%;object-fit:cover;object-position:50% 32%;display:block}
.mfig img{width:100%;height:auto;object-fit:cover;object-position:50% 32%;display:block}
.m-wide{grid-column:span 8} .m-tall{grid-column:span 4} .m-half{grid-column:span 6}
.m-third{grid-column:span 4} .m-full{grid-column:span 12}
.ar-4x5{aspect-ratio:4/5} .ar-3x2{aspect-ratio:3/2} .ar-16x9{aspect-ratio:16/9}
.mfig{margin:0}
.mfig figcaption{margin-top:.7rem;font-size:14px;font-style:italic;color:#6f6a5e;line-height:1.6;max-width:70ch}
.band-head{margin-bottom:clamp(1.6rem,3vw,2.4rem);max-width:640px}
.band-head h2{font-family:var(--serif-d);font-weight:300;font-size:clamp(26px,3vw,40px);margin:.6rem 0 .7rem}
.band-head h2 em{font-style:italic}
.band-head p{color:#6f6a5e;font-size:16px}
.vwrap{aspect-ratio:16/9;background:var(--indigo);display:flex;align-items:center;justify-content:center}
.vwrap iframe,.vwrap video{width:100%;height:100%;border:0;object-fit:cover}
.vph{text-align:center;font-family:var(--serif-d);color:var(--gold-soft);font-size:15px;line-height:2;letter-spacing:.12em}
.vph span{font-size:11px;letter-spacing:.3em;text-transform:uppercase;opacity:.6}
.films{display:grid;grid-template-columns:1fr 1fr;gap:clamp(1.4rem,3vw,2.6rem)}
.film figcaption{margin-top:.9rem;display:flex;flex-direction:column;gap:.15rem}
.film .ft{font-family:var(--serif-d);font-size:clamp(18px,1.6vw,22px)}
.film .fs{font-size:14px;color:#6f6a5e;font-style:italic}
@media(max-width:820px){.films{grid-template-columns:1fr}}
@media(max-width:820px){.m-wide,.m-tall,.m-half,.m-third{grid-column:span 12}}