/* ==========================================================================
   Services & Corporate Clients — hero, four service cards, two venue
   sections, a closing word from the team, and an enquiry band.
   ========================================================================== */

/* Bounce-free scroll cue under the hero CTA. */
.scroll-cue {
  display: inline-flex;
  align-items: center;
  gap: var(--space-1);
  color: rgb(255 255 255 / 0.72);
  text-decoration: none;
}
.scroll-cue .material-symbols-outlined {
  transition: transform var(--duration) var(--ease-out);
}
.scroll-cue:hover .material-symbols-outlined { transform: translateY(3px); }

/* --- The four services ------------------------------------------------
   Cards carry very different copy lengths, so stretch them to a common
   height and let the text sit at the top of each. */
.service-cards { align-items: stretch; }
.service-cards .card { height: 100%; }

/* --- Venue sections ---------------------------------------------------- */

.venue__eyebrow {
  display: block;
  margin-bottom: var(--space-1);
  color: var(--brand-brass);
}

.venue__lead { margin-top: var(--space-2); }

/* Sits between the venue's introduction and its list of offerings. */
.venue__subhead {
  display: flex;
  align-items: center;
  gap: var(--space-3);
  margin-block: var(--space-10) var(--space-5);
}
/* Brass rule running out from the heading to the container edge. */
.venue__subhead::after {
  content: "";
  flex: 1;
  height: 1px;
  background: var(--color-outline-variant);
}

.venue__offer { row-gap: var(--space-6); }

/* --- Closing word from the team ---------------------------------------
   .quote--band is sized for a one-line pull-quote; this is a full
   paragraph, so it needs a readable measure and a smaller size. */
.team-note {
  max-width: 62ch;
}
.team-note__text {
  font-size: clamp(1.125rem, 1rem + 0.6vw, 1.375rem);
  line-height: 1.5;
  font-style: italic;
}

/* --- Enquiry band ------------------------------------------------------ */

.cta-band {
  display: grid;
  gap: var(--space-3);
  justify-items: center;
  padding: var(--space-8) var(--space-4);
  text-align: center;
  background: var(--color-surface-container-low);
  border: var(--hairline);
  border-radius: var(--radius);
}
.cta-band__icon { color: var(--brand-brass); }
.cta-band p { max-width: 58ch; }