/* Home-only responsive composition. Loaded after the legacy inline styles. */
.hero{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.hero .display{font-size:clamp(36px,4vw,58px);line-height:.91;letter-spacing:-.045em}
.supply .display{font-size:clamp(40px,4.65vw,70px);line-height:.91;letter-spacing:-.045em}
.products>.display,.home-benefits>.display,.media .display,.partner-network>.display{font-size:clamp(40px,4.65vw,70px);line-height:.91;letter-spacing:-.045em}

.supply:before{content:none}
.supply:after{bottom:0;height:auto}
.supply .split-head{
  --supply-map-lift:75px;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  grid-template-rows:auto 1fr;
  column-gap:clamp(52px,7vw,100px);
  row-gap:clamp(24px,2vw,32px);
  align-items:start;
}
.supply .split-head>div{position:relative;isolation:isolate;grid-column:1;grid-row:1/3;min-width:0;align-self:start}
.supply .split-head>div::before{
  content:"";
  position:absolute;
  z-index:-1;
  top:0;
  left:0;
  bottom:0;
  width:100%;
  height:auto;
  background-image:url("./home-supply-factory-sketch.webp");
  background-position:center bottom;
  background-repeat:no-repeat;
  background-size:100% auto;
  opacity:.13;
  mix-blend-mode:multiply;
  -webkit-mask-image:linear-gradient(to bottom,transparent 0%,transparent 48%,rgba(0,0,0,.25) 62%,rgba(0,0,0,.75) 80%,#000 100%),linear-gradient(to right,#000 0%,#000 75%,transparent 100%);
  -webkit-mask-repeat:no-repeat;
  -webkit-mask-size:100% 100%;
  -webkit-mask-composite:source-in;
  mask-image:linear-gradient(to bottom,transparent 0%,transparent 48%,rgba(0,0,0,.25) 62%,rgba(0,0,0,.75) 80%,#000 100%),linear-gradient(to right,#000 0%,#000 75%,transparent 100%);
  mask-repeat:no-repeat;
  mask-size:100% 100%;
  mask-composite:intersect;
  pointer-events:none;
}
.supply .split-head>.lead{position:relative;z-index:1;grid-column:2;grid-row:1;min-width:0;margin-top:0}
.supply-left-note{max-width:72%;margin:clamp(40px,3.6vw,56px) 0 0;color:#536067;font-size:16px;line-height:1.65;text-wrap:balance}
.supply .split-head::after{
  content:"";
  display:block;
  grid-column:2;
  grid-row:2;
  width:100%;
  aspect-ratio:1452/1082;
  align-self:end;
  background-image:var(--admin-supply-map-image,none);
  background-position:center;
  background-repeat:no-repeat;
  background-size:contain;
  opacity:.78;
  mix-blend-mode:multiply;
  transform:translateY(calc(-1 * var(--supply-map-lift)));
  pointer-events:none;
}

.business-grid{margin-top:36px}
.business-panel{min-height:clamp(520px,42vw,590px);padding:clamp(24px,2.2vw,32px)}
.business-panel h3{max-width:43%;font-size:clamp(21px,1.72vw,28px);line-height:1.02;letter-spacing:-.025em}
html[lang="ru"] .parts-panel h3{max-width:42%;padding-right:8px;font-size:clamp(18px,1.35vw,23px);line-height:1.06;letter-spacing:-.018em}
.service-panel h3{max-width:62%;margin-bottom:14px;font-size:clamp(21px,1.72vw,28px);line-height:1.02}
.new-product{top:58px;right:clamp(24px,2.2vw,32px);left:auto;width:46%;transform:none}
.new-product-media{display:block;aspect-ratio:4/3;background-position:center;background-size:contain;background-repeat:no-repeat}
.new-product-label{font-size:clamp(11px,.8vw,13px);line-height:1.18;text-align:left}
.sku-list{min-height:116px}
.sku-list div{display:flex;padding:18px;flex-direction:column;justify-content:center}
.sku-list b{font-size:clamp(46px,4.1vw,64px);line-height:.84}
.sku-list b .stat-unit{display:inline;margin:0 0 0 5px;font:800 clamp(11px,.82vw,13px)/1 var(--mono);letter-spacing:.06em}
.service-system{margin-top:0}
.service-cards{min-height:270px}
.service-card{min-height:270px;background-position:center;background-size:cover;background-repeat:no-repeat}
.service-card.check{background-position:left center}

@media(min-width:561px){
  .hero .display,.supply .display{white-space:nowrap}
}

@media(min-width:901px){
  .hero .display{white-space:normal}
  html[lang="en"] .supply .display{width:min(8.8em,100%);font-size:clamp(40px,4.65vw,70px);line-height:.91;white-space:normal;text-align:left}
  html[lang="ru"] .supply .display{width:calc(100% + clamp(52px,7vw,100px) - 20px);font-size:clamp(35px,3.65vw,52.5px);line-height:1.354;letter-spacing:-.077em;white-space:normal;text-align:left}
  html[lang="ru"] .supply .display>em{margin-left:.18em}
}

@media(min-width:901px) and (max-width:1360px){
  html[lang="ru"] .supply .split-head{--supply-map-lift:98px}
}

@media(min-width:901px) and (max-width:1100px){
  html[lang="en"] .supply .split-head{--supply-map-lift:96px}
  html[lang="ru"] .supply .split-head{--supply-map-lift:122px}
}

@media(max-width:1240px){
  .hero .display{font-size:clamp(38px,3.65vw,46px)}
  .supply .display{font-size:clamp(38px,4.15vw,50px)}
  .supply .split-head{column-gap:clamp(36px,5vw,62px)}
  .business-panel{min-height:530px;padding:24px}
  .business-panel h3{font-size:clamp(19px,1.75vw,24px)}
  html[lang="ru"] .parts-panel h3{font-size:clamp(17px,1.48vw,21px)}
  .new-product{top:54px;right:24px;width:45%}
  .service-cards,.service-card{min-height:240px}
}

@media(max-width:900px){
  .hero{grid-template-columns:1fr}
  .hero .display,.supply .display{font-size:clamp(38px,4.65vw,42px)}
  .supply .split-head{--supply-map-lift:0px;grid-template-columns:1fr;grid-template-rows:auto auto auto;gap:0}
  .supply .split-head>div{grid-column:1;grid-row:1;align-self:auto}
  .supply .split-head>div::before{bottom:0;transform:none}
  .supply .split-head>.lead{grid-column:1;grid-row:2;margin-top:25px}
  .supply-left-note{max-width:min(100%,560px)}
  .supply .split-head::after{grid-column:1;grid-row:3;width:min(100%,620px);margin:32px auto 0;transform:none}
  .business-grid{grid-template-columns:1fr}
  .business-panel{min-height:540px}
  .business-panel h3,html[lang="ru"] .parts-panel h3{max-width:44%;font-size:clamp(21px,3.3vw,28px)}
  .new-product{top:58px;width:46%}
  .service-panel h3{max-width:62%}
  .service-cards,.service-card{min-height:250px}
}

@media(min-width:768px) and (max-width:1023px){
  .supply .split-head>div::before{opacity:.08}
}

@media(max-width:560px){
  .hero .display,.supply .display{font-size:clamp(31px,9.2vw,44px);line-height:.94;white-space:normal}
  .products>.display,.home-benefits>.display,.media .display,.partner-network>.display{font-size:clamp(31px,9.2vw,44px)}
  .business-panel{min-height:auto;padding:24px 20px}
  .business-panel h3,html[lang="ru"] .parts-panel h3,.service-panel h3{max-width:100%;padding-right:0;font-size:clamp(20px,6.2vw,27px)}
  .new-product{position:relative;top:auto;right:auto;left:auto;width:100%;max-width:420px;margin:26px auto 24px}
  .new-product-media{aspect-ratio:4/3}
  .sku-list{min-height:106px}
  .sku-list div{padding:15px 12px}
  .sku-list b{font-size:clamp(42px,14vw,56px)}
  .service-cards{grid-template-columns:1fr;min-height:0}
  .service-card{min-height:220px}
}