.bc-banner-carousel{position:relative}.bc-banner-carousel [hidden]{display:none!important}.bc-banner-carousel .bc-banner-slide{background-image:var(--bc-banner-bg);background-size:cover;background-position:center}.bc-banner-carousel .hero-copy h1{overflow-wrap:anywhere}.bc-banner-carousel .hero-copy .button-row{flex-wrap:wrap}
.bc-banner-device{position:absolute;left:51%;width:44%;height:85%;top:7%;display:block}.bc-banner-device picture,.bc-banner-device img{display:block;width:100%;height:100%;object-fit:contain}.bc-banner-device:focus-visible{outline:3px solid #917c98;outline-offset:4px}
.bc-banner-controls{position:absolute;z-index:9;bottom:12px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:6px;padding:3px 6px;background:#fffefbdf;border:1px solid #a998ae80;border-radius:26px;box-shadow:0 4px 20px #30273710}.bc-banner-controls button{width:44px;height:44px;padding:0;background:transparent;border:0;border-radius:50%;cursor:pointer;color:#46344e;font:18px/1 sans-serif}.bc-banner-controls button:hover{background:#eee7ef}.bc-banner-controls button:focus-visible{outline:2px solid #917c98;outline-offset:2px}.bc-banner-position{font:13px/1.2 sans-serif;min-width:40px;text-align:center}.bc-banner-carousel:has(.bc-banner-controls) .hero-grid{padding-bottom:64px}
.bc-banner-carousel[data-effect=none] *{animation:none!important;transition:none!important}.bc-banner-carousel[data-effect=none] .hero-stage-product{transform:none!important;filter:none!important}
@media(max-width:760px){.bc-banner-carousel .bc-banner-slide{background-size:auto 100%}.bc-banner-carousel .bc-banner-slide[data-mobile="1"]{background-image:var(--bc-banner-mobile);background-size:cover}.bc-banner-carousel .bc-custom-art .hero-grid{display:flex;flex-direction:column;gap:24px;padding-top:44px;height:auto;min-height:600px}.bc-banner-carousel .bc-custom-art .hero-copy{position:relative;left:auto;top:auto;width:auto;padding:0 var(--gutter)}.bc-banner-carousel .bc-custom-art .hero-copy h1{font-size:clamp(29px,8vw,48px)}.bc-banner-device{position:relative;left:auto;top:auto;width:90%;height:380px;margin:0 auto 24px}.bc-banner-carousel:has(.bc-banner-controls) .hero-grid{padding-bottom:66px}.bc-banner-controls{bottom:10px}}
@media(prefers-reduced-motion:reduce){.bc-banner-carousel *{animation:none!important;transition:none!important}}