/* Four full-bleed compositions. HTML copy overlays a single image plane. */
.vision-wide-carousel .vision-slide{position:relative;display:block;grid-template-columns:none;min-height:560px;height:560px;padding:0;overflow:hidden;background:#eef5f8}
.vision-wide-carousel .vision-hero-image{position:absolute;inset:0;min-height:0;padding:0;background:none;z-index:0}
.vision-wide-carousel .vision-hero-image>img{display:block;position:absolute;inset:0;width:100%;height:100%;max-height:none;margin:0;padding:0;object-fit:cover;object-position:center;mix-blend-mode:normal;transform:none}
.vision-wide-carousel .vision-slide:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(246,250,252,.7),rgba(246,250,252,.2) 40%,transparent 62%);pointer-events:none;z-index:1}
.vision-wide-carousel .vision-hero-copy{position:relative;z-index:2;box-sizing:border-box;width:min(1280px,calc(100% - 144px));height:100%;margin:0 auto;padding:48px 0 76px;justify-content:center}
.vision-wide-carousel h1,.vision-wide-carousel .vision-slide-title{font-size:52px!important;line-height:1.12!important;letter-spacing:-.025em!important;max-width:560px;margin:0 0 24px!important}
.vision-wide-carousel .vision-intro{max-width:440px;font-size:18px;line-height:1.6;margin:0 0 30px}
.vision-wide-carousel .vision-actions{gap:0}
.vision-wide-carousel .vision-button{min-height:50px;padding:14px 24px;box-sizing:border-box}
@media(min-width:1900px){.vision-wide-carousel .vision-slide{height:600px;min-height:600px}}
@media(max-width:1100px){.vision-wide-carousel .vision-slide{height:510px;min-height:510px}.vision-wide-carousel .vision-hero-copy{width:calc(100% - 136px)}.vision-wide-carousel h1,.vision-wide-carousel .vision-slide-title{font-size:42px!important;max-width:420px}.vision-wide-carousel .vision-intro{max-width:350px;font-size:17px}.vision-wide-carousel .vision-slide:after{background:linear-gradient(90deg,#f6fafcf0,#f6fafc80 40%,transparent 68%)}}
@media(max-width:781px){.vision-wide-carousel .vision-slide{height:650px;min-height:650px}.vision-wide-carousel .vision-hero-copy{width:auto;margin:0;padding:34px 24px 0;height:auto;justify-content:flex-start}.vision-wide-carousel h1,.vision-wide-carousel .vision-slide-title{font-size:36px!important;max-width:100%;line-height:1.15!important;margin-bottom:18px!important}.vision-wide-carousel .vision-intro{font-size:16px;max-width:350px;margin-bottom:22px}.vision-wide-carousel .vision-hero-image{inset:300px 0 42px;overflow:hidden}.vision-wide-carousel .vision-hero-image>img{width:200%;left:-100%;height:100%;object-fit:cover;object-position:right center;max-width:none}.vision-wide-carousel .vision-slide:after{background:linear-gradient(180deg,#eef5f8 0,#eef5f8 35%,#eef5f800 62%);z-index:1}.vision-wide-carousel .vision-button{font-size:12px;padding:13px 20px;min-height:46px}}
@media(max-width:360px){.vision-wide-carousel .vision-slide{height:680px;min-height:680px}.vision-wide-carousel h1,.vision-wide-carousel .vision-slide-title{font-size:32px!important}.vision-wide-carousel .vision-hero-image{top:330px}}

@media(max-width:781px){.vision-wide-carousel .vision-hero-image{inset:330px 0 60px;mask-image:linear-gradient(to bottom,transparent,#000 18%,#000)}.vision-wide-carousel .vision-hero-image>img{width:170%;left:-70%;object-position:right center}}

@media(min-width:361px) and (max-width:781px){.vision-wide-carousel .vision-slide{height:610px;min-height:610px}.vision-wide-carousel .vision-hero-image{top:285px;bottom:55px}}

@media(max-width:781px){.vision-wide-carousel .vision-dots{left:64px;transform:none;gap:4px;bottom:9px}.vision-wide-carousel .vision-dots button{width:26px;min-width:26px;min-height:36px}.vision-wide-carousel .vision-dots span{width:26px}.vision-wide-carousel .vision-carousel-controls [data-rotation]{left:188px;right:auto;bottom:13px;width:44px;min-width:44px;padding:5px 4px}}

/* Full product-family framing for the first slide. */
.vision-wide-carousel .vision-hero-image>img.family-hero-mobile{display:none!important}
@media(max-width:781px){.vision-wide-carousel .vision-hero-image>img.family-hero-wide{display:none!important}.vision-wide-carousel .vision-hero-image>img.family-hero-mobile{display:block!important;object-position:center}}

/* Keep supply-slide text readable over the real production-line reference. */
.vision-wide-carousel .vision-slide[data-slide="3"]:after{background:linear-gradient(90deg,#f4f9fceb 0%,#f4f9fce8 30%,#f4f9fc80 43%,transparent 60%)}