/* Keep both slides visible during the dissolve; hide only after fade-out ends. */
[data-brand-carousel] :is(.brand-slide,.mobile-brand-slide){animation:none!important;display:block!important;opacity:0;visibility:hidden;pointer-events:none;transition:opacity 900ms cubic-bezier(.4,0,.2,1),visibility 0s linear 900ms}
[data-brand-carousel]:not(.carousel-ready) article:first-of-type,[data-brand-carousel] article.is-current{opacity:1;visibility:visible;pointer-events:auto;transition:opacity 900ms cubic-bezier(.4,0,.2,1),visibility 0s}
.brand-carousel-controls{position:absolute;z-index:5;bottom:20px;left:50%;transform:translateX(-50%);display:flex;align-items:center;padding:0;background:transparent;border:0;color:#285647}
.brand-carousel-controls[hidden]{display:none}
.brand-carousel-dots{display:flex;gap:2px}
.brand-carousel-controls button{display:inline-flex;align-items:center;justify-content:center;flex:none;width:26px;min-height:32px;height:32px;margin:0;padding:0;border:0;border-radius:4px;background:transparent;color:#285647;cursor:pointer;font:inherit}
.brand-carousel-controls button:hover{background:transparent}
.brand-carousel-dots button::before{content:"";width:6px;height:6px;box-sizing:border-box;border:1px solid #647064;border-radius:50%;background:#fffef9;opacity:.65;transition:opacity .2s ease,background-color .2s ease}
.brand-carousel-dots button[aria-pressed="true"]::before{background:#285647;border-color:#285647;width:7px;height:7px;opacity:1}
.brand-carousel-controls button:hover::before{opacity:1}
.brand-carousel-controls button:focus-visible{outline:2px solid #a66538;outline-offset:1px}
@media(max-width:1100px){.mobile-brand-copy{bottom:46px}.mobile-brand .brand-carousel-controls{bottom:6px;left:auto;right:10px;transform:none}.mobile-brand .brand-carousel-controls button{width:30px}.mobile-brand .brand-carousel-dots button::before{border-color:#fffef9;background:transparent;opacity:.7}.mobile-brand .brand-carousel-dots button[aria-pressed="true"]::before{background:#fffef9;opacity:1}.mobile-brand-copy strong{font-size:17px}}
@media(prefers-reduced-motion:reduce){[data-brand-carousel] :is(.brand-slide,.mobile-brand-slide),.brand-carousel-dots button::before{transition:none}}