/* Local homepage candidate: quiet green backing and the existing botanical breeze. */
.hero > img {
  filter: none !important;
  opacity: 1 !important;
}

.hero::after {
  content: none !important;
  display: none !important;
}

.hero-copy[data-home-breeze] {
  position: absolute;
  top: 50%;
  left: clamp(16px, 8vw, 112px);
  transform: translateY(-50%);
  width: min(38rem, calc(100% - clamp(32px, 16vw, 224px)));
  max-width: none;
  padding: 72px clamp(24px, 2.25vw, 32px) clamp(28px, 2.25vw, 32px);
  isolation: isolate;
  z-index: 2 !important;
  color: #fff;
}

.hero-copy[data-home-breeze]::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0;
  border-radius: 3px;
  background: rgb(25 58 37 / 90%);
  pointer-events: none;
}

.hero-copy[data-home-breeze] > .home-vine-canopy {
  position: absolute;
  z-index: 0;
  inset: -20px;
  width: calc(100% + 40px);
  height: calc(100% + 40px);
  overflow: visible;
  pointer-events: none;
  color: #31583a;
}

.hero-copy[data-home-breeze] .vine-leaf { fill: currentColor; stroke: currentColor; stroke-width: 1.4; stroke-linejoin: round; }
.hero-copy[data-home-breeze] .vine-cluster-1 { color: #294c32; opacity: .98; }
.hero-copy[data-home-breeze] .vine-cluster-2 { color: #365f3d; opacity: .96; }
.hero-copy[data-home-breeze] .vine-cluster-3 { color: #24452e; opacity: .98; }

.hero-copy[data-home-breeze] h1,
.hero-copy[data-home-breeze] > p,
.hero-copy[data-home-breeze] > div {
  position: relative;
  z-index: 1;
  color: #fff;
}

.hero-copy[data-home-breeze] .text-light {
  color: #fff;
}

.breeze-stage {
  position: absolute;
  z-index: 2;
  top: 8px;
  left: 70px;
  right: 70px;
  height: 54px;
  overflow: hidden;
  pointer-events: none;
  visibility: hidden;
}

.hero-copy[data-breeze-active] .breeze-stage {
  visibility: visible;
}

.hero-copy[data-home-breeze] > .breeze-stage {
  position: absolute;
  top: 8px;
  left: 70px;
  right: 70px;
  height: 54px;
  z-index: 3;
}

.breeze-leaf-flight {
  position: absolute;
  top: 0;
  left: 0;
  width: 24px;
  height: 22px;
  opacity: 0;
  transform-origin: 50% 50%;
}

.breeze-leaf-flight svg {
  display: block;
  width: 24px;
  height: 22px;
  overflow: visible;
  fill: none;
  stroke: #cad9b8;
  stroke-width: 1.35;
  stroke-linecap: round;
  stroke-linejoin: round;
}

@media (max-width: 700px) {
  .hero-copy[data-home-breeze] {
    top: auto;
    bottom: max(16px, 4vh);
    left: 16px;
    width: calc(100% - 32px);
    transform: none;
    padding: 62px 24px 28px;
  }

  .breeze-stage {
    left: 70px;
    right: 70px;
    height: 48px;
  }

  .hero-copy[data-home-breeze] > .breeze-stage { height: 48px; }

  .hero-copy[data-home-breeze] > .home-vine-canopy {
    inset: -18px;
    width: calc(100% + 36px);
    height: calc(100% + 36px);
  }
}

@media (prefers-reduced-motion: reduce) {
  .breeze-stage { visibility: hidden !important; }
}
