/* V3: photographic product banners inspired by the client's light studio reference. */
.banner-carousel{background:#eef7fd;border:1px solid #deedf7;box-shadow:0 18px 42px #2a6b9510}
.banner-slide{background:#edf5fc}
.banner-shade{background:linear-gradient(90deg,#f5f9fffa 0%,#f3f8fff0 27%,#f1f7ff94 44%,#eff7ff00 63%)}
.banner-copy{color:#073b63;width:52%;padding-left:48px;padding-right:25px}
.banner-tag{color:#096b98;background:#e5f4ffe8;border:1px solid #b9e1f4;letter-spacing:.055em}
.banner-title{color:#073b63;font-weight:850;font-size:clamp(34px,3.5vw,49px);letter-spacing:-.045em}
.banner-description{color:#41627b;max-width:360px}
.banner-cta{background:#0a84c3;color:#fff;box-shadow:0 7px 20px #087eb22b}
.banner-cta:hover{background:#076da4;color:#fff}
.banner-controls .banner-arrows button,.banner-controls .banner-pause{color:#096b98;background:#f4fbffe8;border:1px solid #a3cde3;box-shadow:0 3px 10px #356d8810}
.banner-dots button{background:#8bacc170}
.banner-dots button.active{background:#087fb9}
.banner-carousel :focus-visible{outline-color:#0588c9}
@media(max-width:1060px){.banner-copy{width:54%;padding-left:35px}.banner-title{font-size:37px}.banner-shade{background:linear-gradient(90deg,#f5f9fffa 0%,#f3f8fff5 29%,#f1f7ff9c 45%,#eff7ff00 67%)}}
@media(min-width:621px) and (max-width:860px){.banner-copy{width:55%;padding-left:30px}.banner-title{font-size:35px}.banner-description{font-size:13px}.banner-image{object-position:65% center!important}}
@media(max-width:620px){
 .banner-slide{background:#f0f7fd;min-height:580px}
 .banner-image{height:270px;transform:none;object-position:right center!important}
 .banner-shade{background:linear-gradient(180deg,#eff7fd00 0%,#eff7fd00 28%,#f0f7fd77 37%,#f0f7fdfa 45%,#f0f7fd 51%)}
 .banner-copy{width:100%;padding:249px 25px 80px}
 .banner-tag{font-size:10px;padding:6px 9px}
 .banner-title{font-size:31px;margin:14px 0 12px;line-height:1.1}
 .banner-description{font-size:12px;line-height:1.65;margin-bottom:18px;max-width:none}
 .banner-cta{min-height:44px}
 .banner-controls{bottom:18px}
}
@media(max-width:360px){.banner-copy{padding-left:21px;padding-right:21px}.banner-title{font-size:29px}.banner-slide{min-height:610px}}