/* SVG strokes prevent iOS from substituting coloured emoji arrows. */
.ui-arrow{display:inline-block;width:20px;height:20px;vertical-align:middle;flex-shrink:0;color:inherit}
.arrow-wrap{display:inline-flex;align-items:center;justify-content:center;line-height:0}
.gold .ui-arrow{color:#111}
.nav-cta .ui-arrow{color:var(--gold)}
.text-link .ui-arrow{width:18px;height:18px}
.contact-details .ui-arrow{width:19px;height:19px;color:var(--gold)}
footer>a[href="#home"]:not(.footer-brand){display:inline-flex;align-items:center;gap:9px}
footer .ui-arrow{width:16px;height:16px}
.hub-note-icon{display:block;width:34px;height:38px;flex-shrink:0;color:var(--gold)}
.about-cta{margin-top:7px}
.about-section{border-bottom:1px solid #d5bd68}
.services.wrap{border-block-color:#d5bd68}
/* Scroll destinations receive focus for navigation, without Safari's blue section outline. */
main :is(section,.contact-anchor)[tabindex="-1"]:focus{outline:none}
@media(max-width:680px){.nav-cta .ui-arrow{width:18px;height:18px}.button .ui-arrow{width:20px;height:20px}}
@media(max-width:680px){.hub-note-icon{width:27px;height:30px}}

/* Individual contact cards give the links a clear home in the dark panel. */
.contact-details{width:min(100%,360px);gap:12px;align-items:stretch}
.contact-details a{display:grid;grid-template-columns:21px minmax(0,1fr) 19px;align-items:center;gap:11px;padding:15px 17px;border:1px solid rgba(255,202,5,.4);border-radius:14px;background:linear-gradient(135deg,#2a2a22,#1b1c18);box-shadow:inset 0 1px 0 rgba(255,255,255,.045),0 5px 18px rgba(0,0,0,.12);font-size:17px;line-height:1.5}
.contact-details a .contact-value{margin:0;min-width:0;overflow-wrap:anywhere;color:#f5f3e9}
.contact-details a .arrow-wrap{margin:0}
.contact-details a:hover,.contact-details a:focus-visible{border-color:var(--gold);background:linear-gradient(135deg,#353225,#23231c);box-shadow:0 0 18px rgba(255,202,5,.09)}
@media(max-width:680px){.contact-details a{font-size:16px;padding:14px 15px;gap:10px}}