.pass{padding-block:clamp(40px,6vw,88px);display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:clamp(24px,4vw,64px);align-items:start}
.pass__grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}
.pass__img{overflow:hidden;border-radius:2px;background:var(--placeholder);aspect-ratio:1}
.pass__img img{width:100%;height:100%;object-fit:cover;transition:transform var(--slow) var(--ease)}
.pass__img:hover img{transform:scale(1.04)}
.pass__img--1{grid-column:span 2;aspect-ratio:3/4}.pass__img--2{grid-column:span 2;aspect-ratio:1}.pass__img--3{grid-column:span 2;aspect-ratio:1}
.pass__img--4{grid-column:span 3;aspect-ratio:4/3}.pass__img--5{grid-column:span 3;aspect-ratio:1}
.pass__img--6{grid-column:span 2;aspect-ratio:3/4}.pass__img--7{grid-column:span 4;aspect-ratio:3/2}
.pass__img--8{grid-column:span 3;aspect-ratio:1}.pass__img--9{grid-column:span 3;aspect-ratio:4/3}
/* sticky on desktop while the image grid scrolls; released when the grid ends */
.pass__side{align-self:stretch}
.pass__sticky{position:sticky;top:calc(var(--header-h) + 32px);display:grid;gap:18px;justify-items:start}
.pass__list{display:grid;gap:2px;font-weight:400}
@media (max-width:900px){
	.pass{grid-template-columns:1fr}
	.pass__side{order:-1}.pass__sticky{position:static}
	.pass__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
	.pass__img,.pass__img--1,.pass__img--2,.pass__img--3,.pass__img--4,.pass__img--5,.pass__img--6,.pass__img--7,.pass__img--8,.pass__img--9{grid-column:auto;aspect-ratio:4/5}
}