/* Compact before and after showcase. */
.results{background:#0b0b0d}
.result-showcase{max-width:800px}
.result-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin-bottom:26px}
.result-project{font-size:12px;color:#b8b8c0;margin-bottom:12px}
.result-intro h2{font-family:var(--display);font-size:48px;font-weight:800;line-height:.98;letter-spacing:-.4px;margin:0}
.result-intro>p{color:#b8b8c0;font-size:13px;line-height:1.7;margin:0 0 3px;max-width:250px}
.result-pair{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;align-items:stretch}
.result-card{margin:0;min-width:0;padding:16px 16px 20px;background:#141416;border:1px solid #303035;border-radius:8px;overflow:hidden}
.result-delivery{border-top:3px solid var(--red);padding-top:14px}
.result-card-heading{display:flex;align-items:center;gap:10px;min-height:31px;margin-bottom:14px}
.result-status{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;font-size:10px;font-weight:600;line-height:1;padding:7px 9px;border-radius:3px;background:#2b2b30;color:#dddde3}
.result-delivery .result-status{background:var(--red);color:#fff}
.result-card-heading h3{font-family:var(--display);font-size:24px;font-weight:600;line-height:1.05;margin:0}
.result-media{display:block;position:relative;overflow:hidden;border-radius:4px;background:#202024}
.result-media img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover}
.result-expand{position:absolute;right:10px;bottom:10px;display:flex;align-items:center;gap:6px;padding:6px 9px;border-radius:3px;background:#08080ad9;border:1px solid #ffffff38;color:#fff;font-size:10px;line-height:1.2}
.result-expand svg{width:14px;height:14px;transform:rotate(-45deg)}
.result-media:hover .result-expand{background:#ba111d}
.result-card figcaption{padding-top:17px}
.result-card figcaption strong{display:block;font-size:15px;font-weight:600;line-height:1.4;color:#f0f0f4;margin-bottom:8px}
.result-card figcaption p{font-size:13px;color:#b8b8c0;line-height:1.7;margin:0}
.result-next-step{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:22px;padding:23px 0 0;border-top:1px solid #303035}
.result-next-step h3{font-family:var(--display);font-size:28px;font-weight:600;line-height:1.1;margin:0 0 7px}
.result-next-step p{font-size:12px;color:#b8b8c0;margin:0;line-height:1.6}
.result-next-step .button{font-size:13px;min-height:47px;padding:12px 17px;gap:9px;flex-shrink:0}
.result-next-step .button svg{width:20px;height:20px}
@media(max-width:760px){
.result-intro{display:block;margin-bottom:22px}
.result-project{font-size:11px;margin-bottom:12px}
.result-intro h2{font-size:43px}
.result-intro>p{margin:16px 0 0;max-width:none;font-size:12px}
.result-intro>p br{display:none}
.result-pair{gap:14px}
.result-card{padding:11px 11px 16px;border-radius:6px}
.result-delivery{padding-top:9px}
.result-card-heading{flex-direction:column;align-items:flex-start;gap:8px;min-height:68px;margin-bottom:10px}
.result-card-heading h3{font-size:22px}
.result-status{font-size:9px;padding:5px 8px}
.result-card figcaption{padding-top:12px}
.result-card figcaption strong{font-size:13px;margin-bottom:7px}
.result-card figcaption p{font-size:12px;line-height:1.6}
.result-expand{right:6px;bottom:6px;padding:5px 6px;font-size:9px;gap:3px}
.result-expand svg{width:12px;height:12px}
.result-next-step{margin-top:20px;gap:17px;align-items:flex-start;flex-direction:column;padding-top:20px}
.result-next-step h3{font-size:27px}
.result-next-step .button{width:100%;font-size:13px}
}
@media(max-width:560px){
.result-pair{grid-template-columns:minmax(0,1fr);max-width:312px;margin-inline:auto;gap:18px}
.result-card{padding:13px 13px 17px}
.result-delivery{padding-top:11px}
.result-card-heading{flex-direction:row;align-items:center;min-height:30px;gap:9px}
.result-card-heading h3{font-size:23px}
.result-card figcaption p{font-size:12px}
.result-intro h2{font-size:clamp(37px,10.5vw,43px)}
}