.hero-test-page #main-content {
  padding-top: var(--site-header-height, 80px);
}
.hero-image-test {
  position: relative;
  background: #f3f2ec;
}
.hero-mobile-copy {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}
.hero-mobile-photo { display: none; }
.hero-image-test__image {
  display: block;
  width: 100%;
  height: auto;
}
.hero-image-test__actions {
  position: absolute;
  top: 67.8%;
  left: 5.55%;
  display: flex;
  align-items: center;
  gap: clamp(8px, .7vw, 14px);
  padding: 0;
}
.hero-image-test__actions a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  padding: clamp(10px, .8vw, 16px) clamp(12px, 1.25vw, 24px);
  border-radius: 999px;
  font-weight: 700;
  font-size: clamp(11px, 1.05vw, 18px);
  white-space: nowrap;
  text-align: center;
}
.hero-image-test__primary {
  background: #155b3a;
  color: #fff;
}
.hero-image-test__primary:hover { background: #10442c; }
.hero-image-test__secondary {
  background: #f5f4ed;
  border: 1px solid #155b3a;
  color: #155b3a;
}
.hero-image-test__secondary:hover { background: #e5eadd; }
.hero-image-test__actions a:focus-visible {
  outline: 3px solid #155b3a;
  outline-offset: 4px;
}
.hero-contact-bar {
  position: absolute;
  inset: 0 0 auto;
  z-index: 2;
  padding: 8px 0;
  background: rgb(250 249 244 / 90%);
}
.hero-contact-bar > div {
  align-items: center;
  gap: 8px 16px;
  font-size: clamp(11px, .9vw, 14px);
}
@media (max-width: 1099px) {
  .hero-contact-bar {
    position: relative;
    background: #f3f2ec;
  }
  .hero-image-test__actions { top: auto; bottom: 26.2%; }
}
@media (max-width: 767px) {
  .hero-image-test { display: flex; flex-direction: column; }
  .hero-image-test__image { display: none; }
  .hero-contact-bar { order: 0; padding: 8px 0; }
  .hero-contact-bar > div { padding: 0 20px; gap: 4px 12px; font-size: 12px; }
  .hero-contact-bar a { display: inline-flex; align-items: center; min-height: 36px; }
  .hero-contact-bar > div > div:nth-child(3) { display: none; }
  .hero-mobile-copy {
    order: 1;
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    padding: 24px 22px 0;
    overflow: visible;
    clip-path: none;
    white-space: normal;
  }
  .hero-mobile-eyebrow { color: #50653b; font-size: 11px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; margin-bottom: 12px; }
  .hero-mobile-copy h1 { font: 500 clamp(35px, 9vw, 60px)/1.04 Georgia, serif; letter-spacing: -.04em; color: #163e2a; margin: 0 0 16px; }
  .hero-mobile-copy h1 span { color: #61762e; }
  .hero-mobile-copy > p:last-child { color: #485349; font-size: 15px; line-height: 1.55; margin: 0; }
  .hero-mobile-photo { display: block; order: 3; width: 100%; height: auto; margin-top: 8px; }
  .hero-image-test__actions {
    order: 2;
    position: static;
    justify-content: center;
    flex-wrap: wrap;
    gap: 8px;
    padding: 18px 22px 12px;
    justify-content: flex-start;
  }
  .hero-image-test__actions a {
    font-size: 13px;
    min-height: 48px;
    padding: 12px 16px;
  }
}
@media (max-width: 359px) {
  .hero-image-test__actions { flex-direction: column; align-items: stretch; }
  .hero-mobile-copy h1 { font-size: 34px; }
}