/* Our Motto band — purple theme (load last) */

.frameflow-light .ff-home-motto,
.frameflow-light.home-page .ff-home-motto,
.frameflow-light.ff-about-page .ff-home-motto.ff-about-motto {
  text-align: center;
  padding: clamp(64px, 8vw, 96px) 20px;
  background: linear-gradient(180deg, #211247 0%, #432691 100%) !important;
  background-color: #432691 !important;
  border-block: none !important;
}

.frameflow-light .ff-home-motto__eyebrow,
.frameflow-light.home-page .ff-home-motto__eyebrow {
  margin-bottom: clamp(20px, 2.5vw, 28px);
  font-size: clamp(13px, 1.2vw, 15px);
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #fff !important;
}

.frameflow-light .ff-home-motto__title,
.frameflow-light.home-page .ff-home-motto__title,
.frameflow-light.home-page h2.ff-home-motto__title {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  background: none !important;
  font-size: clamp(32px, 4.5vw, 56px);
  line-height: 1.16;
  letter-spacing: -0.03em;
  margin-bottom: clamp(20px, 2.5vw, 28px);
  max-width: min(920px, 100%);
  margin-inline: auto;
}

.frameflow-light .ff-home-motto__desc,
.frameflow-light.home-page .ff-home-motto__desc {
  color: rgba(255, 255, 255, 0.82) !important;
  max-width: min(680px, 100%);
  margin: 0 auto;
  font-size: clamp(17px, 2vw, 20px);
  line-height: 1.65;
}

@media (max-width: 767px) {
  .frameflow-light .ff-home-motto,
  .frameflow-light.home-page .ff-home-motto {
    padding: 48px 16px;
  }

  .frameflow-light .ff-home-motto__title,
  .frameflow-light.home-page .ff-home-motto__title {
    font-size: clamp(26px, 6.8vw, 36px);
    line-height: 1.22;
  }

  .frameflow-light .ff-home-motto__desc,
  .frameflow-light.home-page .ff-home-motto__desc {
    font-size: clamp(16px, 4.2vw, 18px);
    line-height: 1.6;
  }
}

/* Seamless join: motto band → contact section (no white body gap) */
.frameflow-light .ff-home-motto {
  margin-bottom: 0 !important;
}

.frameflow-light .ff-home-motto + .ff-contact-section,
.frameflow-light .ff-home-motto + .ff-contact-section.flat-spacing {
  margin-top: 0 !important;
  padding-top: clamp(48px, 6vw, 72px) !important;
  border-top: none !important;
}