/* Quiet, direct paths from the homepage to each service page. */
.service-ribbon a:hover,
.service-ribbon a:focus-visible {
  text-decoration: underline;
  text-underline-offset: 5px;
}

.service-grid .service-card {
  position: relative;
  cursor: pointer;
}

.service-grid .service-card .text-link::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
}

.service-grid .service-card:hover h3 {
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 5px;
}

.service-grid .service-card:focus-within {
  outline: 3px solid #a98248;
  outline-offset: 3px;
}

.gallery .service-link-mark {
  position: absolute;
  right: 12px;
  bottom: 12px;
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  background: #fff;
  color: #244438;
  font-size: 18px;
}

.gallery .gallery-caption-link {
  display: block;
}

.gallery .gallery-caption-link > span {
  font-size: 9px;
  letter-spacing: .16em;
  color: var(--accent);
}

.gallery .gallery-caption-link:hover h3,
.gallery .gallery-caption-link:focus-visible h3 {
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 4px;
}

.gallery .service-photo-link:focus-visible,
.gallery .gallery-caption-link:focus-visible {
  outline: 3px solid #a98248;
  outline-offset: 3px;
}