/* Approved 68px sculpted mascot, scoped to menu contact links. */
:is(.site-header,.drawer) a:is(.header-contact,.mobile-contact){position:relative;isolation:isolate;display:flex;align-items:center;justify-content:space-between;gap:26px;flex-shrink:0;width:158px;height:48px;min-height:48px;padding:0 21px;border:1px solid #565b63;border-radius:999px;background:#fff;color:#202322;font:400 14px/1.2 Manrope,Arial,sans-serif;text-decoration:none;overflow:visible;touch-action:manipulation;transform:none;transition:transform .15s ease,border-color .22s ease}
:is(.header-contact,.mobile-contact) .menu-fill{position:absolute;inset:0;border-radius:inherit;overflow:hidden;z-index:-1;pointer-events:none}
:is(.header-contact,.mobile-contact) .menu-fill:before{content:'';position:absolute;inset:0;border-radius:inherit;background:#afd3e3;transform:translateX(-102%);transition:transform .42s cubic-bezier(.22,1,.36,1)}
:is(.site-header,.drawer) a:is(.header-contact,.mobile-contact) .nav-label{position:relative;display:block;height:auto;font:inherit;letter-spacing:0;color:inherit}
:is(.header-contact,.mobile-contact) .menu-mascot{position:absolute;z-index:2;left:50%;bottom:38px;width:68px;height:auto;margin-left:-34px;pointer-events:none;transform-origin:50% 100%;filter:drop-shadow(0 2px 1px #17304218);transition:transform .42s cubic-bezier(.22,1,.36,1)}
:is(.header-contact,.mobile-contact) .menu-arrow{font:22px/1 Arial,sans-serif;transition:transform .35s cubic-bezier(.22,1,.36,1);pointer-events:none}
:is(.site-header,.drawer) a:is(.header-contact,.mobile-contact):after{content:none}
:is(.site-header,.drawer) a:is(.header-contact,.mobile-contact):focus-visible{outline:2px solid #56869a;outline-offset:4px;border-color:#afd3e3}
:is(.header-contact,.mobile-contact):is(:focus-visible,:active) .menu-fill:before{transform:translateX(0)}
:is(.header-contact,.mobile-contact):is(:focus-visible,:active) .menu-mascot{transform:translateY(-3px) rotate(-4deg)}
:is(.header-contact,.mobile-contact):is(:focus-visible,:active) .menu-arrow{transform:translateX(4px)}
@media(hover:hover){
 :is(.site-header,.drawer) a:is(.header-contact,.mobile-contact):hover{border-color:#afd3e3;color:#202322;transform:none;text-decoration:none}
 :is(.header-contact,.mobile-contact):hover .menu-fill:before{transform:translateX(0)}
 :is(.header-contact,.mobile-contact):hover .menu-mascot{transform:translateY(-3px) rotate(-4deg)}
 :is(.header-contact,.mobile-contact):hover .menu-arrow{transform:translateX(4px)}
}
:is(.site-header,.drawer) a:is(.header-contact,.mobile-contact):active{transform:scale(.96)}
.drawer a.mobile-contact{margin-top:60px;margin-bottom:12px;align-self:flex-start}
/* Reserve space above the button for the ring, including its hover movement. */
@media(min-width:561px){
 body,body.home{padding-top:112px}
 .site-header,.site-header.is-scrolled,.home .site-header,.home .site-header.is-scrolled{height:112px;padding-top:48px;padding-bottom:8px}
}
@media(max-width:560px){.site-header a.header-contact{display:none}}
@media(prefers-reduced-motion:reduce){
 :is(.header-contact,.mobile-contact),:is(.header-contact,.mobile-contact) .menu-fill:before,:is(.header-contact,.mobile-contact) .menu-mascot,:is(.header-contact,.mobile-contact) .menu-arrow{transition:none!important}
 :is(.header-contact,.mobile-contact):is(:hover,:focus-visible,:active) .menu-mascot,:is(.header-contact,.mobile-contact):is(:hover,:focus-visible,:active) .menu-arrow,:is(.site-header,.drawer) a:is(.header-contact,.mobile-contact):active{transform:none}
}
