.exhibition-scenes{background:#e7edf8;padding:94px 0 105px}
.scenes-heading{align-items:end}
.scenes-heading>p{max-width:400px;color:#62728e;line-height:1.8}
.scenes-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:195px;gap:12px}
.scene{position:relative;display:block;overflow:hidden;background:#122774;color:#fff}
.scene-featured{grid-column:span 2;grid-row:span 2}
.scene img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s}
.scene:hover img,.scene:focus-visible img{transform:scale(1.04)}
.scene::after{content:'';position:absolute;inset:45% 0 0;background:linear-gradient(transparent,rgba(5,17,52,.6));pointer-events:none}
.scene span{position:absolute;z-index:1;left:17px;bottom:14px;font-size:14px;font-weight:800;text-shadow:0 1px 3px #071440}
.scene-featured span{font-size:19px;left:22px;bottom:20px}
.scene:focus-visible{outline:3px solid #ec2337;outline-offset:3px}
@media(max-width:900px){.exhibition-scenes{padding:65px 0 75px}.scenes-grid{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:170px}.scene-featured{grid-column:span 2;grid-row:span 2}}
@media(max-width:600px){.scenes-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:145px;gap:8px}.scene-featured{grid-column:span 2;grid-row:span 1}.scene span{left:10px;bottom:9px;font-size:11px}.scene-featured span{left:13px;bottom:11px;font-size:14px}}