@media(max-width:1120px){
 .site-nav{display:none;position:absolute;top:76px;left:0;right:0;background:#fff;border-bottom:1px solid var(--line);padding:18px 28px 26px;box-shadow:0 15px 22px #1d422214;flex-direction:column;align-items:stretch;gap:2px;max-height:calc(100vh - 76px);overflow-y:auto}
 .site-nav--open{display:flex}
 .site-nav>a{font-size:15px;padding:13px 17px}
 .site-nav__mobile-contact{display:block!important}
 .button--header{margin-left:auto}.menu-button{display:block}
 .price-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .steps{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
 .container{width:calc(100% - 32px)}
 .site-header{height:68px}.site-nav{top:68px;max-height:calc(100vh - 68px)}
 .brand__logo,.brand__mark:not(img){width:47px;height:47px;flex-basis:47px}
 .brand__text strong{font-size:14px}.brand__text small{font-size:9px}
 .button--header{display:none}.menu-button{margin-left:auto}
 h1{font-size:clamp(37px,8.5vw,52px)}h2{font-size:clamp(27px,6.6vw,36px)}
 .lead{font-size:15px}
 .home-hero{display:block;margin-top:16px;padding:37px 26px}
 .home-hero__copy{padding:0}
 .section{padding-top:57px}.section-heading{display:block;margin-bottom:21px}
 .section-heading__note{max-width:none;font-size:13px;margin-top:12px}
 .page-intro{padding-top:17px}.page-intro__inner{padding:36px 25px;border-radius:22px}
 .service-grid,.price-grid,.price-grid:has(> :nth-child(4)),.simple-grid--two{grid-template-columns:1fr}
 .service-card{min-height:0;padding:24px}.service-card h3{margin-top:18px}.service-card p{margin-bottom:0}
 .price-card{padding:24px}.price-card__intro{min-height:0}
 .steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .step{padding:19px;min-height:175px}.step h3{font-size:15px;margin-top:14px}
 .contact-banner{margin-top:60px;margin-bottom:40px;padding:28px 24px;align-items:flex-start;flex-direction:column}
 .contact-banner h2{font-size:28px}
 .calculator{grid-template-columns:1fr}.calculator__fields,.calculator__summary{padding:22px}.calculator__summary{position:static}
 .contact-layout{grid-template-columns:1fr;gap:31px}.request-form{padding:23px}
 .form-row{grid-template-columns:1fr;gap:0}
 .site-footer{margin-top:57px;padding-top:40px}.footer-main{grid-template-columns:1fr;gap:30px}
 .footer-bottom{flex-direction:column;gap:10px}
}
@media(max-width:430px){
 .brand__text small{font-size:8px}.home-hero h1{font-size:36px}
 .actions{display:flex;flex-direction:column}.actions .button{width:100%}
 .steps{grid-template-columns:1fr}.step{min-height:0}
 .choice{padding:12px;flex-wrap:wrap}.choice>b{margin-left:31px}
 .footer-links{gap:13px}.summary-total output{font-size:31px}
 .form-actions{flex-direction:column}.form-actions .button{width:100%}
}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}


/* Плавно адаптируем иллюстрации без обрезки прозрачных PNG. */
@media(max-width:1040px){
 .home-hero.home-hero--illustrated{grid-template-columns:minmax(0,1.2fr) minmax(250px,.8fr);padding:43px 32px;gap:12px}
 .home-hero__visual img{max-height:325px}
 .page-intro__inner.page-intro__inner--illustrated{gap:12px;padding:30px 32px;grid-template-columns:minmax(0,1.15fr) minmax(220px,.85fr)}
 .page-intro__visual img{max-height:260px}
}
@media(max-width:760px){
 .home-hero.home-hero--illustrated{
   display:grid;
   grid-template-columns:minmax(0,1fr);
   gap:9px;
   padding:37px 26px 22px;
 }
 .home-hero__visual{justify-self:center;max-width:360px}
 .home-hero__visual img{max-height:295px}
 .workstation-feature{grid-template-columns:minmax(0,1fr);gap:15px;min-height:0;padding:30px 25px}
 .workstation-feature__visual{max-width:315px}
 .workstation-feature__visual img{max-height:275px}
 .page-intro__inner.page-intro__inner--illustrated{
   grid-template-columns:minmax(0,1fr);gap:12px;min-height:0;padding:36px 25px 23px;
 }
 .page-intro__visual{max-width:300px}
 .page-intro__visual img{max-height:260px}
}
@media(max-width:430px){
 .home-hero__visual{max-width:300px}
 .home-hero__visual img{max-height:245px}
 .workstation-feature__visual img{max-height:230px}
 .page-intro__visual img{max-height:220px}
 .workstation-feature__content .button{white-space:normal;text-align:center;width:100%}
}

/* Service image cards: responsive */
@media(min-width:761px) and (max-width:1050px){
 .service-card.service-card--illustrated{padding:15px 16px 19px;min-height:448px}
 .service-card__visual{height:164px;padding:5px}
 .service-card--illustrated .service-card__bottom{align-items:flex-start;flex-wrap:wrap}
}
@media(max-width:760px){
 .service-card.service-card--illustrated{min-height:0;padding:18px 19px 23px}
 .service-card__visual{height:clamp(180px,55vw,260px);margin-bottom:14px;padding:7px 13px}
 .service-card--illustrated h3{margin:13px 0 8px}
 .service-card--illustrated .service-card__bottom{margin-top:20px}
}
@media(max-width:380px){
 .service-card__visual{height:183px}
 .service-card--illustrated .service-card__bottom{gap:9px}
 .service-card--illustrated .service-card__request{width:100%}
}


/* Responsive services concept — keep artwork visible above every heading. */
@media(max-width:1100px){
  .services-showcase .service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
  .services-showcase.container{width:calc(100% - 32px)}
  .services-showcase .service-grid{grid-template-columns:minmax(0,1fr)}
  .service-card.service-card--illustrated{min-height:0;padding:0 20px 22px}
  .service-card.service-card--illustrated .service-card__visual{
    width:calc(100% + 40px);height:clamp(190px,65vw,250px);flex-basis:auto;
    margin:0 -20px 9px;padding:8px 15px 0
  }
  .service-card--illustrated h3{font-size:20px}
  .service-card--illustrated .service-card__bottom{align-items:center}
}
@media(max-width:380px){
  .service-card.service-card--illustrated .service-card__visual{height:190px}
  .service-card--illustrated .service-card__request{width:100%}
}