.photo-wall{padding:7rem 6vw 9rem;display:grid;grid-template-columns:repeat(12,1fr);gap:1.4rem 1.2rem;background:#f6f1e9}
.reference-shot{margin:0;align-self:start}
.reference-shot .crop{position:relative;overflow:hidden;background:#171313}
.reference-shot img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.reference-shot:hover img{transform:scale(1.025)}
.reference-shot figcaption{display:flex;justify-content:space-between;gap:1rem;padding:.85rem 0 2rem;border-top:1px solid rgba(91,14,35,.22);font-family:"Cormorant Garamond",serif;font-size:1.25rem;color:var(--wine)}
.reference-shot figcaption>span:first-child{font-family:"Manrope",sans-serif;font-size:.66rem;letter-spacing:.18em;padding-top:.35rem;color:#766c66}
.shot-hero{grid-column:1/9}.shot-hero .crop{aspect-ratio:10/7}
.shot-portrait{grid-column:10/13;margin-top:11rem}.shot-portrait .crop{aspect-ratio:3/4}
.shot-pool{grid-column:2/6;margin-top:2rem}.shot-pool .crop{aspect-ratio:4/3}
.shot-burgundy{grid-column:7/13;margin-top:8rem}.shot-burgundy .crop{aspect-ratio:4/5}
.shot-detail{grid-column:1/5;margin-top:5rem}.shot-detail .crop{aspect-ratio:4/5}
.shot-friends{grid-column:6/13}.shot-friends .crop{aspect-ratio:7/8}
.shot-toast{grid-column:1/8;margin-top:3rem}.shot-toast .crop{aspect-ratio:5/6}
.shot-kiss{grid-column:9/13;margin-top:13rem}.shot-kiss .crop{aspect-ratio:3/5}
.shot-group{grid-column:2/7;margin-top:2rem}.shot-group .crop{aspect-ratio:4/5}
.shot-party{grid-column:8/13;margin-top:9rem}.shot-party .crop{aspect-ratio:3/5}
.shot-finale{grid-column:1/13;margin-top:4rem}.shot-finale .crop{aspect-ratio:16/8}.shot-finale img{object-position:center 43%}
@media(max-width:900px){.photo-wall{grid-template-columns:repeat(2,1fr);padding:5rem 5vw 7rem}.reference-shot,.shot-hero,.shot-portrait,.shot-pool,.shot-burgundy,.shot-detail,.shot-friends,.shot-toast,.shot-kiss,.shot-group,.shot-party,.shot-finale{grid-column:auto;margin-top:0}.shot-hero,.shot-friends,.shot-toast,.shot-finale{grid-column:1/-1}.shot-hero .crop,.shot-finale .crop{aspect-ratio:4/3}}
@media(max-width:560px){.photo-wall{grid-template-columns:1fr;gap:.5rem;padding:4rem 5vw 6rem}.reference-shot,.shot-hero,.shot-friends,.shot-toast,.shot-finale{grid-column:1}.reference-shot .crop,.shot-hero .crop,.shot-finale .crop{aspect-ratio:4/5}.reference-shot figcaption{font-size:1.1rem;padding-bottom:1.6rem}.shot-finale img{object-position:center}}