.hm-nav{position:fixed;top:0;left:0;right:0;z-index:50;padding:18px 0;pointer-events:none;display:flex;justify-content:center}.hm-nav-pill{pointer-events:auto;position:relative;isolation:isolate;width:min(1100px,calc(100% - 32px));border-radius:999px;border:1px solid transparent;background:transparent;box-shadow:0 0 0 0 rgba(0,0,0,0);backdrop-filter:blur(0) saturate(1);-webkit-backdrop-filter:blur(0) saturate(1);transition:width .72s cubic-bezier(.22,1,.36,1),background .6s cubic-bezier(.22,1,.36,1),border-color .6s cubic-bezier(.22,1,.36,1),box-shadow .6s cubic-bezier(.22,1,.36,1),backdrop-filter .6s cubic-bezier(.22,1,.36,1),-webkit-backdrop-filter .6s cubic-bezier(.22,1,.36,1)}.hm-nav--scrolled .hm-nav-pill{width:min(880px,calc(100% - 32px));border-color:rgba(26,26,26,.08);box-shadow:0 22px 48px -28px rgba(26,26,26,.2),inset 0 1px 0 rgba(255,255,255,.55);backdrop-filter:blur(20px) saturate(1.5);-webkit-backdrop-filter:blur(20px) saturate(1.5)}.hm-nav-pill:before{content:"";position:absolute;inset:0;z-index:0;border-radius:inherit;pointer-events:none;opacity:0;background:radial-gradient(70% 220% at 8% 50%,rgba(255,168,132,.7),transparent 62%),radial-gradient(80% 240% at 50% 130%,rgba(214,196,220,.55),transparent 65%),radial-gradient(70% 220% at 92% 50%,rgba(150,184,220,.7),transparent 62%),radial-gradient(55% 180% at 50% -30%,rgba(238,224,206,.5),transparent 65%);transition:opacity .6s cubic-bezier(.22,1,.36,1)}.hm-nav--scrolled .hm-nav-pill:before{opacity:1}.hm-nav-pill:after{content:"";position:absolute;inset:0;z-index:1;border-radius:inherit;pointer-events:none;opacity:0;background-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 0.5 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");mix-blend-mode:multiply;transition:opacity .6s cubic-bezier(.22,1,.36,1)}.hm-nav--scrolled .hm-nav-pill:after{opacity:.45}.hm-nav-content{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 14px 10px 22px;width:100%}@media (max-width:640px){.hm-nav-content{padding:9px 12px 9px 18px;gap:12px}.hm-nav--scrolled .hm-nav-pill{width:calc(100% - 24px)}}