/* Centered original mascot, with a quiet wordmark and two balanced link groups. */
.top .top-in{position:relative;display:flex;align-items:center;min-height:104px;height:104px;padding:12px 0!important;gap:0!important;flex-wrap:nowrap!important}
.top .brand{position:absolute;left:50%;top:8px;transform:translateX(-50%);margin:0;z-index:2}
.top .brand .logo-dark{display:flex!important;flex-direction:column;align-items:center;gap:3px}
.top .brand .brand-wordmark{display:block;width:108px;height:22px;object-fit:contain}
.brand-mark{display:block;width:48px;height:52px;overflow:hidden}
.brand-mark .lobster{display:block;width:48px;height:49px}
.top .topnav{display:grid!important;grid-template-columns:repeat(3,max-content) minmax(120px,1fr) repeat(3,max-content);align-items:center;gap:22px!important;width:100%!important;margin:0!important;overflow:visible!important}
.topnav>a:nth-child(4){grid-column:5}
.topnav>a{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:8px 0;white-space:nowrap}
.nav-elevator{display:inline-block;position:relative;overflow:hidden;height:1.5em;line-height:1.5;vertical-align:middle}
.nav-label,.nav-copy{display:block;transition:transform 650ms cubic-bezier(.4,0,.2,1)}
.nav-copy{position:absolute;left:0;top:0;transform:translateY(-110%)}
@media(hover:hover) and (pointer:fine){.topnav>a:hover .nav-label{transform:translateY(110%)}.topnav>a:hover .nav-copy{transform:translateY(0)}}
.topnav>a:focus-visible .nav-label{transform:translateY(110%)}
.topnav>a:focus-visible .nav-copy{transform:translateY(0)}
.topnav>a:focus-visible{outline:2px solid #94191e;outline-offset:4px}
@media(prefers-reduced-motion:no-preference){
 .brand-mark .lobster{animation:brand-peek 1200ms cubic-bezier(.16,1,.3,1) 80ms both}
 .brand-mark .lobster-claw-left,.brand-mark .lobster-claw-right{transform-box:fill-box;transform-origin:50% 95%;animation:brand-wave 1700ms ease-in-out 600ms both}
 .brand-mark .lobster-claw-left{--wave-angle:-12deg}
 .brand-mark .lobster-claw-right{--wave-angle:12deg;animation-delay:780ms}
 .brand-mark .lobster-antenna-left,.brand-mark .lobster-antenna-right{transform-box:fill-box;transform-origin:50% 100%;animation:brand-feeler 1800ms ease-in-out 500ms both}
}
@media(hover:hover) and (prefers-reduced-motion:no-preference){
 .brand:hover .brand-mark .lobster-claw-left,.brand:hover .brand-mark .lobster-claw-right{animation-name:brand-hover-wave;animation-duration:1100ms;animation-delay:0ms}
}
@keyframes brand-peek{from{opacity:0;clip-path:inset(100% 0 0);transform:translateY(12px)}to{opacity:1;clip-path:inset(0);transform:translateY(0)}}
@keyframes brand-wave{0%,100%{transform:rotate(0)}35%{transform:rotate(var(--wave-angle))}65%{transform:rotate(calc(var(--wave-angle) * -.3))}}
@keyframes brand-hover-wave{0%,100%{transform:rotate(0)}40%{transform:rotate(var(--wave-angle))}}
@keyframes brand-feeler{0%,100%{transform:rotate(0)}40%{transform:rotate(4deg)}70%{transform:rotate(-2deg)}}
@media(max-width:1050px){.top .topnav{gap:14px!important;grid-template-columns:repeat(3,max-content) minmax(100px,1fr) repeat(3,max-content)}.topnav>a{font-size:10px;letter-spacing:.07em}}
@media(max-width:760px){
 .top .top-in{height:auto!important;min-height:0;flex-direction:column;gap:14px!important;padding:12px 0 14px!important}
 .top .brand{position:static;transform:none}
 .brand-mark{width:38px;height:40px}.brand-mark .lobster{width:38px;height:39px}
 .top .brand .brand-wordmark{width:100px;height:20px}
 .top .topnav{display:flex!important;flex-wrap:wrap!important;justify-content:center!important;gap:0 18px!important}
 .topnav>a{min-height:32px;padding:4px 0;font-size:10px}
 html{scroll-padding-top:176px}
 .subpage .page-intro{padding-top:208px}
 .subpage .legal{padding-top:208px}
}
@media(prefers-reduced-motion:reduce){.brand-mark *{animation:none!important}.nav-label,.nav-copy{transition:none!important;transform:none!important}.nav-copy{display:none}}