/* Keep the complete packshot inside the hero; never zoom or crop its container. */
.hero .product-stage-hero{
  width:min(100%,360px);
  height:460px;
  aspect-ratio:auto;
  margin:0 auto;
}
.hero .product-stage-hero .product-crop{overflow:visible}
.hero .product-stage-hero .product-crop img{
  position:static;
  display:block;
  width:100%;
  max-width:100%;
  height:100%;
  object-fit:contain;
  object-position:center;
  filter:drop-shadow(10px 15px 12px #2113431a);
}
.home-hero .product-label{bottom:0;right:5%}
.technician-panel{margin:0;background:#f2eff7;border-radius:10px 65px 10px 10px;overflow:hidden}
.technician-panel img{display:block;width:100%;height:auto;object-fit:contain}
.technician-panel figcaption{padding:15px 20px;font-size:10px;letter-spacing:.08em;color:#867096}
/* Four-container cluster: tall packs behind, smaller packs overlapping in front. */
.hero-product-range{
  display:block;
  width:100%;
  max-width:540px;
  height:auto;
  aspect-ratio:1.13;
  padding:0;
  margin:0 auto;
  position:relative;
  isolation:isolate;
}
.hero-product-range::before{content:"";position:absolute;inset:20% 0 6%;background:radial-gradient(ellipse,#bba5d544,transparent 68%);z-index:-1}
.hero-product-range .range-item{
  display:block;
  height:auto;
  max-width:none;
  flex-shrink:0;
  object-fit:contain;
  filter:drop-shadow(6px 14px 9px #24123b24);
  position:absolute;
}
.hero-product-range .range-item-large{width:50%;left:42%;bottom:16%;z-index:1}
.hero-product-range .range-item-medium{width:42%;left:5%;bottom:10%;z-index:2}
.hero-product-range .range-item-small{width:34%;left:29%;bottom:4%;z-index:3}
.hero-product-range .range-item-mini{width:25%;left:62%;bottom:0;z-index:4}
.home-hero .product-label{bottom:4px;right:4%}
@media(max-width:991px){
  .hero-product-range{max-width:480px;height:auto;padding:0}
  .hero .product-stage-hero{width:min(100%,300px);height:380px}
  .home-hero .product-label{right:12%;bottom:4px}
  .technician-panel{max-width:500px;margin:auto}
}
@media(max-width:575px){
  .hero-product-range{max-width:360px;height:auto;padding:0}
  .hero .product-stage-hero{width:min(100%,250px);height:330px}
  .home-hero .product-label{right:0;bottom:0;font-size:10px}
  .technician-panel{border-radius:8px 40px 8px 8px}
}