@layer components{.nav{z-index:40;height:var(--nav-h);background:var(--color-white);border-bottom:1px solid var(--color-rule);transition:background-color .35s var(--ease-brand), border-color .35s var(--ease-brand), box-shadow .35s var(--ease-brand);position:fixed;inset:0 0 auto}.nav--scrolled{box-shadow:0 1px 20px #171a1712}.nav__inner{height:100%;max-width:var(--wrap-wide);padding-inline:var(--gutter);align-items:center;gap:clamp(1rem,3vw,3rem);margin-inline:auto;display:flex}.nav__logo{flex:none;width:128px;height:42px;display:block;position:relative}.nav__logo img{object-fit:contain;object-position:left center;width:100%;height:100%}.nav__links{align-items:center;gap:clamp(1.25rem,2.4vw,2.5rem);margin:0 auto 0 clamp(1rem,3vw,3rem);padding:0;list-style:none;display:flex}.nav__links>li{margin:0}.nav__link{font-size:var(--text-label);letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-muted);white-space:nowrap;transition:color .25s var(--ease-brand);align-items:center;gap:.4em;padding:.5rem 0;font-weight:600;text-decoration:none;display:inline-flex}.nav__link:hover,.nav__link[aria-current=page],.nav__link.is-current,.nav__item--active>.nav__link{color:var(--color-primary)}.nav__link--trigger{appearance:none;font-family:inherit;line-height:inherit;cursor:pointer;background:0 0;border:0}.nav__caret{width:9px;height:9px;transition:transform .3s var(--ease-brand);opacity:.7}.nav__item--has-menu:hover .nav__caret{transform:rotate(180deg)}.nav__item--has-menu:has(:focus-visible) .nav__caret{transform:rotate(180deg)}.nav__item--has-menu{position:relative}.nav__menu{border:1px solid var(--color-rule);border-radius:var(--radius);min-width:290px;box-shadow:var(--shadow-md);opacity:0;visibility:hidden;transition:opacity .25s var(--ease-brand), transform .25s var(--ease-brand), visibility .25s;background:#fff;margin:0;padding:.6rem;list-style:none;position:absolute;top:calc(100% + 14px);left:50%;transform:translateY(-6px)}.nav__item--has-menu:after{content:"";height:18px;position:absolute;top:100%;left:0;right:0}.nav__item--has-menu:hover .nav__menu{opacity:1;visibility:visible;transform:translateY(0)}.nav__item--has-menu:has(:focus-visible) .nav__menu{opacity:1;visibility:visible;transform:translateY(0)}.nav__menu li{margin:0}.nav__menu a{color:var(--color-text);transition:background-color .2s var(--ease-brand), color .2s var(--ease-brand);padding:.7rem .9rem;font-size:.875rem;font-weight:500;line-height:1.4;text-decoration:none;display:block}.nav__menu a:hover{background:var(--color-sage-soft);color:var(--color-primary)}.nav__menu small{color:var(--color-text-muted);letter-spacing:0;text-transform:none;font-size:.75rem;font-weight:400;display:block}.nav__actions{flex:none;align-items:center;gap:clamp(.75rem,1.6vw,1.5rem);display:flex}.nav__login{font-size:var(--text-label);letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-muted);white-space:nowrap;transition:color .25s var(--ease-brand);font-weight:600;text-decoration:none}.nav__login:hover{color:var(--color-primary)}.locale-switch{font-size:var(--text-label);letter-spacing:.1em;align-items:center;gap:.5rem;font-weight:600;display:flex}.locale-switch__item{color:var(--color-text-muted);transition:color .25s var(--ease-brand);padding:.25rem;text-decoration:none}.locale-switch__item:hover{color:var(--color-primary)}.locale-switch__item.is-on{color:var(--color-primary);cursor:default}.locale-switch__item+.locale-switch__item{border-left:1px solid var(--color-rule);padding-left:.75rem}.drawer__actions .locale-switch{justify-content:center}.nav-toggle{cursor:pointer;background:0 0;border:0;flex:none;width:44px;height:44px;margin-right:-10px;padding:0;display:none;position:relative}.nav-toggle span{background:var(--color-dark-grey);width:22px;height:1.5px;transition:transform .3s var(--ease-brand), opacity .2s var(--ease-brand), background-color .3s var(--ease-brand);position:absolute;left:11px}.nav-toggle span:first-child{top:16px}.nav-toggle span:nth-child(2){top:22px}.nav-toggle span:nth-child(3){top:28px}.nav-toggle[data-popup-open] span:first-child{transform:translateY(6px)rotate(45deg)}.nav-toggle[data-popup-open] span:nth-child(2){opacity:0}.nav-toggle[data-popup-open] span:nth-child(3){transform:translateY(-6px)rotate(-45deg)}.drawer ul{margin:0;padding:0;list-style:none}.drawer li{margin:0}.drawer__link{border-bottom:1px solid var(--color-rule);color:var(--color-dark-grey);padding:1rem 0;font-size:1.125rem;font-weight:500;text-decoration:none;display:block}.drawer__group-wrap{border-bottom:1px solid var(--color-rule)}.drawer__group{color:var(--color-text-muted);cursor:pointer;border-bottom:0;justify-content:space-between;align-items:center;padding-bottom:.35rem;list-style:none;display:flex}.drawer__group::-webkit-details-marker{display:none}.drawer__group:after{content:"";width:.55rem;height:.55rem;transition:transform .2s var(--ease-out-brand);border-bottom:1.5px solid;border-right:1.5px solid;transform:rotate(45deg)translate(-.1rem,-.1rem)}.drawer__group-wrap[open] .drawer__group:after{transform:rotate(-135deg)translate(-.2rem,-.2rem)}.drawer__sub{padding:.25rem 0 .75rem 1rem}.drawer__sub a{color:var(--color-text-muted);padding:.55rem 0;font-size:.95rem;font-weight:400;text-decoration:none;display:block}.drawer__sub a:hover{color:var(--color-primary)}.drawer__actions{flex-direction:column;gap:1rem;margin-top:2rem;display:flex}.drawer__actions .btn{width:100%}.drawer__actions .nav__login{text-align:center;padding:.5rem}@media (max-width:991px){.nav__links,.nav__actions .nav__login,.nav__actions .locale-switch,.nav__actions .btn{display:none}.nav-toggle{margin-left:auto;display:block}}body[data-over-cover] .nav{box-shadow:none;background:0 0;border-bottom-color:#0000}body[data-over-cover=dark] .nav__link,body[data-over-cover=dark] .nav__login,body[data-over-cover=dark] .locale-switch__item{color:#ffffffb8}body[data-over-cover=dark] .locale-switch__item.is-on{color:#fff}body[data-over-cover=dark] .locale-switch__item+.locale-switch__item{border-left-color:#ffffff4d}body[data-over-cover=dark] .nav__link:hover,body[data-over-cover=dark] .nav__login:hover{color:var(--color-sage)}body[data-over-cover=dark] .nav__logo img{filter:brightness(0)invert()}body[data-over-cover=dark] .nav-toggle span{background:#fff}body[data-over-cover=dark] .nav .btn--primary{--btn-bg:#fff;--btn-bd:#fff;--btn-fg:var(--color-primary)}body[data-over-cover=dark] .nav .btn--primary:hover{--btn-bg:var(--color-sage);--btn-bd:var(--color-sage)}}