.managed-banner{height:min(var(--banner-height,900px),100vh);min-height:min(560px,100vh);background-color:var(--banner-color,#181817);position:relative;overflow:hidden}
.banner-media{position:absolute;z-index:0;inset:0;background:var(--banner-color,#181817);overflow:hidden}
.banner-media.is-empty{display:none}
.banner-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .8s ease,visibility .8s ease}
.banner-slide.is-active{opacity:1;visibility:visible}
.banner-slide picture{display:block;width:100%;height:100%}
.banner-slide img{display:block;width:100%;height:100%;object-fit:cover;transform:scale(1.02)}
.banner-slide img.is-flipped{transform:scaleX(-1) scale(1.02)}
.banner-controls{position:absolute;z-index:5;left:50%;bottom:1.25rem;transform:translateX(-50%);display:flex;align-items:center;gap:.75rem;padding:.35rem .55rem;background:rgba(10,10,10,.46);backdrop-filter:blur(7px);border:1px solid rgba(255,255,255,.22)}
.banner-controls>button{width:32px;height:32px;padding:0;border:0;background:transparent;color:#fff;font-size:1rem;cursor:pointer}
.banner-dots{display:flex;align-items:center;gap:.45rem}
.banner-dots button{width:8px;height:8px;padding:0;border:1px solid #fff;border-radius:50%;background:transparent;cursor:pointer}
.banner-dots button[aria-pressed="true"]{background:var(--brand);border-color:var(--brand)}
.pricing-hero.managed-banner::before{content:none}
.pricing-hero.managed-banner::after{z-index:1}
.pricing-hero.managed-banner>.banner-media{z-index:0}
.pricing-hero.managed-banner>:not(.banner-media){z-index:2}
.managed-banner .hero-overlay,.managed-banner .works-hero-shade{z-index:1;pointer-events:none}
.managed-banner .hero-content,.managed-banner .works-hero-copy,.managed-banner .works-count{z-index:2}
.pricing-hero.managed-banner::after{pointer-events:none}
@media(max-width:900px){.managed-banner{height:min(var(--banner-height-mobile,700px),100vh);min-height:min(600px,100vh)}}
@media(prefers-reduced-motion:reduce){.banner-slide{transition:none}}