/* The interactive closing section, colored to match the Fable homepage. */
.contact-band { position: relative; isolation: isolate; overflow: hidden; background: #16394b; padding-block: 88px; }
.contact-band .shell { position: relative; z-index: 1; }
.contact-band h2 { max-width: 15ch; margin: 0; font-size: clamp(36px, 5.5vw, 76px); line-height: 1.12; letter-spacing: -.025em; }
.contact-band h2 span { color: var(--blue-soft); }
.contact-band-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 24px 32px; margin-top: 34px; }
.contact-band-actions a { display: inline-flex; align-items: center; justify-content: center; gap: 14px; min-height: 52px; }
.contact-band-actions svg { flex-shrink: 0; width: 18px; height: 18px; }
.contact-band-actions .text-link { color: var(--text); font-size: 15px; }
.contact-band-actions .text-link:hover { color: var(--blue-soft); }
.contact-band-actions a:focus-visible { outline: 2px solid var(--white); outline-offset: 5px; }
.contact-band .water-canvas { position: absolute; inset: 0; z-index: 0; width: 100%; height: 100%; pointer-events: none; opacity: .6; }
@media (max-width: 650px) {
  .contact-band { padding-block: 60px; }
  .contact-band-actions { align-items: flex-start; flex-direction: column; gap: 16px; margin-top: 28px; }
}
@media (prefers-reduced-motion: reduce) {
  .contact-band .water-canvas { display: none; }
}