/* Quiet, lightweight service links above the homepage headline. */
.hero .hero-services { display: flex; align-items: center; flex-wrap: wrap; gap: 0 10px; margin: -10px 0 13px; color: #63615c; font: 400 11px/1.6 Arial, Helvetica, sans-serif; letter-spacing: .9px; }
.hero .hero-services::before { content: ''; display: block; width: 22px; height: 1px; flex: 0 0 22px; background: var(--gold); margin-right: 2px; }
.hero .hero-services a { display: inline-flex; align-items: center; min-height: 44px; font-weight: 400; color: inherit; transition: color .2s ease; }
.hero .hero-services > span { color: #8a8273; }
.hero .hero-services a:hover, .hero .hero-services a:active { color: #85662e; }
.hero .hero-services a:focus-visible { color: #85662e; outline: 2px solid #85662e; outline-offset: 3px; }
@media (max-width: 700px) { .hero .hero-services { column-gap: 8px; letter-spacing: .5px; } }
@media (prefers-reduced-motion: reduce) { .hero .hero-services a { transition: none; } }