/* Header contact CTA: a brief highlight with a long quiet interval. */
.header .nav-contact{position:relative;isolation:isolate;overflow:hidden;background:var(--ink);color:var(--paper);border-color:var(--ink);box-shadow:0 3px 9px rgba(20,62,107,.12);transition:transform .22s ease,box-shadow .22s ease}
.header .nav-contact:after{content:"";position:absolute;top:-35%;bottom:-35%;left:-70%;width:38%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.30),transparent);transform:skewX(-20deg);pointer-events:none;animation:contact-shine 4s ease-in-out infinite}
@keyframes contact-shine{0%,55%{left:-70%}95%,100%{left:145%}}
@media(hover:hover) and (pointer:fine){.header .nav-contact:hover{transform:translateY(-2px);box-shadow:0 7px 18px rgba(20,62,107,.24)}.header .nav-contact:hover:after{animation-duration:3s}}
.header .nav-contact:focus-visible{transform:translateY(-2px);box-shadow:0 7px 18px rgba(20,62,107,.24)}
@media(prefers-reduced-motion:reduce){.header .nav-contact:after{display:none}.header .nav-contact{transition:none}.header .nav-contact:hover,.header .nav-contact:focus-visible{transform:none}}
.rc-motion-off .header .nav-contact:after{display:none}.rc-motion-off .header .nav-contact:hover{transform:none}
html.ocean-out-of-view .header .nav-contact:after{animation-play-state:paused}