/*
  Homepage hero — static palm poster with warm scrim (no background video).
*/

.hero-cntn.et_pb_section_0 {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  margin-top: 0 !important;
  background-color: #f6f0e9;
}

body.home .hero-cntn .et_pb_row_0.et_pb_row {
  margin-top: 0 !important;
  padding-top: 4.5rem !important;
}

/* Faded palm texture (replaces low-opacity video) */
.hero-cntn.et_pb_section_0::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background-image: url("/wp-content/uploads/2025/12/Palm-Swaying-poster.jpg");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  opacity: 0.32;
}

/* Warm scrim above poster, below hero copy */
.hero-cntn.et_pb_section_0::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background: linear-gradient(
    105deg,
    rgba(246, 240, 233, 0.92) 0%,
    rgba(246, 240, 233, 0.78) 42%,
    rgba(246, 240, 233, 0.45) 68%,
    rgba(246, 240, 233, 0.2) 100%
  );
}

.hero-cntn.et_pb_section_0 > .et_pb_row {
  position: relative;
  z-index: 2;
}

@media screen and (max-width: 767px) {
  .hero-cntn.et_pb_section_0::before {
    background: linear-gradient(
      180deg,
      rgba(246, 240, 233, 0.55) 0%,
      rgba(246, 240, 233, 0.35) 100%
    );
  }

  .hero-cntn.et_pb_section_0::after {
    opacity: 0.38;
  }

  /*
    CLS stabilization (Phase 3.5): before Divi deferred inline CSS parses,
    the profile image column renders and row_0 keeps desktop padding — hero
    overshoots ~1163px then settles to ~682px, pushing section_1 into the
    viewport (~0.30 mobile CLS). These rules mirror the final mobile layout
    early so first paint matches post-load height.
  */
  body.home .hero-cntn.et_pb_section_0 {
    min-height: 682px;
  }

  body.home .hero-cntn .et_pb_image_0 {
    display: none !important;
  }

  body.home .hero-cntn .et_pb_row_0.et_pb_row {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
}

/* Tablet: profile image hidden in final Divi layout (768–980px) — hide early for CLS */
@media screen and (min-width: 768px) and (max-width: 980px) {
  body.home .hero-cntn .et_pb_image_0 {
    display: none !important;
  }

  body.home .hero-cntn.et_pb_section_0 {
    min-height: 703px;
  }
}