/* Inquiry links: service-related tiles, cards, chips and steps that open the
   home inquiry form with the service prefilled. Nothing changes at rest; a
   small "Inquire" cue appears on hover and keyboard focus. */

/* Photo tiles: an empty overlay link covers the figure. */
.has-inquiry { position: relative; }
.inquiry-overlay {
  position: absolute;
  inset: 0;
  z-index: 3;
  display: block;
  cursor: pointer;
}
.studio-story--production .inquiry-overlay { z-index: 1; } /* keep the copy above it */
.inquiry-overlay::after,
.inquiry-card .inquiry-stretch::before,
.inquiry-row .inquiry-stretch::before {
  content: "Inquire \2197";
  position: absolute;
  font: 700 .68rem/1 "Barlow Condensed", sans-serif;
  letter-spacing: .14em;
  text-transform: uppercase;
  white-space: nowrap;
  opacity: 0;
  transform: translateY(3px);
  transition: opacity .18s ease, transform .18s ease;
  pointer-events: none;
}
.inquiry-overlay::after {
  top: 14px;
  right: 14px;
  padding: 8px 11px;
  border: 1px solid rgba(214, 168, 94, .75);
  background: rgba(8, 8, 7, .82);
  color: #f0dcc0;
}
.inquiry-overlay--left::after { right: auto; left: 14px; }
.inquiry-overlay:hover::after,
.inquiry-overlay:focus-visible::after { opacity: 1; transform: none; }
.inquiry-overlay:hover { box-shadow: inset 0 0 0 1px rgba(214, 168, 94, .7); }
.inquiry-overlay:focus-visible { outline: 2px solid #d6a85e; outline-offset: -3px; }

/* Cards and step rows: the heading is the link and stretches over the card. */
.inquiry-card,
.inquiry-row { position: relative; }
.inquiry-stretch { color: inherit; text-decoration: none; }
.inquiry-stretch::after { content: ""; position: absolute; inset: 0; z-index: 1; cursor: pointer; }
.inquiry-card:hover .inquiry-stretch,
.inquiry-row:hover .inquiry-stretch,
.inquiry-stretch:focus-visible { color: #8d5b25; }
.inquiry-card .inquiry-stretch::before { top: 18px; right: 18px; color: #8d5b25; }
.inquiry-row .inquiry-stretch::before { top: 50%; right: 0; margin-top: -.34rem; color: #8d5b25; }
.inquiry-card:hover .inquiry-stretch::before,
.inquiry-row:hover .inquiry-stretch::before,
.inquiry-stretch:focus-visible::before { opacity: 1; transform: none; }
.inquiry-card:hover { border-color: #c79a57; }
.inquiry-stretch:focus-visible { outline: none; }
.inquiry-stretch:focus-visible::after { outline: 2px solid #b5843c; outline-offset: 2px; }

/* Chips and the artist-services strip: plain text links. */
.inquiry-chip { color: inherit; text-decoration: none; }
.studio-cover__chips li:has(.inquiry-chip) { transition: border-color .18s ease, color .18s ease; }
.studio-cover__chips li:has(.inquiry-chip:hover),
.studio-cover__chips li:has(.inquiry-chip:focus-visible) { border-color: #d6a85e; color: #f7e3c4; }
.artists-services .inquiry-chip:hover,
.artists-services .inquiry-chip:focus-visible { color: #8d5b25; text-decoration: underline; text-decoration-color: #b5843c; text-underline-offset: 5px; }
.inquiry-chip:focus-visible { outline: 2px solid #d6a85e; outline-offset: 4px; border-radius: 2px; }

@media (prefers-reduced-motion: reduce) {
  .inquiry-overlay::after, .inquiry-stretch::before { transition: none; }
}
.studio-cover__chips .inquiry-chip { display: block; margin: -10px -18px; padding: 10px 18px; border-radius: 999px; }
@media (max-width: 650px) { .studio-cover__chips .inquiry-chip { margin: -8px -14px; padding: 8px 14px; } }