/* Reference-inspired translucent monochrome contact marks. No third-party requests. */
.direct-contact.contact-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;max-width:480px;margin-top:22px}
.contact-links .contact-tile{position:relative;display:flex;align-items:center;gap:10px;min-height:66px;padding:12px 13px;border:1px solid rgba(233,242,255,.24);border-radius:9px;background:linear-gradient(135deg,rgba(224,237,255,.035),rgba(224,237,255,.09));color:#edf2fa;text-decoration:none;box-shadow:inset 0 1px 0 rgba(255,255,255,.05);backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px);transition:background .2s,border-color .2s,transform .2s;min-width:0;font-weight:500}
.contact-links .contact-tile svg{width:28px;height:28px;flex-shrink:0;opacity:.8}
.contact-links .contact-tile-label{display:flex;flex-direction:column;font-size:12px;line-height:1.35;min-width:0}
.contact-links .contact-tile-label small{font-size:9px;line-height:1.5;font-weight:400;color:#c1cbd9;white-space:nowrap}
.contact-links .contact-tile-arrow{position:absolute;right:7px;top:4px;font-size:12px;opacity:.6}
.contact-links a.contact-tile:hover{background:rgba(223,238,255,.15);border-color:rgba(233,242,255,.6);transform:translateY(-2px)}
.contact-links a.contact-tile:hover svg{opacity:1}
.contact-links a.contact-tile:focus-visible{outline:2px solid #d0e6ff;outline-offset:4px;background:rgba(223,238,255,.15)}
.contact-links .contact-tile-pending{opacity:.48;cursor:default}
@media(max-width:600px){.direct-contact.contact-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:16px}.contact-links .contact-tile{min-height:59px;padding:10px}.contact-links .contact-tile svg{width:25px;height:25px}}
@media(max-height:520px) and (orientation:landscape){.direct-contact.contact-links{gap:7px;margin-top:12px}.contact-links .contact-tile{min-height:54px;padding:8px}.contact-links .contact-tile svg{width:23px;height:23px}}
@media(prefers-reduced-motion:reduce){.contact-links .contact-tile{transition:none}.contact-links a.contact-tile:hover{transform:none}}

.contact-links .contact-tile-arrow svg{width:10px;height:10px;fill:none;stroke:currentColor;stroke-width:1.3;opacity:1}

/* Four contact destinations remain, balanced in both portfolio views. */
.city-stop[data-stop="contact"] .direct-contact.contact-links{grid-template-columns:repeat(2,minmax(0,1fr))}