.kinetic-nav{--kn-primary:var(--ice);--kn-dark:var(--foreground);--kn-neutral-100:#faf6ee;--kn-neutral-200:#e8e0d2;--kn-neutral-300:var(--background);--kn-neutral-800:#1c1915;--kn-size-container:1400px;--kn-container-padding:2em;--kn-gap:1.5em;--kn-menu-padding:2em;--kn-cubic:cubic-bezier(.65, .05, 0, 1);color:var(--kn-dark)}.dark .kinetic-nav{--kn-neutral-100:#2a251e;--kn-neutral-200:#3a342c;--kn-neutral-800:#f3eee4}.kinetic-nav p{margin:0}.kinetic-nav .site-header-wrapper{pointer-events:none}.kinetic-nav .header{z-index:210;padding-top:var(--kn-gap);pointer-events:none;position:fixed;inset:0 0 auto}.kinetic-nav .container{z-index:1;max-width:var(--kn-size-container);padding-left:var(--kn-container-padding);padding-right:var(--kn-container-padding);width:100%;margin-left:auto;margin-right:auto;position:relative}.kinetic-nav .container.is--full{max-width:100%}.kinetic-nav .nav-row{justify-content:space-between;align-items:center;width:100%;display:flex}.kinetic-nav .nav-logo-row{pointer-events:auto;color:var(--kn-dark);font-family:var(--font-display), ui-sans-serif, system-ui, sans-serif;letter-spacing:-.03em;font-size:1.05rem;font-weight:700;text-decoration:none}.kinetic-nav .nav-row__right{pointer-events:auto;justify-content:flex-end;align-items:center;gap:.625rem;display:flex}.kinetic-nav .nav-toggle-label{display:none}.kinetic-nav .nav-close-btn{color:var(--kn-dark);cursor:pointer;background:0 0;border:none;justify-content:flex-end;align-items:center;gap:.625em;margin:-1em;padding:1em;display:flex}.kinetic-nav .menu-button-text{height:1.125em;transition:transform .7s var(--kn-cubic);flex-flow:column;justify-content:flex-start;align-items:flex-end;display:flex;overflow:hidden}.kinetic-nav .nav-close-btn[aria-expanded=true] .menu-button-text{transform:translateY(-1.125em)}.kinetic-nav .p-large{font-size:1.125em;font-weight:500;line-height:1.125em}.kinetic-nav .icon-wrap{transition:transform .4s var(--kn-cubic);display:flex}.kinetic-nav .menu-button-icon{width:1em;height:1em;transition:transform .7s var(--kn-cubic)}.kinetic-nav .nav-close-btn[aria-expanded=true] .menu-button-icon{transform:rotate(315deg)}.kinetic-nav .fullscreen-menu-container{z-index:100;position:relative}.kinetic-nav .nav-overlay-wrapper{z-index:200;pointer-events:none;width:100%;height:100dvh;display:block;position:fixed;inset:0}.kinetic-nav .nav-overlay-wrapper[data-nav=open]{pointer-events:auto}.kinetic-nav .overlay{z-index:0;cursor:pointer;opacity:0;width:100%;height:100%;transition:opacity .7s var(--kn-cubic);background-color:#1c19156b;position:absolute;inset:0}.kinetic-nav .nav-overlay-wrapper[data-nav=open] .overlay{opacity:1}.kinetic-nav .menu-content{padding:calc(3 * var(--kn-menu-padding)) 0 var(--kn-menu-padding);width:min(35em,100%);height:100%;transition:transform .7s var(--kn-cubic);margin-left:auto;position:relative;overflow:hidden;transform:translate(120%)}.kinetic-nav .nav-overlay-wrapper[data-nav=open] .menu-content{transform:translate(0)}.kinetic-nav .menu-bg{z-index:0;position:absolute;inset:0}.kinetic-nav .backdrop-layer{z-index:0;background-color:var(--kn-neutral-300);transition:transform .575s var(--kn-cubic);border-top-left-radius:1.25em;border-bottom-left-radius:1.25em;position:absolute;inset:0;transform:translate(101%)}.kinetic-nav .nav-overlay-wrapper[data-nav=open] .backdrop-layer.first{transition-delay:0s;transform:translate(0)}.kinetic-nav .nav-overlay-wrapper[data-nav=open] .backdrop-layer.second{transition-delay:.12s;transform:translate(0)}.kinetic-nav .nav-overlay-wrapper[data-nav=open] .backdrop-layer:not(.first):not(.second){transition-delay:.24s;transform:translate(0)}.kinetic-nav .backdrop-layer.first{background-color:var(--kn-primary)}.kinetic-nav .backdrop-layer.second{background-color:var(--kn-neutral-100)}.kinetic-nav .ambient-background-shapes{z-index:1;pointer-events:none;position:absolute;inset:0;overflow:hidden}.kinetic-nav .bg-shape{opacity:0;visibility:hidden;width:100%;height:100%;position:absolute;inset:0}.kinetic-nav .bg-shape.active{visibility:visible}.kinetic-nav .shape-element{transform-origin:50%}.kinetic-nav .menu-content-wrapper{z-index:2;flex-flow:column;justify-content:center;height:100%;display:flex;position:relative;overflow:auto}.kinetic-nav .menu-list{flex-flow:column;width:100%;margin:0;padding:0;list-style:none;display:flex}.kinetic-nav .menu-list-item{position:relative;overflow:hidden}.kinetic-nav .nav-link{padding:.75em 0 .75em var(--kn-menu-padding);width:100%;color:inherit;transition:transform .7s var(--kn-cubic);text-decoration:none;display:flex;position:relative;transform:translateY(140%)rotate(10deg)}.kinetic-nav .nav-overlay-wrapper[data-nav=open] .menu-list-item:first-child .nav-link{transition-delay:.35s;transform:none}.kinetic-nav .nav-overlay-wrapper[data-nav=open] .menu-list-item:nth-child(2) .nav-link{transition-delay:.4s;transform:none}.kinetic-nav .nav-overlay-wrapper[data-nav=open] .menu-list-item:nth-child(3) .nav-link{transition-delay:.45s;transform:none}.kinetic-nav .nav-overlay-wrapper[data-nav=open] .menu-list-item:nth-child(4) .nav-link{transition-delay:.5s;transform:none}.kinetic-nav .nav-overlay-wrapper[data-nav=open] .menu-list-item:nth-child(5) .nav-link{transition-delay:.55s;transform:none}.kinetic-nav .nav-overlay-wrapper[data-nav=open] .menu-list-item:nth-child(6) .nav-link{transition-delay:.6s;transform:none}.kinetic-nav .nav-link-text{z-index:1;text-transform:uppercase;font-family:var(--font-display), ui-sans-serif, system-ui, sans-serif;letter-spacing:-.055em;text-shadow:0 1em 0 var(--kn-neutral-200);transition:transform .55s var(--kn-cubic);font-size:clamp(2.4rem,6vw,5.2rem);font-weight:800;line-height:.86;position:relative}.kinetic-nav .nav-link-hover-bg{z-index:0;background-color:var(--kn-neutral-800);transform-origin:50% 100%;transition:transform .55s var(--kn-cubic);position:absolute;inset:0;transform:scaleY(0)}@media (hover:hover){.kinetic-nav .nav-close-btn:hover .icon-wrap{transform:rotate(90deg)}.kinetic-nav .nav-link:hover .nav-link-text{transition-delay:.1s;transform:translateY(-1em)}.kinetic-nav .nav-link:hover .nav-link-hover-bg{transform:scale(1)}}@media screen and (max-width:767px){.kinetic-nav{--kn-menu-padding:1em;--kn-container-padding:1.25em}.kinetic-nav .menu-content{padding-top:calc(6 * var(--kn-menu-padding));width:100%}.kinetic-nav .backdrop-layer{border-top-left-radius:0;border-bottom-left-radius:0}.kinetic-nav .menu-list-item{height:4.25em}.kinetic-nav .nav-link-text{font-size:2.6rem}}