/* All artwork remains separate from the editable Elementor photographs. */
body:not(.elementor-editor-active) .hh-header-hero {
  isolation: isolate;
}
body:not(.elementor-editor-active) .hh-header-hero::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  opacity: .6;
  background-image: url("butterfly-pea-vine-top.png"), url("butterfly-pea-corner-right.png");
  background-repeat: no-repeat;
  background-position: left -32px top -35px, right -25px top -32px;
  background-size: clamp(290px, 35vw, 470px) auto, clamp(160px, 18vw, 235px) auto;
}
body.home:not(.elementor-editor-active) .hh-header-hero > .e-con-inner::after {
  --hh-ginger-width: clamp(155px, 16vw, 215px);
  --hh-ginger-x: calc(50% + 30px);
  --hh-ginger-y: calc(50% + 12px);
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: url("ginger-cat.png") no-repeat left var(--hh-ginger-x) top var(--hh-ginger-y) / var(--hh-ginger-width) auto;
}
body:not(.elementor-editor-active) .hh-header-hero > .e-con-inner {
  position: relative;
  z-index: 1;
}
body:not(.elementor-editor-active) .hh-glass-header::after {
  content: "";
  position: absolute;
  top: -19px;
  left: 40%;
  width: 240px;
  height: 69px;
  opacity: .6;
  pointer-events: none;
  background: url("butterfly-pea-small-sprig.png") no-repeat center / contain;
}

/* Continue the vine around the actual drone photo, keeping its center clear. */
.elementor-370 .elementor-element-e1af275::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 2;
  opacity: .6;
  background-image: url("butterfly-pea-corner-right.png"), url("butterfly-pea-vine-top.png");
  background-position: right -24px top -36px, right 95px top -80px;
  background-size: 185px auto, 400px auto;
  background-repeat: no-repeat;
}

/* Keep the existing homepage section positions and spacing. */
.elementor-370 .elementor-element-8e53458,
.elementor-370 .elementor-element-adc1e4e,
.elementor-370 .elementor-element-1d6ae7b {
  isolation: isolate;
}
.elementor-370 .elementor-element-8e53458::after,
.elementor-370 .elementor-element-adc1e4e::after,
.elementor-370 .elementor-element-1d6ae7b::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 0;
  background-repeat: no-repeat;
}
.elementor-370 .elementor-element-8e53458::after {
  background-image: url("sage-leaves.png"), url("sage-corner.png");
  background-position: left -180px top -100px, left -180px bottom -70px;
  background-size: 345px auto;
  opacity: .2;
}
.elementor-370 .elementor-element-adc1e4e::after {
  background-image: url("sage-leaves.png");
  background-position: right -160px center;
  background-size: 345px auto;
  opacity: .2;
}
.elementor-370 .elementor-element-1d6ae7b::after {
  background-image: url("hibiscus-corner.png");
  background-position: left -12px bottom -70px;
  background-size: 360px auto;
  -webkit-mask-image: linear-gradient(to top, #000 100px, transparent 170px);
  mask-image: linear-gradient(to top, #000 100px, transparent 170px);
}

/* Tea rests on the panel edge without changing the footer photograph or links. */
body:not(.elementor-editor-active) .hh-footer-glass-panel::after {
  content: "";
  position: absolute;
  right: 6px;
  bottom: calc(100% - 17px);
  width: 190px;
  aspect-ratio: 603 / 305;
  z-index: 3;
  pointer-events: none;
  background: url("cat-tea.png") no-repeat center / contain;
  /* The supplied cutout includes stray leaves; clip those without altering its pixels. */
  clip-path: polygon(4% 81%, 5% 65%, 8% 57%, 13% 43%, 14% 28%, 15% 11%, 18% 2%, 21% 2%, 26% 16%, 30% 14%, 34% 14%, 39% 7%, 42% 8%, 42% 18%, 38% 38%, 40% 41%, 50% 41%, 60% 46%, 71% 53%, 85% 63%, 94% 72%, 99% 86%, 98% 93%, 80% 96%, 60% 96%, 44% 94%, 34% 90%, 23% 92%, 10% 88%);
  filter: drop-shadow(0 3px 2px rgb(0 31 35 / 22%));
}
@media (max-width: 1024px) {
  body.home:not(.elementor-editor-active) .hh-header-hero > .e-con-inner::after {
    --hh-ginger-width: 155px;
    --hh-ginger-x: 66%;
    --hh-ginger-y: 55%;
  }
}
@media (max-width: 767px) {
  body:not(.elementor-editor-active) .hh-glass-header::after { display: none; }
  body:not(.elementor-editor-active) .hh-header-hero::after {
    background-position: left -40px top -14px, right -35px top -22px;
    background-size: 230px auto, 120px auto;
  }
  body.home:not(.elementor-editor-active) .hh-header-hero > .e-con-inner::after {
    --hh-ginger-width: 105px;
    --hh-ginger-x: calc(100% - 9px);
    --hh-ginger-y: 66%;
  }
  .elementor-370 .elementor-element-e1af275::after {
    background-position: right -18px top -26px, right 60px top -58px;
    background-size: 120px auto, 260px auto;
  }
  .elementor-370 .elementor-element-8e53458::after,
  .elementor-370 .elementor-element-adc1e4e::after {
    background-size: 205px auto;
    opacity: .13;
  }
  .elementor-370 .elementor-element-8e53458::after { background-position: left -130px top -60px, left -130px bottom -45px; }
  .elementor-370 .elementor-element-adc1e4e::after { background-position: right -125px center; }
  .elementor-370 .elementor-element-1d6ae7b::after { background-size: 135px auto; background-position: left -12px bottom -22px; }
  body:not(.elementor-editor-active) .hh-footer-glass-panel::after {
    right: 0;
    width: 135px;
    bottom: calc(100% - 12px);
  }
}
@media (forced-colors: active), print {
  body:not(.elementor-editor-active) .hh-header-hero::after,
  body.home:not(.elementor-editor-active) .hh-header-hero > .e-con-inner::after,
  body:not(.elementor-editor-active) .hh-glass-header::after,
  body:not(.elementor-editor-active) .hh-footer-glass-panel::after,
  .elementor-370 .elementor-element-8e53458::after,
  .elementor-370 .elementor-element-adc1e4e::after,
  .elementor-370 .elementor-element-1d6ae7b::after,
  .elementor-370 .elementor-element-e1af275::after { display: none; }
}