/* Full-viewport background photo between content sections */
.full-photo-break {
  position: relative;
  width: 100vw;
  margin-left: calc(50% - 50vw);
  height: 100vh;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  /* Cropped corners for a non-rectangular silhouette */
  clip-path: polygon(
    100% 0%,
    100% 0%,
    100% 92%,
    0% 100%,
    0% 100%,
    0% 8%
  );
  -webkit-clip-path: polygon(
    100% 0%,
    100% 0%,
    100% 92%,
    0% 100%,
    0% 100%,
    0% 8%
  );
}


/* Right-middle overlay content */
.full-photo-break__content {
  position: absolute;
  top: 50%;
  right: clamp(24px, 16vw, 220px); /* move slightly toward center */
  transform: translateY(-50%);
  color: var(--white-color, #fff);
  text-align: right;
  max-width: min(28ch, 46vw);
  z-index: 1; /* sit above the gradient overlay */
}

.full-photo-break__headline {
  margin: 0;
  margin-left: -2rem; /* slight negative indent for visual balance */
  font-weight: 700;
  line-height: 1.1;
  letter-spacing: 0.2px;
  /* Decent, responsive size using base font */
  font-size: clamp(2rem, 4.5vw, 3.5rem);
}

/* Keep the second line on a single line on larger viewports */
.full-photo-break__headline .nowrap { white-space: nowrap; }

/* Optional scroll hint (visually hidden by default) */
.full-photo-break::after {
  content: '';
  position: absolute;
  left: 50%;
  bottom: 24px;
  transform: translateX(-50%);
}

@media (max-width: 767px) {
  .full-photo-break {
    height: 85vh; /* a bit shorter on small screens to suggest scroll */
  }
  .full-photo-break__content {
    left: 50%;
    right: auto;
    transform: translate(-50%, -50%);
    text-align: center;
    padding: 0 20px;
    max-width: 90vw;
  }
}

/* FAQ overlay tweaks: fixed width for consistency */
.full-photo-break__content.faq-overlay {
  width: 560px;
  max-width: 90vw; /* Responsive fallback */
}

.full-photo-break .faq-card {
  max-height: calc(100vh - 96px);
  overflow: auto;
}