.gallery{background:#11110f;color:#f0eee8}
.gallery-heading{display:grid;grid-template-columns:1.15fr .75fr;gap:5rem;align-items:end;margin-bottom:3.5rem}
.gallery-heading>p{color:#aaa79f;max-width:490px;margin:0 0 .5rem}
.gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:280px;gap:1rem}
.gallery-grid figure{margin:0;overflow:hidden;background:#222;border:1px solid rgba(240,238,232,.12)}
.gallery-grid .gallery-feature{grid-column:span 2;grid-row:span 2}
.gallery-grid .gallery-wide{grid-column:span 2}
.gallery-grid img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .6s ease,filter .6s ease}
.gallery-grid figure:hover img{transform:scale(1.025);filter:saturate(1.06)}
.hero>img{object-position:center 54%}
@media(max-width:850px){.gallery-heading{grid-template-columns:1fr;gap:2rem}.gallery-grid{grid-template-columns:1fr 1fr;grid-auto-rows:310px}.gallery-grid .gallery-feature{grid-column:1 / 3;grid-row:span 2}.gallery-grid .gallery-wide{grid-column:1 / 3}}
@media(max-width:520px){.gallery-grid{display:grid;grid-template-columns:1fr;grid-auto-rows:auto}.gallery-grid .gallery-feature,.gallery-grid .gallery-wide{grid-column:auto;grid-row:auto}.gallery-grid figure{height:390px}.hero>img{object-position:58% center}}