.hero-media-slider{position:relative;width:100%;overflow:hidden;border-radius:28px;background:#f6f0e4;box-shadow:0 12px 34px rgba(25,61,35,.08)}
.hero-media-track{display:flex;width:100%;transition:transform .55s cubic-bezier(.22,.61,.36,1);will-change:transform}
.hero-media-slide{min-width:100%;width:100%;flex:0 0 100%;margin:0}
.hero-media-slide img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:contain;background:#f6f0e4}
.hero-media-dots{position:absolute;left:50%;bottom:12px;transform:translateX(-50%);display:flex;gap:7px;padding:7px 10px;border-radius:999px;background:rgba(255,255,255,.78);backdrop-filter:blur(8px);z-index:3}
.hero-media-dot{appearance:none;border:0;width:8px;height:8px;border-radius:50%;padding:0;background:rgba(28,79,45,.28);cursor:pointer}
.hero-media-dot.is-active{background:#205f37;transform:scale(1.18)}
.hero-media-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:38px;height:38px;border:0;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.86);color:#174c2d;font-size:24px;box-shadow:0 4px 18px rgba(0,0,0,.12);cursor:pointer}
.hero-media-arrow.prev{left:10px}.hero-media-arrow.next{right:10px}
@media(max-width:767px){
  .hero-production-image{width:100%}
  .hero-media-slider{border-radius:24px}
  .hero-media-slide img{aspect-ratio:4/3;object-fit:contain}
  .hero-media-arrow{width:34px;height:34px;font-size:21px;opacity:.9}
  .hero-media-dots{bottom:8px}
}
@media(prefers-reduced-motion:reduce){.hero-media-track{transition:none}}