/* The selected Sonar still-caption header contact. */
.site-header { position:relative; z-index:12; }
.site-header nav .contact-dot { display:grid; place-items:center; width:24px; height:44px; padding:0; flex:none; --contact-rings:0; --contact-caption:0; --contact-ink:var(--paper); }
.contact-dot svg { position:absolute; width:68px; height:68px; left:calc(50% - 34px); top:calc(50% - 34px); overflow:visible; pointer-events:none; }
.contact-rings { opacity:var(--contact-rings); fill:none; stroke:var(--orange); stroke-width:.8; }
.contact-rings circle:nth-child(1) { opacity:.56; }
.contact-rings circle:nth-child(2) { opacity:.42; }
.contact-rings circle:nth-child(3) { opacity:.28; }
.contact-core { fill:var(--contact-ink); }
.contact-dot .contact-label { position:absolute; left:50%; top:calc(50% + 40px); transform:translateX(-50%); width:70px; height:auto; border-radius:0; background:none; color:var(--paper); font:500 12px/16px var(--sans); white-space:nowrap; text-align:center; opacity:var(--contact-caption); pointer-events:none; }
.contact-dot[data-open] .contact-label { pointer-events:auto; }
.contact-dot[data-open]::after { content:''; position:absolute; left:calc(50% - 34px); top:50%; width:68px; height:58px; }
.contact-dot:focus-visible { border-radius:20px; outline-offset:5px; }
/* CSS hover and focus remain useful if JavaScript is unavailable. */
.contact-dot:not([data-sonar]):is(:hover,:focus-visible) { --contact-rings:1; --contact-caption:1; --contact-ink:var(--orange); }
.contact-dot:not([data-sonar]):is(:hover,:focus-visible)::after { content:''; position:absolute; left:calc(50% - 34px); top:50%; width:68px; height:58px; }
@media(max-width:600px), (hover:none), (pointer:coarse) {
  .site-header nav .contact-dot { display:grid; width:64px; }
  .contact-dot svg { display:none; }
  .contact-dot .contact-label { position:static; transform:none; width:auto; opacity:1; color:var(--orange); font:inherit; pointer-events:auto; }
  .contact-dot::after { display:none; }
}
@media(max-width:600px) {
  .site-header .nav-linkedin { display:none; }
}