/* Gallery: centred column of overlapping photos, laid out after Dennis's sketch. */
.mag{padding-top:10px;padding-bottom:40px}
.spread{position:relative;container-type:inline-size;max-width:760px;margin:0 auto;overflow-x:clip}
.spread::before{content:"";display:block;padding-top:166%}
.ph{position:absolute;margin:0;overflow:hidden;cursor:zoom-in}
.ph img{width:100%;height:100%;object-fit:cover;transition:transform .6s}
.ph:hover img{transform:scale(1.03)}
.note{position:absolute;margin:0}

/* stand top-left, hug overlapping to the right, sunset lower-left, kiss small at the bottom */
.d{left:19.5cqw;top:3cqw;width:40cqw;height:63.5cqw;z-index:1}
.c{left:50.5cqw;top:48cqw;width:41.5cqw;height:69.5cqw;z-index:2}
.a{left:11cqw;top:72.5cqw;width:35cqw;height:62cqw;z-index:1}
.b{left:39cqw;top:121.5cqw;width:22.5cqw;height:40cqw;z-index:3}
/* Place and date beside the small photo */
.date{left:63cqw;top:122cqw;text-align:left;font-size:clamp(1.05rem,3.4cqw,1.7rem);line-height:1.45;white-space:nowrap;z-index:4}
.sunset-cap{left:63cqw;top:28cqw;width:28cqw;font-family:var(--sans);font-weight:300;text-transform:uppercase;letter-spacing:.14em;font-size:clamp(.62rem,1.9cqw,.9rem);line-height:1.6;color:var(--teal-text)}
@media (max-width:760px){.sunset-cap{left:62cqw;top:10cqw;width:36cqw;font-size:.6rem;letter-spacing:.1em;line-height:1.5}}