/* Production performance, accessibility, and qualified-lead refinements. */
.hero {
  background-image: url("tree-professional-hero.webp");
}

.story-image {
  background-image: url("stump-project.webp");
}

.gallery-hero {
  background-image: linear-gradient(90deg, rgba(4, 16, 29, .96), rgba(4, 16, 29, .66)), url("tree-professional-hero.webp");
}

.service-hero {
  background-image: linear-gradient(90deg, rgba(4, 18, 34, .96), rgba(4, 18, 34, .58)), url("stump-project.webp");
}

.service-hero.emergency-page {
  background-image: linear-gradient(90deg, rgba(4, 18, 34, .96), rgba(4, 18, 34, .62)), url("tree-professional-hero.webp");
}

.service-hero.land-page {
  background-image: linear-gradient(90deg, rgba(4, 18, 34, .96), rgba(4, 18, 34, .58)), url("property-cleanup.webp");
}

.home-base small {
  color: #d6e0e7;
  font-size: 12px;
}

.service-copy .service-links {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 28px;
}

.service-copy .service-links .btn {
  margin: 0;
}

.service-copy details {
  margin: 14px 0;
  padding: 18px 20px;
  border: 1px solid #d8e1dc;
  background: #fff;
}

.service-copy summary {
  cursor: pointer;
  color: var(--navy);
  font-weight: 900;
}

.service-copy details p {
  margin-bottom: 0;
}

.service-catalog h3 a {
  color: inherit;
  text-decoration-thickness: 2px;
  text-underline-offset: 4px;
}

.service-catalog h3 a:hover,
.service-catalog h3 a:focus-visible {
  color: var(--gold);
}

@media (max-width: 560px) {
  header .call {
    font-size: 0;
    white-space: nowrap;
  }

  header .call::after {
    content: "CALL";
    font-size: 11px;
  }

  .hero {
    background-image: url("tree-professional-hero-mobile.webp");
    background-image: image-set(url("tree-professional-hero-mobile.avif") type("image/avif"), url("tree-professional-hero-mobile.webp") type("image/webp"));
  }

  .story-image {
    background-image: url("stump-project-mobile.webp");
    background-image: image-set(url("stump-project-mobile.avif") type("image/avif"), url("stump-project-mobile.webp") type("image/webp"));
  }

  .service-hero {
    background-image: linear-gradient(rgba(4, 18, 34, .86), rgba(4, 18, 34, .76)), url("stump-project-mobile.webp");
    background-image: linear-gradient(rgba(4, 18, 34, .86), rgba(4, 18, 34, .76)), image-set(url("stump-project-mobile.avif") type("image/avif"), url("stump-project-mobile.webp") type("image/webp"));
  }

  .service-hero.land-page {
    background-image: linear-gradient(rgba(4, 18, 34, .86), rgba(4, 18, 34, .76)), url("property-cleanup-mobile.webp");
  }

  .gallery-hero,
  .service-hero.emergency-page {
    background-image: linear-gradient(rgba(4, 18, 34, .86), rgba(4, 18, 34, .76)), url("tree-professional-hero-mobile.webp");
    background-image: linear-gradient(rgba(4, 18, 34, .86), rgba(4, 18, 34, .76)), image-set(url("tree-professional-hero-mobile.avif") type("image/avif"), url("tree-professional-hero-mobile.webp") type("image/webp"));
  }

  .estimate input,
  .estimate select,
  .estimate textarea {
    font-size: 16px;
  }

  .service-copy .service-links {
    display: grid;
  }

  .service-copy .service-links .btn {
    justify-content: center;
    width: 100%;
  }
}