/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@layer properties;
@layer theme, base, components, utilities;
@layer theme {
  :host, :host {
    --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue",
      "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
      "Segoe UI Symbol", "Noto Color Emoji";
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
      "Courier New", monospace;
    --text-3xl: 1.875rem;
    --text-3xl--line-height: calc(2.25 / 1.875);
    --font-weight-bold: 700;
    --default-transition-duration: 150ms;
    --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);
  }
}
@layer base {
  *, ::after, ::before, ::backdrop, ::file-selector-button {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0 solid;
  }
  html, :host {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    font-family: var(--default-font-family, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
    font-feature-settings: var(--default-font-feature-settings, normal);
    font-variation-settings: var(--default-font-variation-settings, normal);
    -webkit-tap-highlight-color: transparent;
  }
  hr {
    height: 0;
    color: inherit;
    border-top-width: 1px;
  }
  abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
  }
  h1, h2, h3, h4, h5, h6 {
    font-size: inherit;
    font-weight: inherit;
  }
  a {
    color: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }
  b, strong {
    font-weight: bolder;
  }
  code, kbd, samp, pre {
    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
    font-feature-settings: var(--default-mono-font-feature-settings, normal);
    font-variation-settings: var(--default-mono-font-variation-settings, normal);
    font-size: 1em;
  }
  small {
    font-size: 80%;
  }
  sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
  }
  sub {
    bottom: -0.25em;
  }
  sup {
    top: -0.5em;
  }
  table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
  }
  :-moz-focusring:where(:not(iframe)) {
    outline: auto;
  }
  progress {
    vertical-align: baseline;
  }
  summary {
    display: list-item;
  }
  ol, ul, menu {
    list-style: none;
  }
  img, svg, video, canvas, audio, iframe, embed, object {
    display: block;
    vertical-align: middle;
  }
  img, video {
    max-width: 100%;
    height: auto;
  }
  button, input, select, optgroup, textarea, ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    border-radius: 0;
    background-color: transparent;
    opacity: 1;
  }
  :where(select:is([multiple], [size])) optgroup {
    font-weight: bolder;
  }
  :where(select:is([multiple], [size])) optgroup option {
    padding-inline-start: 20px;
  }
  ::file-selector-button {
    margin-inline-end: 4px;
  }
  ::placeholder {
    opacity: 1;
  }
  @supports (not (-webkit-appearance: -apple-pay-button))  or (contain-intrinsic-size: 1px) {
    ::placeholder {
      color: currentcolor;
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
    }
  }
  textarea {
    resize: vertical;
  }
  ::-webkit-search-decoration {
    -webkit-appearance: none;
  }
  ::-webkit-date-and-time-value {
    min-height: 1lh;
    text-align: inherit;
  }
  ::-webkit-datetime-edit {
    display: inline-flex;
  }
  ::-webkit-datetime-edit-fields-wrapper {
    padding: 0;
  }
  ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {
    padding-block: 0;
  }
  ::-webkit-calendar-picker-indicator {
    line-height: 1;
  }
  :-moz-ui-invalid {
    box-shadow: none;
  }
  button, input:where([type="button"], [type="reset"], [type="submit"]), ::file-selector-button {
    appearance: button;
  }
  ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
    height: auto;
  }
  [hidden]:where(:not([hidden="until-found"])) {
    display: none !important;
  }
}
@layer utilities {
  .iYT_hetibBo8GC5DbjXD {
    visibility: visible;
  }
  .NZnT123aA9aznYJWx5ao {
    width: 100%;
    @media (width >= 40rem) {
      max-width: 40rem;
    }
    @media (width >= 48rem) {
      max-width: 48rem;
    }
    @media (width >= 64rem) {
      max-width: 64rem;
    }
    @media (width >= 80rem) {
      max-width: 80rem;
    }
    @media (width >= 96rem) {
      max-width: 96rem;
    }
  }
  .uOfjDON6u2jGgXg1GBw7 {
    display: block;
  }
  .KcJL33Vqr6xC7407gDQC {
    display: contents;
  }
  .KRQcb8beIjLUwDpf0mfw {
    display: grid;
  }
  .QOLq2Py6Lfr1_HB2Ua5Y {
    display: none;
  }
  .NDjoHy1mwQGx178uAy1I {
    display: inline;
  }
  .VfW8Wc02TpfSSZinZW8K {
    transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
  }
  .Ipys5_NrAvFz61CRNPvq {
    resize: both;
  }
  .IrP2WAlfilMwf0J3Hlva {
    flex-wrap: wrap;
  }
  .mPT0opc8O8tTwvQZK0Ts {
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height));
  }
  .wwTWu2SVDk9kOoH1TRlq {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
  .dUa3Dc9VlMtQSiy_xOnu {
    text-decoration-line: underline;
  }
  .QxzUgGySslas1sKTxRzQ {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .d2oGAqvHXR1bPMplvcO_ {
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .CwX4y5hW5wQO0jwUB37Z {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
}
@property --tw-rotate-x {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-y {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-z {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-x {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-y {
  syntax: "*";
  inherits: false;
}
@property --tw-font-weight {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-ring-inset {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0px;
}
@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}
@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-blur {
  syntax: "*";
  inherits: false;
}
@property --tw-brightness {
  syntax: "*";
  inherits: false;
}
@property --tw-contrast {
  syntax: "*";
  inherits: false;
}
@property --tw-grayscale {
  syntax: "*";
  inherits: false;
}
@property --tw-hue-rotate {
  syntax: "*";
  inherits: false;
}
@property --tw-invert {
  syntax: "*";
  inherits: false;
}
@property --tw-opacity {
  syntax: "*";
  inherits: false;
}
@property --tw-saturate {
  syntax: "*";
  inherits: false;
}
@property --tw-sepia {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-drop-shadow-size {
  syntax: "*";
  inherits: false;
}
@layer properties {
  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
    *, ::before, ::after, ::backdrop {
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-font-weight: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
    }
  }
}

/* .frame is the size container: below 767px wide the mobile ratio and mobile
   thumbnail styles apply (Webflow's mobile-landscape breakpoint). Measuring
   the container instead of the viewport keeps it correct in narrow columns. */
.FEmGjNPs8aeEiwyy1lY3 {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  container-type: inline-size;
  /* Thumbnail height; each thumbnail's width follows the slide's ratio. */
  --thumb-h: calc(clamp(56px, 12cqw, 112px) * 10 / 16);
}

.FEmGjNPs8aeEiwyy1lY3[data-fill] {
  height: 100%;
}

.mvqc_5WPztFv5Ya6bYZL {
  /* Thumbnail strip height incl. padding; the text overlay clears this. */
  --thumbs-clearance: calc(var(--thumb-h) + 36px);

  position: relative;
  width: 100%;
  aspect-ratio: var(--ar, 16 / 9);
  overflow: hidden;
  background: #111;
  /* Matches the site's "All Images" radius (measured in Carousel.tsx)
     so the whole carousel is rounded and clips the slides and overlays. */
  border-radius: var(--site-img-radius, 0);
  outline: none;
  user-select: none;
  container-type: inline-size;
  /* Vertical swipes scroll the page; horizontal ones drag the slides. */
  touch-action: pan-y;
  /* Read by slides that have no state yet (server-rendered HTML, before the
     scripts run): stack in the frame, show only the first slide. */
  --carousel-slide-position: absolute;
  --carousel-slide-visibility: hidden;
}

/* Fill Parent: size comes from the parent, so it can be set per breakpoint in
   the Style panel. With both width and height definite the aspect ratio is
   ignored; if the parent has no height, height: 100% falls back to auto and
   the ratio (16:9 / mobile ratio) keeps the carousel from collapsing. */
.FEmGjNPs8aeEiwyy1lY3[data-fill] .mvqc_5WPztFv5Ya6bYZL {
  flex: 1 1 auto;
  min-height: 0;
}

/* --slide-ar is the ratio in effect at the current width; the Designer's
   editing row reads it (slides inherit it through the slot), so the canvas
   shows the mobile ratio at mobile widths too. */
.mvqc_5WPztFv5Ya6bYZL {
  --slide-ar: var(--ar, 16 / 9);
}

@container (max-width: 767px) {
  .mvqc_5WPztFv5Ya6bYZL {
    --slide-ar: var(--ar-mobile, var(--ar, 16 / 9));
    aspect-ratio: var(--ar-mobile, var(--ar, 16 / 9));
  }
}

.mvqc_5WPztFv5Ya6bYZL:focus-visible {
  box-shadow: 0 0 0 3px #aa3bff;
}

/* Holds the Slides slot. Slides position themselves inside it (each Carousel
   Slide reads its state from the attributes this carousel writes). */
.dOj_t1b5I_GPbMHX4P78 {
  position: absolute;
  inset: 0;
}

.Nz8ear85_Lzt44oKp3wf {
  position: absolute;
  inset: 0;
  z-index: 1;
  display: grid;
  place-items: center;
  color: #999;
  font: 14px/1.4 system-ui, sans-serif;
  border: 2px dashed #444;
}

/* Arrows */
.q_0AUCVcmkKWhktFDBZv {
  position: absolute;
  top: 50%;
  z-index: 2;
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  padding: 0;
  border: none;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.4);
  color: #fff;
  cursor: pointer;
  transform: translateY(-50%);
  opacity: 0;
  transition: opacity 200ms ease, background 200ms ease;
  backdrop-filter: blur(4px);
}

.q_0AUCVcmkKWhktFDBZv svg {
  width: 22px;
  height: 22px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2.5;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.mvqc_5WPztFv5Ya6bYZL:hover .q_0AUCVcmkKWhktFDBZv,
.mvqc_5WPztFv5Ya6bYZL:focus-within .q_0AUCVcmkKWhktFDBZv {
  opacity: 1;
}

.q_0AUCVcmkKWhktFDBZv:hover {
  background: rgba(0, 0, 0, 0.65);
}

.Mas0ffSHN6MEXLxDAvNU {
  left: 16px;
}

.xRPgr9qYvtWgYpEz3JT4 {
  right: 16px;
}

/* Thumbnail overlay */
.FWC4FImm8zs_2yA8bPeZ {
  position: absolute;
  inset: auto 0 0 0;
  z-index: 2;
  padding: 48px 16px 16px;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0));
  /* Lives outside .root's clipping, so round its bottom corners to match. */
  border-radius: 0 0 var(--site-img-radius, 0) var(--site-img-radius, 0);
  pointer-events: none;
}

/* Scroll container: the inner strip is centered with auto margins, which
   centers it when it fits and falls back to start-aligned scrolling when it
   overflows (more reliable than `justify-content: safe center`). */
.ZBGySoiNmo3oQB3jcXaN {
  display: flex;
  overflow-x: auto;
  scrollbar-width: none;
  pointer-events: auto;
}

.zjTfAgGQXvzvcDkQXZCN {
  display: flex;
  gap: 10px;
  margin: 0 auto;
  padding: 4px;
}

.ZBGySoiNmo3oQB3jcXaN::-webkit-scrollbar {
  display: none;
}

.XH3QfeB0fDB_m2ldqpkd {
  position: relative;
  flex: 0 0 auto;
  /* Same shape as the slide (--thumb-ar is measured in Carousel.tsx, so Fill
     Parent matches too), so with the slide's focal point the thumbnail shows
     the same crop. content-box keeps the border out of the ratio. */
  box-sizing: content-box;
  height: var(--thumb-h);
  aspect-ratio: var(--thumb-ar, 16 / 9);
  padding: 0;
  border: 2px solid rgba(255, 255, 255, 0.35);
  border-radius: 8px;
  overflow: hidden;
  background: #000;
  cursor: pointer;
  opacity: 0.65;
  transition: opacity 200ms ease, transform 200ms ease, border-color 200ms ease;
}

.XH3QfeB0fDB_m2ldqpkd img {
  position: absolute;
  inset: 0;
  border-radius: 0;
  max-width: none;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.XH3QfeB0fDB_m2ldqpkd:hover,
.XH3QfeB0fDB_m2ldqpkd:focus-visible {
  opacity: 1;
  transform: translateY(-3px);
  outline: none;
}

.teUyAw4ZKcoEFx7dNF5i {
  opacity: 1;
  border-color: #fff;
  transform: translateY(-3px);
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.45);
}

.aJLZBYHbAJUWoK8s841V {
  display: none;
}

.WOGoWKuZuIQDHp_Mw5HB {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
}

/* Touch devices swipe instead of using arrows. */
@media (hover: none) {
  .q_0AUCVcmkKWhktFDBZv {
    display: none;
  }
}

/* ---------------------------------------------------------------------------
   Mobile thumbnails (queries .root, the nearest container for these elements)
   ------------------------------------------------------------------------- */
@container (max-width: 767px) {
  .FWC4FImm8zs_2yA8bPeZ {
    padding: 32px 12px 12px;
  }

  .FEmGjNPs8aeEiwyy1lY3[data-mobile-thumbs='hidden'] .mvqc_5WPztFv5Ya6bYZL {
    --thumbs-clearance: 0px;
  }

  .FEmGjNPs8aeEiwyy1lY3[data-mobile-thumbs='hidden'] .FWC4FImm8zs_2yA8bPeZ {
    display: none;
  }

  .FEmGjNPs8aeEiwyy1lY3[data-mobile-thumbs='small-thumbnails'] .mvqc_5WPztFv5Ya6bYZL {
    --thumbs-clearance: 52px;
  }

  .FEmGjNPs8aeEiwyy1lY3[data-mobile-thumbs='small-thumbnails'] .XH3QfeB0fDB_m2ldqpkd {
    --thumb-h: 28px;
    border-radius: 6px;
  }

  /* Dots: 24px tap targets with a small dot drawn inside; the active dot
     stretches into a pill. */
  .FEmGjNPs8aeEiwyy1lY3[data-mobile-thumbs='dots'] .mvqc_5WPztFv5Ya6bYZL {
    --thumbs-clearance: 36px;
  }

  .FEmGjNPs8aeEiwyy1lY3[data-mobile-thumbs='dots'] .zjTfAgGQXvzvcDkQXZCN {
    gap: 2px;
  }

  .FEmGjNPs8aeEiwyy1lY3[data-mobile-thumbs='dots'] .XH3QfeB0fDB_m2ldqpkd {
    position: relative;
    width: 24px;
    height: 24px;
    aspect-ratio: auto;
    border: none;
    background: transparent;
    box-shadow: none;
    opacity: 1;
    transform: none;
    transition: width 250ms ease;
  }

  .FEmGjNPs8aeEiwyy1lY3[data-mobile-thumbs='dots'] .XH3QfeB0fDB_m2ldqpkd img {
    display: none;
  }

  .FEmGjNPs8aeEiwyy1lY3[data-mobile-thumbs='dots'] .XH3QfeB0fDB_m2ldqpkd::after {
    content: '';
    position: absolute;
    inset: 8px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.5);
    transition: background 250ms ease;
  }

  .FEmGjNPs8aeEiwyy1lY3[data-mobile-thumbs='dots'] .teUyAw4ZKcoEFx7dNF5i {
    width: 34px;
  }

  .FEmGjNPs8aeEiwyy1lY3[data-mobile-thumbs='dots'] .teUyAw4ZKcoEFx7dNF5i::after {
    background: #fff;
  }

  /* Below: the strip leaves the image and sits underneath it as a plain row. */
  .FEmGjNPs8aeEiwyy1lY3[data-mobile-thumbs='below'] .mvqc_5WPztFv5Ya6bYZL {
    --thumbs-clearance: 0px;
  }

  .FEmGjNPs8aeEiwyy1lY3[data-mobile-thumbs='below'] .FWC4FImm8zs_2yA8bPeZ {
    position: static;
    padding: 10px 0 0;
    background: none;
    border-radius: 0;
  }

  .FEmGjNPs8aeEiwyy1lY3[data-mobile-thumbs='below'] .zjTfAgGQXvzvcDkQXZCN {
    gap: 8px;
    padding: 4px;
  }

  .FEmGjNPs8aeEiwyy1lY3[data-mobile-thumbs='below'] .XH3QfeB0fDB_m2ldqpkd {
    --thumb-h: 40px;
    border-color: transparent;
    opacity: 0.6;
    transform: none;
    box-shadow: none;
  }

  /* currentColor follows the page's text color, so the ring contrasts with
     the page background whether it is light or dark. */
  .FEmGjNPs8aeEiwyy1lY3[data-mobile-thumbs='below'] .teUyAw4ZKcoEFx7dNF5i {
    opacity: 1;
    outline: 2px solid currentColor;
    outline-offset: 2px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .XH3QfeB0fDB_m2ldqpkd,
  .q_0AUCVcmkKWhktFDBZv {
    transition: none;
  }
}

/* ---------------------------------------------------------------------------
   Designer canvas (data-editing): every slide stacked at the carousel's full
   width and aspect ratio, so each one looks exactly as it will live (same text
   wrapping and placement) and can be selected and edited. Preview and the live
   site show the real carousel.
   ------------------------------------------------------------------------- */
.FEmGjNPs8aeEiwyy1lY3[data-editing] .mvqc_5WPztFv5Ya6bYZL {
  --carousel-slide-position: relative;
  --carousel-slide-visibility: visible;
  aspect-ratio: auto;
  min-height: 160px;
  overflow: visible;
  background: transparent;
  border-radius: 0;
}

.FEmGjNPs8aeEiwyy1lY3[data-editing] .dOj_t1b5I_GPbMHX4P78 {
  position: relative;
  /* A one-column grid gives every item the full width, whatever box Webflow
     makes the grid item (the slide host, a mount element or the slide itself). */
  display: grid;
  grid-template-columns: 100%;
  gap: 16px;
  min-height: 160px;
}

.FEmGjNPs8aeEiwyy1lY3[data-editing] .Nz8ear85_Lzt44oKp3wf {
  color: #888;
  border: 2px dashed rgba(127, 127, 127, 0.5);
  border-radius: 8px;
  pointer-events: none;
}

/* No thumbnail strip: slide text needs no bottom clearance. */
.FEmGjNPs8aeEiwyy1lY3:not([data-thumbs]) .mvqc_5WPztFv5Ya6bYZL.mvqc_5WPztFv5Ya6bYZL {
  --thumbs-clearance: 0px;
}