/* Homepage only. Keep the source image intact; crop empty studio margins in layout.
   Visible source region: x=420..1680 of 1774; the right trim is 94px (5.3%).
   The wolf, [Э] and every container stay inside this frame at all breakpoints. */
.hero-products{grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);min-height:0;align-items:center}
.hero-products .hero-copy{min-height:0;padding:48px 28px 32px 0}
.hero-products h1{font-size:clamp(32px,3.3vw,51px);white-space:normal;margin:48px 0 28px;letter-spacing:-.075em}
.hero-products .hero-lead{font-size:clamp(12px,1vw,15px);margin-bottom:28px}
.hero-products .hero-foot{padding-top:36px;font-size:8px}
.hero-products .hero-visual{min-height:0;max-height:none;aspect-ratio:1260/887;background:#242426}
.hero-products .hero-visual::after{display:none}
.hero-products .hero-visual img{position:absolute;top:0;left:-33.333333%;width:140.793651%;max-width:none;height:100%;object-fit:fill;filter:none}
@media(max-width:1100px) and (min-width:801px){
  .hero-products .hero-copy{padding-right:22px}
  .hero-products h1{font-size:32px}
  .hero-products .hero-actions{gap:18px}
}
@media(max-width:800px){
  .hero-products{grid-template-columns:1fr}
  .hero-products .hero-copy{padding:32px 0 28px;min-height:0}
  .hero-products h1{font-size:clamp(32px,6.5vw,48px);margin:30px 0 22px}
  .hero-products .hero-foot{padding-top:28px}
  .hero-products .hero-visual{margin-bottom:28px}
}