.showcase{height:500px;background:#092b45}.show-slide{isolation:isolate;overflow:hidden;background:#092b45}
.hero-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-2}
.show-slide::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(5,28,46,.65),rgba(5,28,46,.22) 43%,transparent 67%);pointer-events:none}
.slide-copy{position:relative;padding-top:105px;z-index:1}.slide-copy .eyebrow{font-size:13px;letter-spacing:.2em;color:#89d7e4;margin-bottom:16px}.slide-copy h1{max-width:47%;font-size:clamp(32px,3.6vw,52px);line-height:1.2;text-wrap:balance}.slide-copy p:not(.eyebrow){max-width:44%;font-size:17px;line-height:1.75;color:#d5e6ed;margin:20px 0 25px}.slide-copy .button{box-shadow:0 4px 18px #00132326;padding:13px 23px}.slider-controls{z-index:3}.slider-controls button{cursor:pointer;border-radius:3px}.slider-controls button:focus-visible{outline:3px solid #78d9ed;outline-offset:4px}
.category-campaign-image{display:block;width:100%;height:145px;object-fit:cover;object-position:80% center;border-radius:4px}
@media(max-width:760px){.showcase{height:540px}.hero-art{inset:auto 0 0 auto;width:220%;max-width:none;height:68%;object-fit:contain;object-position:right bottom}.show-slide::after{background:linear-gradient(180deg,#092b45 0%,rgba(9,43,69,.95) 30%,rgba(9,43,69,.15) 66%,transparent)}.slide-copy{padding-top:32px}.slide-copy .eyebrow{margin-bottom:10px}.slide-copy h1{max-width:100%;font-size:32px;line-height:1.22}.slide-copy p:not(.eyebrow){max-width:100%;font-size:14px;line-height:1.6;margin:12px 0 18px}.slide-copy .button{font-size:13px;padding:10px 16px}.slider-controls{bottom:17px}.category-campaign-image{height:185px}}

/* Product family campaign: full groups stay visible on narrow screens. */
.slide-copy h1{max-width:35%;font-size:clamp(30px,3.1vw,46px)}
.slide-copy p:not(.eyebrow){max-width:33%}
.category-campaign-image{object-fit:contain;object-position:center;background:#f5f7f8}
@media(max-width:760px){
 .showcase{height:600px}
 .hero-art{inset:auto 0 42px;width:100%;height:53%;object-fit:contain;object-position:center bottom}
 .show-slide::after{background:linear-gradient(180deg,#092b45 0%,#092b45 40%,transparent 68%)}
 .slide-copy h1,.slide-copy p:not(.eyebrow){max-width:100%}
 .slide-copy h1{font-size:30px}
 .category-campaign-image{height:185px}
}