.hero-carousel .hero-slide { position: relative; }
.be-carousel-flow { width: 100%; }
.be-carousel-flow .is-center { margin-inline: auto; }
.be-carousel-flow .is-end { margin-left: auto; }
.be-carousel-free-buttons { position: absolute; inset: 0; z-index: 2; pointer-events: none; }
.be-carousel-free-buttons .be-carousel-button { pointer-events: auto; }
.be-carousel-button.is-free { position: absolute; left: var(--be-button-x); top: var(--be-button-y); transform: translate(-50%, -50%); white-space: nowrap; }
.be-carousel-button.is-free:hover, .be-carousel-button.is-free:focus-visible { transform: translate(-50%, calc(-50% - 2px)); }
.hero-slide .hero-copy { justify-content: var(--be-copy-vertical, center); }
.hero-slide .be-carousel-copy-content { width: min(100%, var(--be-copy-width, 100%)); align-self: var(--be-copy-horizontal, flex-start); text-align: var(--be-copy-text-align, left); }
.hero-slide .hero-copy .eyebrow { color: var(--be-label-color, var(--gold)); font-size: var(--be-label-size, 12px); }
.hero-slide .hero-copy h1, .hero-slide .hero-copy h2 { font-size: var(--be-title-size, clamp(34px, 5vw, 62px)); }
.hero-slide .hero-copy p { font-size: var(--be-text-size, 18px); }
.be-carousel-editor-preview { position: relative; isolation: isolate; overflow: hidden; min-height: 420px; height: 420px; display: grid; }
.be-carousel-editor-preview .hero-copy { min-width: 0; padding: 56px clamp(24px, 6vw, 76px); z-index: 1; }
.be-carousel-editor-preview .hero-visual { min-height: 420px; }
.be-carousel-editor-preview .hero-visual img, .be-carousel-editor-preview .hero-visual video { width: 100%; height: 100%; object-fit: cover; display: block; }
.be-carousel-editor-preview.media-background .hero-copy { background: linear-gradient(90deg, rgba(2,15,24,.88), rgba(2,15,24,.3)); }
.be-carousel-editor-preview .be-carousel-button { pointer-events: none; }
.be-carousel-editor-note { margin: 12px 0 0; padding: 10px 14px; border: 1px solid #e3c764; background: #fff4cc; color: #4d3a00; font-size: 13px; font-weight: 700; }
@media (max-width: 1024px) { .be-carousel-button.is-free { left: var(--be-button-x-tablet, var(--be-button-x)); top: var(--be-button-y-tablet, var(--be-button-y)); } }
@media (max-width: 767px) { .be-carousel-button.is-free { left: var(--be-button-x-mobile, var(--be-button-x)); top: var(--be-button-y-mobile, var(--be-button-y)); } }
@media (max-width: 1024px) { .hero-slide .hero-copy { justify-content: var(--be-copy-vertical-tablet, var(--be-copy-vertical, center)); } .hero-slide .be-carousel-copy-content { width: min(100%, var(--be-copy-width-tablet, var(--be-copy-width, 100%))); align-self: var(--be-copy-horizontal-tablet, var(--be-copy-horizontal, flex-start)); text-align: var(--be-copy-text-align-tablet, var(--be-copy-text-align, left)); } .hero-slide .hero-copy .eyebrow { font-size: var(--be-label-size-tablet, var(--be-label-size, 12px)); } .hero-slide .hero-copy h1, .hero-slide .hero-copy h2 { font-size: var(--be-title-size-tablet, var(--be-title-size, clamp(34px, 5vw, 62px))); } .hero-slide .hero-copy p { font-size: var(--be-text-size-tablet, var(--be-text-size, 18px)); } }
@media (max-width: 767px) { .hero-slide .hero-copy { justify-content: var(--be-copy-vertical-mobile, var(--be-copy-vertical-tablet, var(--be-copy-vertical, center))); } .hero-slide .be-carousel-copy-content { width: min(100%, var(--be-copy-width-mobile, var(--be-copy-width-tablet, var(--be-copy-width, 100%)))); align-self: var(--be-copy-horizontal-mobile, var(--be-copy-horizontal-tablet, var(--be-copy-horizontal, flex-start))); text-align: var(--be-copy-text-align-mobile, var(--be-copy-text-align-tablet, var(--be-copy-text-align, left))); } .hero-slide .hero-copy .eyebrow { font-size: var(--be-label-size-mobile, var(--be-label-size-tablet, var(--be-label-size, 12px))); } .hero-slide .hero-copy h1, .hero-slide .hero-copy h2 { font-size: var(--be-title-size-mobile, var(--be-title-size-tablet, var(--be-title-size, clamp(34px, 5vw, 62px)))); } .hero-slide .hero-copy p { font-size: var(--be-text-size-mobile, var(--be-text-size-tablet, var(--be-text-size, 18px))); } }

/* Optional image-only mobile slides. Desktop and unconfigured slides are unchanged. */
.be-carousel-mobile { display: none; }
@media (max-width: 767px) {
  .hero-carousel:has(.be-has-mobile) { height: auto; min-height: 0; }
  .hero-carousel:has(.be-has-mobile) .hero-track { height: auto; align-items: flex-start; }
  .hero-carousel .hero-slide.be-has-mobile,
  .be-carousel-editor-preview.be-has-mobile { display: block; height: auto; min-height: 0; }
  .hero-slide.be-has-mobile > .hero-copy,
  .hero-slide.be-has-mobile > .hero-visual,
  .hero-slide.be-has-mobile > .be-carousel-free-buttons { display: none; }
  .hero-slide.be-has-mobile > .be-carousel-mobile { display: block; width: 100%; }
  .be-carousel-mobile-link { display: block; }
  .be-carousel-mobile-link:focus-visible { outline: 3px solid #e9bc68; outline-offset: -4px; }
  .hero-slide .be-carousel-mobile img { display: block; width: 100%; height: auto; object-fit: contain; }
}
.hero-visual > picture { display: block; width: 100%; height: 100%; }
.be-carousel-mobile picture { display: block; }
