.project-gallery{padding:76px 0;background:#f4f1eb}
.project-gallery-head{display:flex;align-items:end;justify-content:space-between;gap:36px;margin-bottom:30px}
.project-gallery-head p{max-width:470px;color:#68737d}
.project-gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:245px;gap:12px}
.project-gallery-grid figure{position:relative;margin:0;overflow:hidden;background:#111820;box-shadow:0 10px 28px rgba(10,18,28,.14)}
.project-gallery-grid figure:first-child,.project-gallery-grid figure:last-child{grid-column:span 2}
.project-gallery-grid img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .3s ease}
.project-gallery-grid figure:hover img{transform:scale(1.035)}
.project-gallery-grid figcaption{position:absolute;inset:auto 0 0;padding:34px 16px 14px;color:#fff;font-weight:800;background:linear-gradient(transparent,rgba(7,13,19,.94))}
.project-gallery-grid figcaption b{color:#ff5b53;margin-right:7px}
@media(max-width:850px){.project-gallery-grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:225px}.project-gallery-grid figure:first-child,.project-gallery-grid figure:last-child{grid-column:span 1}}
@media(max-width:560px){.project-gallery{padding:58px 0}.project-gallery-head{display:block}.project-gallery-grid{grid-template-columns:1fr 1fr;grid-auto-rows:185px;gap:8px}.project-gallery-grid figure:first-child,.project-gallery-grid figure:last-child{grid-column:1/-1}.project-gallery-grid figcaption{font-size:.82rem;padding:29px 10px 10px}}
@media(prefers-reduced-motion:reduce){.project-gallery-grid img{transition:none}}