/* Dependency-free adaptation of the supplied PillNav design. */
.header{position:relative;z-index:5;gap:18px}
.header .wordmark{border-radius:999px;background:#181918;width:190px;height:66px}
.header .wordmark img{width:405px;transition:transform .35s ease}
.header .wordmark:hover img{transform:translate(-50%,-48%) scale(1.05)}
.header #navigation{gap:3px;padding:4px;background:#181918;border-radius:999px}
.header #navigation a{border:0;border-radius:999px;background:#fff;color:#181918;padding:16px 20px;min-height:48px;line-height:1;display:inline-flex;align-items:center;justify-content:center;overflow:hidden;text-transform:uppercase;font-size:13px;letter-spacing:.2px;isolation:isolate}
.header #navigation a:before{content:"";position:absolute;left:50%;top:100%;width:160%;aspect-ratio:1;border-radius:50%;background:#181918;transform:translate(-50%,0) scale(0);transition:transform .32s cubic-bezier(.2,.75,.3,1);z-index:-1}
.header #navigation a:hover:before,.header #navigation a:focus-visible:before{transform:translate(-50%,-65%) scale(1)}
.pill-label,.pill-label-hover{display:block;transition:transform .3s ease,opacity .3s ease}
.pill-label-hover{position:absolute;color:#fff;transform:translateY(55px);opacity:0}
.header #navigation a:hover .pill-label,.header #navigation a:focus-visible .pill-label{transform:translateY(-55px);opacity:0}
.header #navigation a:hover .pill-label-hover,.header #navigation a:focus-visible .pill-label-hover{transform:translateY(0);opacity:1}
.header #navigation a[aria-current="page"]:after{left:50%;bottom:-5px;width:12px;height:12px;border-radius:50%;background:#181918;transform:translateX(-50%)}
.header #navigation a:focus-visible{outline:3px solid #276cb8;outline-offset:3px}
.header .menu-toggle{border:0;border-radius:50%;width:52px;height:52px;background:#181918;color:#fff;flex-shrink:0;padding:0;justify-content:center;gap:5px;flex-direction:column}
.hamburger-line{width:20px;height:2px;background:#fff;transition:transform .25s ease}
.menu-toggle[aria-expanded="true"] .hamburger-line:first-child{transform:translateY(3.5px) rotate(45deg)}
.menu-toggle[aria-expanded="true"] .hamburger-line:last-child{transform:translateY(-3.5px) rotate(-45deg)}
@media(max-width:1100px){.header #navigation a{padding:16px 13px;font-size:12px}.header .wordmark{width:160px}.header .wordmark img{width:345px}}
@media(min-width:801px){body.js .header #navigation{display:flex}.header .menu-toggle{display:none}}
@media(max-width:800px){.header .wordmark{width:175px;height:62px}.header .wordmark img{width:370px}.header .menu-toggle{display:flex}.header #navigation{width:100%;border-radius:28px;flex-direction:column;align-items:stretch;gap:4px}.header #navigation a{min-height:48px;font-size:14px;padding:17px 20px}.header #navigation a[aria-current="page"]:after{bottom:8px;left:18px;width:6px;height:6px}.header #navigation a:before{display:none}.header #navigation a:hover,.header #navigation a:focus-visible{background:#181918}.header #navigation.is-open{animation:pill-reveal .22s ease-out}body.js .header #navigation{position:absolute;top:calc(100% - 12px);left:var(--space);width:calc(100% - 2 * var(--space));box-shadow:0 15px 35px #0002}}
@keyframes pill-reveal{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.header *, .header *:before{transition:none!important;animation:none!important}}

.header .wordmark{background:#fff}

/* White resting menu; black hover, keyboard focus and current-page states. */
.header #navigation{background:#fff}
.header #navigation a:before{background:#000}
.header #navigation a:hover,.header #navigation a:focus-visible,.header #navigation a:active,.header #navigation a[aria-current="page"]{background:#000;color:#fff}
.header #navigation a[aria-current="page"]:after{display:none}
.header #navigation a[aria-current="page"] .pill-label{color:#fff}
.header .menu-toggle{background:#fff;color:#000}
.header .menu-toggle .hamburger-line{background:currentColor}
.header .menu-toggle:hover,.header .menu-toggle:focus-visible,.header .menu-toggle[aria-expanded="true"]{background:#000;color:#fff}