/**
 * Frameflow homepage — spacing and presentation (no random portfolio swaps).
 */

/* ---------------------------------------------------------------------------
   Section rhythm — more breathing room between chapters
   ------------------------------------------------------------------------ */
.ff-home-refined .flat-spacing {
  padding-top: clamp(72px, 8vw, 112px);
  padding-bottom: clamp(72px, 8vw, 112px);
}

.ff-home-refined .ff-showreel.flat-spacing,
.ff-home-refined .ff-ref-projects.flat-spacing {
  padding-top: clamp(56px, 6vw, 88px);
}

.ff-home-refined .section-about-us {
  padding-bottom: clamp(48px, 5vw, 72px);
}

/* ---------------------------------------------------------------------------
   Working process — tighter, portfolio-forward gallery
   ------------------------------------------------------------------------ */
.ff-home-refined .ff-working-process__title {
  font-size: clamp(1.75rem, 3.2vw, 2.65rem);
  line-height: 1.2;
  max-width: 18ch;
  margin-inline: auto;
}

.ff-home-refined .ff-working-process__lead + .tf-btn-2 {
  margin-top: 20px;
}

.ff-home-refined .section-partner.ff-ref-partner {
  padding: clamp(40px, 5vw, 64px) 0;
}

.ff-home-refined .ff-services-banner {
  margin-top: clamp(40px, 5vw, 56px);
}

.ff-home-refined .ff-services-preview {
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0 18px 44px -24px rgba(19, 7, 45, 0.28);
}

.ff-home-refined .ff-tes-carousel__title {
  font-size: clamp(1.65rem, 2.8vw, 2.35rem);
  line-height: 1.25;
  max-width: 22ch;
  margin-inline: auto;
}

.ff-home-refined .ff-why-us__media {
  border-radius: 24px;
  overflow: hidden;
  box-shadow: 0 24px 56px -32px rgba(19, 7, 45, 0.35);
}

.ff-home-refined .ff-ref-project-card__thumb img {
  transition: transform 0.5s cubic-bezier(0.22, 1, 0.36, 1);
}

.ff-home-refined .ff-ref-project-card:hover .ff-ref-project-card__thumb img {
  transform: scale(1.04);
}

.ff-home-refined .ff-showreel__link {
  border-radius: 24px;
  overflow: hidden;
  box-shadow: 0 32px 64px -36px rgba(19, 7, 45, 0.45);
}

.ff-home-refined .ff-trust-band {
  padding: 18px 0;
  border-bottom: 1px solid rgba(67, 38, 146, 0.06);
}

@media (prefers-reduced-motion: reduce) {
  .ff-home-refined .ff-ref-project-card__thumb img {
    transition: none;
  }

  .ff-home-refined .ff-ref-project-card:hover .ff-ref-project-card__thumb img {
    transform: none;
  }
}