.fcwlmission-bricks-element,
.fcwlmission-bricks-element *,
.fcwlmission,
.fcwlmission * {
  box-sizing: border-box;
}

.fcwlmission-bricks-element {
  width: 100%;
  max-width: none;
}

.fcwlmission {
  --fcwlmission-bg: #d0dccf;
  --fcwlmission-card-override: #d0dccf;
  --fcwlmission-heading: #f8f6ef;
  --fcwlmission-text: #f5f3eb;
  --fcwlmission-muted: rgba(248, 246, 239, .92);
  --fcwlmission-accent: #dbe8d8;
  --fcwlmission-signature: #edf4e8;
  --fcwlmission-border: #89a98d;
  --fcwlmission-border-size: 5.4px;
  --fcwlmission-radius: 8px;
  --fcwlmission-card-height: 134px;
  --fcwlmission-mobile-align: left;
  --fcwlmission-font: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  width: 100%;
  max-width: none;
  padding: 0;
  background: var(--fcwlmission-bg);
  color: var(--fcwlmission-text);
  overflow: hidden;
}

.fcwlmission-inner {
  width: 100%;
  max-width: none;
  margin: 0;
}

.fcwlmission-card {
  position: relative;
  width: 100%;
  min-height: 120px;
  height: clamp(120px, var(--fcwlmission-card-height), 220px);
  overflow: hidden;
  border-radius: var(--fcwlmission-radius) !important;
  border-top: var(--fcwlmission-border-size) solid var(--fcwlmission-border);
  border-bottom: var(--fcwlmission-border-size) solid var(--fcwlmission-border);
  background: var(--fcwlmission-bg);
  color: var(--fcwlmission-text);
}

.fcwlmission[data-card-background-override="1"] .fcwlmission-card {
  background: var(--fcwlmission-card-override, var(--fcwlmission-bg));
}

.fcwlmission-card-scroll {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 16px 28px 16px;
  overflow: hidden;
  cursor: grab;
  user-select: none;
}

.fcwlmission-kicker {
  display: block;
  margin: 0 0 8px;
  color: var(--fcwlmission-muted);
  font-family: var(--fcwlmission-font);
  font-size: 11px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: .18em;
  text-transform: uppercase;
}

.fcwlmission-slider-shell {
  position: relative;
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  justify-content: center;
  align-items: center;
  min-height: 0;
  overflow: hidden;
}

/* 6.0.560: the statements now live in one real horizontal track. */
.fcwlmission-slider {
  position: relative;
  display: flex;
  flex: 1 1 auto;
  width: 100%;
  min-height: 0;
  transform: translate3d(0, 0, 0);
  transition: transform .72s cubic-bezier(.22, 1, .36, 1);
  will-change: transform;
}

.fcwlmission-slider.is-jump {
  transition: none !important;
}

.fcwlmission-slide {
  position: relative;
  flex: 0 0 100%;
  width: 100%;
  min-width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  pointer-events: none;
}

.fcwlmission-slide.is-active {
  pointer-events: auto;
}

.fcwlmission-copy {
  display: flex;
  flex-direction: column;
  width: max-content;
  max-width: 100%;
  margin-inline: auto;
}

.fcwlmission-statement,
.fcwlmission-signature-label,
.fcwlmission-signature-role,
.fcwlmission-signature-name {
  font-family: var(--fcwlmission-font);
}

.fcwlmission-statement {
  width: auto;
  max-width: 100%;
  margin-inline: auto;
  color: var(--fcwlmission-heading);
  font-size: clamp(16px, 1.18vw, 19px);
  font-weight: 500;
  line-height: 1.35;
  letter-spacing: -.01em;
  white-space: nowrap;
}

.fcwlmission-statement > :first-child,
.fcwlmission-statement > :last-child {
  margin-top: 0;
  margin-bottom: 0;
}

.fcwlmission-signature {
  width: 100%;
  max-width: 100%;
  margin: 6px 0 0;
  display: none;
  flex-direction: column;
  align-items: flex-end;
  gap: 1px;
  text-align: right;
}

/* 6.0.563: optional signature lines remain in the DOM and the native Bricks
 * checkbox controls toggle their display. Hidden lines therefore consume zero
 * flex-gap space and return tightly when re-enabled. */
.fcwlmission-signature-label {
  display: none;
  margin: 0;
  color: var(--fcwlmission-muted);
  font-size: 10.5px;
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: .01em;
}

.fcwlmission-signature-name {
  color: var(--fcwlmission-signature);
  font-family: 'Caveat', 'Segoe Print', 'Bradley Hand', cursive;
  font-size: clamp(15px, 1.25vw, 18px);
  font-style: italic;
  font-weight: 500;
  line-height: 1.15;
  letter-spacing: .01em;
}

.fcwlmission-signature-role {
  display: none;
  margin: 0;
  color: var(--fcwlmission-text);
  font-size: 12px;
  font-weight: 600;
  line-height: 1.35;
}

.fcwlmission-dots {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0;
}

.fcwlmission-dot {
  appearance: none;
  border: 0;
  width: 8px;
  height: 8px;
  padding: 0;
  border-radius: 999px;
  background: rgba(255,255,255,.36);
  cursor: pointer;
  transition: transform .28s ease, background-color .28s ease, opacity .28s ease;
}

.fcwlmission-dot.is-active {
  background: var(--fcwlmission-accent);
  transform: scale(1.14);
}

@media (max-width: 991px) {
  .fcwlmission-card {
    height: clamp(120px, var(--fcwlmission-card-height), 220px);
  }

  .fcwlmission-statement {
    max-width: 100%;
    font-size: clamp(16.5px, 1.9vw, 20px);
  }
}

@media (max-width: 767px) {
  .fcwlmission-card {
    min-height: 120px;
    height: clamp(120px, var(--fcwlmission-card-height), 220px);
  }

  .fcwlmission-card-scroll {
    min-height: 0;
    height: 100%;
    padding: 16px 7px 18px;
  }

  .fcwlmission-kicker,
  .fcwlmission-slide,
  .fcwlmission-dots {
    text-align: var(--fcwlmission-mobile-align, center);
  }

  .fcwlmission-slide {
    align-items: center;
  }

  /* 6.0.566: use the full phone viewport width inside the Mission card,
   * leaving only 7px on each side. Do not balance the lines: normal wrapping
   * lets each statement use the available width before moving to line two. */
  .fcwlmission-copy {
    width: 100%;
    max-width: 100%;
  }

  .fcwlmission-statement {
    width: 100%;
    max-width: 100%;
    margin-inline: 0;
    padding-inline: 0;
    font-size: clamp(16px, 4.35vw, 19px);
    line-height: 1.16;
    white-space: normal;
    text-wrap: wrap;
    overflow-wrap: normal;
    word-break: normal;
  }

  /* If a phone statement still resolves to three or more lines, JS adds this
   * class and reduces that statement by exactly 1px. When it returns to two
   * lines (for example after rotation or a wider viewport), the class is
   * removed and the original size comes back automatically. */
  .fcwlmission-statement.is-mobile-compact {
    font-size: calc(clamp(16px, 4.35vw, 19px) - 1px);
  }

  .fcwlmission-signature {
    margin-top: 3px;
    gap: 0;
  }

  .fcwlmission-signature-label {
    line-height: 1.1;
  }

  .fcwlmission-signature-name {
    font-size: clamp(14px, 4vw, 17px);
    line-height: 1.08;
  }

  .fcwlmission-signature-role {
    line-height: 1.15;
  }

  .fcwlmission-dots {
    display: none !important;
  }
}

/* Keep the unused intro kicker hidden in the compact mission strip.
 * Signature label/caption are intentionally visible when their controls contain text. */
.fcwlmission-kicker {
  display: none !important;
}

.fcwlmission-card.is-dragging .fcwlmission-card-scroll {
  cursor: grabbing;
}

.fcwlmission-slide {
  width: 100%;
}

@media (prefers-reduced-motion: reduce) {
  .fcwlmission-slider,
  .fcwlmission-dot {
    transition-duration: .01ms !important;
  }
}