.nav .container{width:min(1180px,calc(100% - 3rem));margin:0 auto}.nav{padding:1.25rem 0;background:var(--paper);position:sticky;top:0;z-index:30}.nav__inner{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:2rem}.brand img{height:32px}.nav ul{list-style:none;margin:0;padding:0;display:flex;justify-content:flex-end;gap:2.5rem;flex-wrap:wrap}.nav ul a{font-size:.95rem;font-weight:500;color:var(--ink);opacity:.65;transition:opacity .2s}.nav ul a:hover{opacity:1}.nav__toggle{display:none;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;padding:0;border:none;background:transparent;color:var(--ink);cursor:pointer;transition:color .2s,opacity .2s}.nav__toggle:hover{opacity:.65}.nav--open .nav__toggle{color:#fff}.nav__toggle:focus-visible{outline:2px solid var(--orange);outline-offset:2px}.nav__toggle-icon{display:flex;flex-direction:column;justify-content:center;gap:5px;width:22px}.nav__toggle-bar{display:block;height:2px;width:100%;background:currentColor;border-radius:1px;transition:transform .2s,opacity .2s}.nav--open .nav__toggle-bar:nth-child(1){transform:translateY(7px) rotate(45deg)}.nav--open .nav__toggle-bar:nth-child(2){opacity:0}.nav--open .nav__toggle-bar:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.nav__toggle-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:720px){body.nav-menu-open{overflow:hidden}}.nav--open{background:transparent;border-bottom:1px solid transparent}.nav--open .brand img{filter:brightness(0) invert(1);transition:filter .3s ease}.brand img{transition:filter .3s ease}.nav__mobile{position:fixed;inset:0;z-index:25;display:flex;flex-direction:column;justify-content:flex-end;padding:0 0 max(2.5rem,env(safe-area-inset-bottom));background:var(--ink);color:#fff;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .4s cubic-bezier(.22,1,.36,1),visibility .4s}.nav--open~.nav__mobile{opacity:1;visibility:visible;pointer-events:auto}.nav__mobile-bg{position:absolute;inset:0;overflow:hidden;pointer-events:none}.nav__mobile-blob{position:absolute;border-radius:999px;opacity:.85}.nav__mobile-blob--aqua{width:min(70vw,320px);height:min(70vw,320px);top:-8%;right:-18%;background:var(--aqua)}.nav__mobile-blob--orange{width:min(55vw,240px);height:min(55vw,240px);bottom:12%;left:-14%;background:var(--orange);opacity:.75}.nav__mobile-inner{position:relative;z-index:1;width:min(1180px,calc(100% - 3rem));margin:0 auto;padding:0 0 1rem}.nav__mobile-eyebrow{margin:0 0 2.5rem;font-size:.75rem;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:#ffffff73}.nav__mobile ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.25rem}.nav__mobile a{display:grid;grid-template-columns:3.5rem 1fr;align-items:baseline;gap:1rem;padding:1.1rem 0;color:#fff;border-bottom:1px solid rgba(255,255,255,.08);opacity:0;transform:translateY(1.5rem);transition:opacity .45s cubic-bezier(.22,1,.36,1),transform .45s cubic-bezier(.22,1,.36,1),color .2s}.nav__mobile li:last-child a{border-bottom:none}.nav--open~.nav__mobile a{opacity:1;transform:translateY(0)}.nav--open~.nav__mobile li:nth-child(1) a{transition-delay:.08s}.nav--open~.nav__mobile li:nth-child(2) a{transition-delay:.16s}.nav__mobile-index{font-size:.8rem;font-weight:600;letter-spacing:.12em;color:var(--aqua);padding-top:.35em}.nav__mobile-label{font-family:var(--serif);font-size:clamp(2.75rem,11vw,4.25rem);font-weight:400;line-height:1;letter-spacing:-.03em;transition:color .2s}.nav__mobile a:hover .nav__mobile-label,.nav__mobile a:focus-visible .nav__mobile-label{color:var(--aqua)}.nav__mobile-foot{margin:3rem 0 0;padding-top:2rem;border-top:1px solid rgba(255,255,255,.1);font-size:.85rem;font-weight:500;letter-spacing:.04em;color:#ffffff59}@media(prefers-reduced-motion:reduce){.nav__mobile,.nav__mobile a,.brand img,.nav__toggle{transition:none}.nav__mobile a{opacity:1;transform:none}}@media(min-width:721px){.nav__mobile{display:none!important}.nav--open{background:var(--paper)}.nav--open .brand img{filter:none}}@media(max-width:720px){.nav__inner{grid-template-columns:1fr auto;gap:1rem}.nav--open .nav__inner{position:relative;z-index:31}.nav__desktop{display:none}.nav__toggle{display:flex}.nav__mobile{display:flex;min-height:100dvh;min-height:100svh;padding-top:5.5rem}}
