/* Both decoded, opaque campaign panels move together; the stage never fades to white. */
.campaign-carousel{background:#082f60}
.campaign-slides{background:#082f60;isolation:isolate;contain:layout paint}
.campaign-slide{backface-visibility:hidden;transform:translateX(0)}
.campaign-slide.is-transitioning{will-change:transform}
.campaign-slide[hidden]{display:none}
.campaign-art{background:transparent}
.campaign-art img{display:block;opacity:1}
.campaign-art.campaign-art-mouse3{position:relative;overflow:hidden;background:#e8f3fa;color:#fff;text-align:left}
.campaign-art.campaign-art-mouse3 img{position:absolute;inset:0 0 0 auto;width:70%;height:100%;object-fit:contain;object-position:right center}
.campaign-art.campaign-art-mouse3::before{content:"";position:absolute;z-index:1;inset:0 auto 0 0;width:59%;background:radial-gradient(circle at 4% 11%,#86ebf0 0 21%,transparent 21.2%),radial-gradient(circle at 79% 107%,#0da9c6 0 28%,transparent 28.2%),#0ac7d8;clip-path:polygon(0 0,92% 0,100% 50%,92% 100%,0 100%)}
.mouse3-banner-copy{position:absolute;z-index:2;inset:0 auto 0 0;width:52%;padding:16px clamp(54px,5vw,72px);display:flex;flex-direction:column;align-items:flex-start;justify-content:center;pointer-events:none}
.mouse3-offer-mark{font-size:clamp(18px,2vw,30px);font-weight:850;font-style:italic;letter-spacing:-.04em;line-height:1;color:#fff;text-shadow:2px 2px 0 #e81470,3px 3px 0 #c21767;transform:rotate(-3deg)}
.mouse3-overline{margin-top:13px;font-size:clamp(12px,1vw,16px);font-weight:750;letter-spacing:.18em;line-height:1.2;color:#e8fcff}
.mouse3-banner-copy strong{margin-top:3px;font-size:clamp(44px,5vw,84px);font-weight:800;letter-spacing:-.045em;line-height:.94;color:#fff;text-shadow:0 2px 1px #0082a2}
.mouse3-colors{margin-top:12px;font-size:clamp(12px,1.1vw,18px);line-height:1.3;color:#e9fcff;white-space:nowrap}
.mouse3-colors-mobile{display:none}
.mouse3-price{margin-top:5px;font-size:clamp(64px,7vw,116px);font-weight:850;letter-spacing:-.065em;line-height:1;color:#fff200;text-shadow:2px 3px 0 #028caa}
.mouse3-price>span{margin-right:3px;font-size:.38em;font-weight:600;letter-spacing:0;vertical-align:.23em}
.mouse3-note{margin-top:3px;font-size:clamp(11px,.9vw,14px);line-height:1.2;color:#e3faff}
.campaign-art-mouse3:hover .mouse3-banner-copy strong,.campaign-art-mouse3:focus-visible .mouse3-banner-copy strong{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:5px}
.campaign-carousel.is-loading .campaign-arrow{cursor:progress}
.campaign-pagination-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(prefers-reduced-motion:reduce){.campaign-slide{will-change:auto}}
@media(min-width:768px) and (max-width:1100px){
  .mouse3-banner-copy strong{font-size:clamp(30px,4.2vw,46px)}
  .mouse3-price{font-size:clamp(45px,5.6vw,62px)}
  .mouse3-colors{font-size:11px;margin-top:7px}
  .mouse3-offer-mark{font-size:16px}
  .mouse3-overline{font-size:10px;margin-top:7px}
  .mouse3-note{font-size:10px}
}
@media(max-width:767px){
  .campaign-art.campaign-art-mouse3 img{width:70%;object-fit:contain;object-position:right center}
  .campaign-art.campaign-art-mouse3::before{width:62%}
  .mouse3-banner-copy{width:60%;padding:4px 0 4px 36px}
  .mouse3-offer-mark{font-size:11px;text-shadow:1px 1px 0 #e81470,2px 2px 0 #c21767}
  .mouse3-overline{margin-top:4px;font-size:7px;letter-spacing:.13em}
  .mouse3-banner-copy strong{margin-top:2px;font-size:clamp(17px,5.8vw,27px);line-height:.93}
  .mouse3-colors{margin-top:3px;font-size:8px}
  .mouse3-colors-full{display:none}
  .mouse3-colors-mobile{display:inline}
  .mouse3-price{margin-top:2px;font-size:clamp(25px,8vw,39px);text-shadow:1px 1px 0 #028caa}
  .mouse3-note{display:none}
}
