/* Original pepper photo; responsive presentation without image processing. */
main > .subpage-intro.services-image-hero {
  position: relative;
  isolation: isolate;
  width: 100%;
  max-width: none;
  margin: 0;
  padding: clamp(48px, 5vw, 76px) 0 48px;
  background: #10291c;
  color: #fff;
}
.services-image-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: linear-gradient(90deg, rgb(6 25 16 / 94%), rgb(6 25 16 / 86%) 36%, rgb(6 25 16 / 48%) 64%, rgb(6 25 16 / 10%)), url('/assets/services/paprika-original.jpg') center 62% / cover no-repeat;
}
.services-image-hero .services-hero-inner { width: min(1160px, calc(100% - 64px)); margin-inline: auto; }
.services-image-hero .services-hero-copy { max-width: 620px; }
.services-image-hero .services-hero-copy > a { display: inline-block; padding-block: 8px; }
.services-image-hero h1 { color: #fff; font-size: clamp(2.25rem, 4.5vw, 3.75rem); line-height: 1.1; margin: 24px 0 20px; }
.services-image-hero p { color: #f4f7f2; line-height: 1.65; }
.services-image-hero .service-intro { font-size: 1.125rem; margin-top: 0; }
.services-image-hero a { color: #fff; }
.services-image-hero a:hover { color: #d5f6af; }
.services-image-hero .service-topic-links { gap: 10px; margin-top: 30px; }
.services-image-hero .service-topic-links a { background: #173b2b; border-color: #9cb6a5; color: #fff; padding: 12px 16px; text-decoration: none; }
.services-image-hero .service-topic-links a:hover { background: #24553e; border-color: #fff; }
.services-image-hero :focus-visible { outline: 3px solid #d5f6af; outline-offset: 4px; box-shadow: 0 0 0 3px #10291c; }
@media (max-width: 800px) {
  main > .subpage-intro.services-image-hero { padding: calc(100vw * 3 / 4) 0 32px; }
  .services-image-hero::before {
    bottom: auto;
    aspect-ratio: 4 / 3;
    background: url('/assets/services/paprika-original.jpg') center top / 100% auto no-repeat;
  }
  .services-image-hero .services-hero-inner { width: calc(100% - 40px); padding-top: 24px; }
  .services-image-hero h1 { font-size: clamp(2rem, 7vw, 3rem); margin-top: 18px; }
  .services-image-hero .service-intro { font-size: 1rem; }
  .services-image-hero .service-topic-links { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
  .services-image-hero .service-topic-links a { display: flex; align-items: center; min-width: 0; padding: 12px; font-size: .9375rem; line-height: 1.45; overflow-wrap: break-word; }
}
@media (max-width: 380px) {
  .services-image-hero .service-topic-links { grid-template-columns: minmax(0, 1fr); }
}
@media print {
  main > .subpage-intro.services-image-hero { background: white; color: black; padding: 24px 0; }
  .services-image-hero::before { display: none; }
  .services-image-hero :is(h1,p,a) { color: black; }
  .services-image-hero .service-topic-links a { background: white; border-color: black; color: black; }
}