.collage-grid .collage-photo::before{display:none}.gallery-collage{background:#0b0b0b;padding:72px max(24px,calc((100vw - 1120px)/2));color:#fff}.gallery-collage>h2{text-align:center;font:700 clamp(26px,3vw,36px)/1.3 'DM Sans',sans-serif;margin:0 0 36px}.collage-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:clamp(170px,19vw,255px);gap:22px;max-width:1120px;margin:auto}.collage-grid .collage-photo{position:relative;display:block;min-width:0;width:100%;height:100%;padding:0;border:0;border-radius:0;overflow:hidden;background:#181818;cursor:pointer;aspect-ratio:auto}.collage-photo:nth-child(3){grid-column:3/5;grid-row:1/3}.collage-photo:nth-child(4){grid-column:1/3;grid-row:2}.collage-photo:nth-child(9),.collage-photo:nth-child(10){grid-column:span 2}.collage-grid .collage-photo img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .3s}.collage-grid .collage-photo:hover img{transform:scale(1.035)}.collage-grid .collage-photo span{position:absolute;bottom:0;left:0;right:0;padding:28px 14px 12px;background:linear-gradient(transparent,#000c);color:white;font:500 14px/1.4 'DM Sans',sans-serif;opacity:0;transition:opacity .2s}.collage-grid .collage-photo:hover span,.collage-grid .collage-photo:focus-visible span{opacity:1}.collage-grid .collage-photo:focus-visible{outline:3px solid #ed3045;outline-offset:4px}@media(max-width:650px){.gallery-collage{padding:48px 20px}.collage-grid{gap:12px;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:180px}.collage-photo:nth-child(3){grid-column:1/3;grid-row:2/4}.collage-photo:nth-child(4){grid-column:1/3;grid-row:auto}.collage-photo:nth-child(9),.collage-photo:nth-child(10){grid-column:span 1}}@media(prefers-reduced-motion:reduce){.collage-grid .collage-photo img{transition:none}}
