.real-work{background:#f4f1eb}
.real-work-head{display:flex;align-items:end;justify-content:space-between;gap:36px;margin-bottom:34px}
.real-work-head p{max-width:470px;color:#69737d}
.real-work-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:240px;gap:14px}
.real-work-grid figure{position:relative;margin:0;overflow:hidden;background:#111820;box-shadow:0 10px 28px rgba(10,18,28,.14)}
.real-work-grid figure:nth-child(1),.real-work-grid figure:nth-child(6){grid-column:span 2}
.real-work-grid img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}
.real-work-grid figure:hover img{transform:scale(1.035)}
.real-work-grid figcaption{position:absolute;inset:auto 0 0;padding:28px 18px 15px;color:#fff;font-weight:800;background:linear-gradient(transparent,rgba(7,13,19,.93));text-shadow:0 2px 7px #000}
.real-work-grid figcaption span{display:block;color:#ff8e87;margin-top:2px;font-size:.72rem;text-transform:uppercase;letter-spacing:.11em}
@media(max-width:900px){.real-work-grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:225px}.real-work-grid figure:nth-child(1),.real-work-grid figure:nth-child(6){grid-column:span 1}}
@media(max-width:560px){.real-work-head{display:block}.real-work-grid{grid-template-columns:1fr 1fr;grid-auto-rows:185px;gap:9px}.real-work-grid figure:nth-child(3),.real-work-grid figure:nth-child(10){grid-column:1/-1}.real-work-grid figcaption{padding:24px 12px 11px;font-size:.82rem}}
@media(prefers-reduced-motion:reduce){.real-work-grid img{transition:none}}