/* Existing photographs support the five services; examples are labelled. */
.s12-services .s12-image-card{display:flex;flex-direction:column;gap:0;padding:0;overflow:hidden}
.s12-services .s12-image-card .s12-card-photo{position:relative;width:100%;margin:0;aspect-ratio:1.85;overflow:hidden;background:#d9dfe6}
.s12-card-photo img{display:block;width:100%;height:100%;object-fit:cover}
.s12-card-photo figcaption{position:absolute;left:12px;bottom:12px;padding:5px 9px;background:rgba(250,252,247,.9);border-radius:3px;color:#3e4855;font-size:10px;line-height:1.5;max-width:calc(100% - 24px)}
.s12-services .s12-card-copy{position:relative;width:100%;padding:29px 65px 31px 30px;flex:1}
.s12-services .s12-card-copy .s10-arrow{position:absolute;right:27px;top:28px;margin:0}
.s12-services .s11-service-svajnyj-fundament{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch}
.s12-services .s11-service-svajnyj-fundament .s12-card-photo{height:100%;min-height:290px;aspect-ratio:auto}
.s12-services .s11-service-svajnyj-fundament .s12-card-copy{align-self:center;padding:35px 68px 35px 38px}
.s12-services .s11-service-svajnyj-fundament .s10-arrow{top:38px}
.s12-services .s11-service-pristrojka-k-domu img{object-position:center 44%}
.s12-services .s11-service-veranda-k-domu img{object-position:center 58%}
.s12-services .s11-service-letnie-kuhni img{object-position:center 55%}
.s12-service-detail .s11-detail-hero{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:30px 48px;align-items:center;padding-bottom:40px}
.s12-service-detail .s11-detail-hero>header{grid-column:1/-1;max-width:1100px}
.s12-service-detail .s11-detail-hero h1{font-size:clamp(40px,4.6vw,64px)}
.s12-service-detail .s11-detail-hero .s10-lead{max-width:880px;margin-top:20px}
.s12-service-detail .s11-detail-hero .s11-intro{margin-top:12px;max-width:880px}
.s12-service-detail .s12-detail-photo{margin:0;min-width:0}
.s12-detail-photo img{width:100%;height:auto;aspect-ratio:1.9;object-fit:cover;display:block;border-radius:4px}
.s12-detail-photo figcaption{font-size:11px;line-height:1.5;color:#6e7e92;margin-top:9px}
.s12-service-detail .s11-call{align-self:center}
.s12-service-detail[data-service-slug="pristrojka-k-domu"] .s12-detail-photo img{object-position:center 47%}
.s12-service-detail[data-service-slug="veranda-k-domu"] .s12-detail-photo img{object-position:center 58%}
.s12-foundation-content{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:39px 65px;border-top:1px solid #d4d8de;padding-top:36px;padding-bottom:35px}
.s12-foundation-content>section{min-width:0}.s12-foundation-content h2{font-size:30px;line-height:1.2;max-width:540px}
.s12-foundation-content p:not(.s10-kicker){font-size:15px;line-height:1.8;color:#586575;margin-top:19px;max-width:610px}
.s12-foundation-wide{grid-column:1/-1;border-top:1px solid #d4d8de;border-bottom:1px solid #d4d8de;padding-top:32px;padding-bottom:31px}
.s12-foundation-steps{list-style:none;counter-reset:foundation;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px;margin:28px 0 0;padding:0}
.s12-foundation-steps li{counter-increment:foundation;font-size:14px;line-height:1.75;color:#5a6878;min-width:0}
.s12-foundation-steps li:before{content:'0' counter(foundation);display:block;color:#687789;font-size:11px;letter-spacing:.12em;margin-bottom:12px}
.s12-foundation-steps strong{display:block;font-size:16px;line-height:1.45;font-weight:600;color:#2d3b4c;margin-bottom:10px}
@media(max-width:1100px){.s12-service-detail .s11-detail-hero{gap:27px 30px;grid-template-columns:repeat(2,minmax(0,1fr))}.s12-detail-photo img{aspect-ratio:1.4}.s12-foundation-content{gap:33px 38px}.s12-foundation-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:27px 35px}.s12-services .s11-service-svajnyj-fundament .s12-card-copy{padding-left:29px}.s12-services .s11-service-svajnyj-fundament h2{font-size:30px}}
@media(max-width:760px){.s12-services .s11-service-svajnyj-fundament{display:flex}.s12-services .s11-service-svajnyj-fundament .s12-card-photo{aspect-ratio:1.85;min-height:0;height:auto}.s12-services .s11-service-svajnyj-fundament .s12-card-copy{padding:28px 62px 29px 28px}.s12-services .s11-service-svajnyj-fundament .s10-arrow{top:30px}.s12-services .s12-card-copy{padding:25px 51px 26px 24px}.s12-services .s12-card-copy .s10-arrow{right:22px;top:27px}.s12-services .s12-image-card .s12-card-photo{aspect-ratio:1.6}.s12-service-detail .s11-detail-hero{grid-template-columns:1fr;gap:25px}.s12-service-detail .s11-detail-hero>header{grid-column:auto}.s12-detail-photo img{aspect-ratio:1.8}.s12-service-detail .s11-call{width:100%}.s12-foundation-content{grid-template-columns:1fr;gap:29px;padding-top:30px;padding-bottom:29px}.s12-foundation-content h2{font-size:28px}.s12-foundation-content p:not(.s10-kicker){font-size:14px;max-width:none;margin-top:16px}.s12-foundation-wide{padding-top:27px;padding-bottom:26px}.s12-foundation-steps{gap:26px}.s12-foundation-steps li{font-size:13px}}
@media(max-width:520px){.s12-services .s12-image-card .s12-card-photo{aspect-ratio:1.75}.s12-card-photo figcaption{left:10px;bottom:10px;font-size:9px;max-width:calc(100% - 20px)}.s12-services .s11-service-svajnyj-fundament .s12-card-copy{padding:25px 53px 27px 24px}.s12-services .s11-service-svajnyj-fundament h2{font-size:28px}.s12-detail-photo img{aspect-ratio:1.5}.s12-service-detail .s11-detail-hero h1{font-size:40px}.s12-foundation-steps{grid-template-columns:1fr;gap:24px}.s12-foundation-steps li{font-size:14px;padding-left:35px;position:relative}.s12-foundation-steps li:before{position:absolute;left:0;top:2px}.s12-foundation-steps strong{font-size:17px;margin-bottom:7px}}