.real-projects-section{padding-top:86px;padding-bottom:20px}
.real-projects-section .section-heading{margin-bottom:32px}
.real-project-card{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(340px,.92fr);overflow:hidden;border:1px solid #2b404b;border-radius:7px;background:linear-gradient(135deg,#0e1a22,#101d25);box-shadow:0 20px 55px #0003}
.real-project-preview{position:relative;display:block;overflow:hidden;aspect-ratio:16/10;min-width:0;background:#f8f4eb}
.real-project-preview img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center;background:#f8f4eb;transition:transform .65s ease}
.real-project-preview:hover img{transform:scale(1.025)}
.real-project-badge{position:absolute;z-index:1;top:17px;left:17px;display:inline-flex;align-items:center;gap:8px;padding:9px 11px;border:1px solid #39524e;border-radius:3px;background:#09140ee8;color:#d4f7b4;font:8px/1 var(--mono);letter-spacing:.7px}
.real-project-badge .status-dot{width:5px;height:5px;margin:0}
.real-project-open{position:absolute;z-index:1;right:17px;bottom:17px;display:grid;width:38px;height:38px;place-items:center;border:1px solid #9c905d;border-radius:50%;background:#fff8;color:#715922;font:21px/1 var(--mono);transition:transform .2s ease,background .2s ease}
.real-project-preview:hover .real-project-open{transform:translate(2px,-2px);background:#fff}
.real-project-copy{display:flex;flex-direction:column;justify-content:center;padding:clamp(30px,4vw,56px)}
.real-project-overline{display:flex;justify-content:space-between;gap:12px;color:#698797;font:8px/1.5 var(--mono);letter-spacing:.65px}
.real-project-copy h3{margin:33px 0 16px;color:#e1ecf0;font-size:clamp(33px,3.8vw,48px);font-weight:500;letter-spacing:-2px;line-height:1.02}
.real-project-copy h3 span{color:var(--lime)}
.real-project-copy>p{max-width:440px;margin:0;color:#8da2b0;font-size:13px;line-height:1.85}
.real-project-categories{display:flex;flex-wrap:wrap;gap:7px;margin-top:22px}
.real-project-categories span{padding:7px 9px;border:1px solid #30444f;border-radius:3px;background:#0b171f;color:#8daab7;font:8px/1 var(--mono);letter-spacing:.25px}
.real-project-actions{display:flex;align-items:center;gap:15px;flex-wrap:wrap;margin-top:28px}
.real-project-actions .button{min-height:43px;padding:11px 14px;font-size:9px}
.real-project-actions .text-link{margin:0;border:0;color:#94d2ca;font-size:9px}
.real-project-actions .text-link:hover{color:var(--lime)}
.real-project-note{margin-top:18px;color:#5e7c8b;font:8px/1.5 var(--mono)}
.real-project-note::before{content:"●";margin-right:8px;color:var(--lime)}
.real-project-footer{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 2px 0;color:#607f90;font:8px/1.5 var(--mono);letter-spacing:.5px}
.real-project-footer a{color:var(--lime);text-decoration:none}
.real-project-footer a span{margin-left:4px}
.real-project-footer a:hover{color:#ddffb5}
.real-case-hero .real-case-pill{border-color:#4e714e;background:#1b2b18;color:#d2f5a6}
.fio-case-image{padding:0 0 56px;background:#0d171f}
.fio-case-image .wrap{display:flex;justify-content:center}
.fio-case-image img{display:block;width:100%;height:auto;border:1px solid #304754;border-radius:5px;box-shadow:0 24px 70px #0005}
.real-case-description{padding-top:64px;padding-bottom:72px}
.real-case-description .muted{color:#8aa2b2}
.real-case-description h3{margin:28px 0 9px}
.real-case-description h3:first-child{margin-top:0}
.real-case-description .stack{margin-top:22px}
.real-next-project{margin-bottom:56px}
@media(max-width:900px){.real-project-card{grid-template-columns:minmax(0,1fr) minmax(300px,.95fr)}.real-project-copy{padding:30px 27px}.real-project-copy h3{margin-top:26px}.real-project-actions{gap:11px}}
@media(max-width:760px){.real-projects-section{padding-top:62px;padding-bottom:12px}.real-projects-section .section-heading{margin-bottom:23px}.real-project-card{grid-template-columns:1fr;border-radius:5px}.real-project-preview{aspect-ratio:16/10}.real-project-copy{padding:27px 22px 25px}.real-project-overline{font-size:7px}.real-project-copy h3{margin:25px 0 12px;font-size:38px;letter-spacing:-1.7px}.real-project-copy>p{font-size:12px;line-height:1.8}.real-project-categories{margin-top:17px}.real-project-categories span{font-size:7px}.real-project-actions{margin-top:23px}.real-project-actions .button{min-height:42px;font-size:8px}.real-project-actions .text-link{font-size:8px}.real-project-note{font-size:7px}.real-project-footer{font-size:7px;align-items:flex-start}.fio-case-image{padding-bottom:35px}.real-case-description{padding-top:45px;padding-bottom:50px}.real-case-hero .case-intro h2{font-size:28px;line-height:1.2}}
@media(max-width:390px){.real-project-footer{gap:8px;font-size:6px}.real-project-actions{align-items:flex-start;flex-direction:column}.real-project-copy{padding:24px 18px}}

.servizipro-preview{aspect-ratio:1.94;background:#210d2d}.servizipro-preview img{object-fit:cover;object-position:center;background:#210d2d}