.uslugi-hero{overflow:hidden}.uslugi-hero::after{content:"";position:absolute;right:-8rem;top:-10rem;width:30rem;height:30rem;border:1px solid rgba(224,53,53,.13);border-radius:50%;pointer-events:none}
.uslugi-hero-grid{display:grid;grid-template-columns:minmax(340px,.8fr) minmax(0,1.2fr);gap:var(--space-5);align-items:center}
.uslugi-hero-text{max-width:55ch;display:flex;flex-direction:column;gap:var(--space-2)}
.uslugi-hero-image{clip-path:polygon(10% 0,100% 0,100% 90%,0 100%)}.uslugi-hero-image img{width:100%;height:680px;object-fit:cover}

.uslugi-3col{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4);counter-reset:uslugi-col}
.uslugi-3col>div{min-width:0}
.uslugi-3col>div{counter-increment:uslugi-col;padding-top:var(--space-3);border-top:1px solid rgba(243,238,229,.25)}
.uslugi-3col>div::before{content:"0" counter(uslugi-col);display:block;margin-bottom:1.25rem;color:var(--color-ruby-accent);font-size:.68rem;letter-spacing:.14em}

.uslugi-split{display:grid;grid-template-columns:1.15fr .85fr;gap:var(--space-5);align-items:center}
.uslugi-split.reverse{grid-template-columns:60% 40%}
.uslugi-split.reverse .uslugi-image{order:1}
.uslugi-split.reverse .uslugi-text{order:2}
.uslugi-text{max-width:55ch;display:flex;flex-direction:column;gap:var(--space-2)}
.uslugi-image img{width:100%;height:560px;object-fit:cover;border-radius:var(--radius-lg) var(--radius-sm) var(--radius-lg) var(--radius-sm)}
.uslugi-multimedia .uslugi-image img{border-radius:var(--radius-sm) var(--radius-lg) var(--radius-sm) var(--radius-lg)}
.uslugi-obsluga .uslugi-narrow{margin-left:auto;padding:var(--space-4);border-left:1px solid var(--color-ruby-accent)}
.uslugi-cta{background:linear-gradient(135deg,var(--color-plum-shadow),var(--color-deep-velvet))!important}

.uslugi-narrow{max-width:60ch}
.uslugi-narrow.center{margin-inline:auto;text-align:center;display:flex;flex-direction:column;gap:var(--space-2)}

.uslugi-2col{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4)}
.uslugi-2col>div{min-width:0}

@media (max-width:1000px){
.uslugi-3col{grid-template-columns:repeat(2,minmax(0,1fr))}
.uslugi-split,.uslugi-hero-grid{grid-template-columns:1fr}
}

@media (max-width:700px){
.uslugi-3col,.uslugi-2col{grid-template-columns:1fr}
.uslugi-hero-text{max-width:100%}
.uslugi-hero-image{clip-path:none}.uslugi-hero-image img,.uslugi-image img{height:420px}
}