header nav{gap:18px}.navlinks{align-items:center;gap:3px;padding:5px;background:linear-gradient(180deg,#fbfaf6,#f4f0e7);border:1px solid #e8e3d9;border-radius:999px;box-shadow:inset 0 1px 0 #fff,0 7px 20px #0b30480b}.navlinks a{position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:37px;padding:9px 14px;border-radius:999px;color:#31443a;white-space:nowrap;transition:color .22s ease,background .22s ease,box-shadow .22s ease,transform .22s ease}.navlinks a::after{content:"";position:absolute;left:50%;bottom:5px;width:4px;height:4px;border-radius:50%;background:var(--red);opacity:0;transform:translate(-50%,4px) scale(.5);transition:opacity .22s ease,transform .22s ease}.navlinks a:hover{color:var(--navy);background:#fff;box-shadow:0 5px 15px #0b304810;transform:translateY(-1px)}.navlinks a:hover::after,.navlinks a.active::after,.navlinks a[aria-current=page]::after{opacity:1;transform:translate(-50%,0) scale(1)}.navlinks a.active,.navlinks a[aria-current=page]{color:#fff;background:var(--navy);box-shadow:0 6px 16px #0b304826}.navlinks a.active::after,.navlinks a[aria-current=page]::after{background:#efb2a3}.navlinks a:focus-visible{outline:3px solid #9e2f2b33;outline-offset:2px}@media(max-width:1040px) and (min-width:801px){.navlinks a{padding-inline:10px;font-size:11px}.navlinks{margin-left:auto}.actions{margin-left:0}}@media(max-width:800px){.navlinks.mobile-open{gap:6px;border-radius:0;padding:16px 24px 20px;background:#fff}.navlinks.mobile-open a{justify-content:flex-start;border:1px solid var(--line);padding:12px 15px;min-height:44px;background:#faf9f5}.navlinks.mobile-open a:hover{transform:translateX(3px)}.navlinks.mobile-open a::after{left:auto;right:14px;bottom:50%;transform:translateY(50%) scale(.5)}.navlinks.mobile-open a:hover::after,.navlinks.mobile-open a.active::after,.navlinks.mobile-open a[aria-current=page]::after{transform:translateY(50%) scale(1)}}@media(prefers-reduced-motion:reduce){.navlinks a,.navlinks a::after{transition:none!important}}