.Navbar{position:-webkit-sticky;position:sticky;top:0;z-index:500;gap:var(--space-m);padding-block:var(--space-2xs);padding-inline:max(var(--gutter),(100% - var(--page))/2);background-color:hsla(0,0%,100%,.88);backdrop-filter:saturate(160%) blur(12px);-webkit-backdrop-filter:saturate(160%) blur(12px);border-bottom:1px solid var(--rule)}.Navbar,.Navbar span{display:flex;align-items:center}.Navbar span{justify-content:flex-end;gap:clamp(1rem,2.6vw,2.5rem);width:100%}.Navbar a{position:relative;color:var(--crimson);font-size:var(--step--1);font-weight:600;letter-spacing:.06em;text-decoration:none;transition:color var(--dur) var(--ease)}.Navbar .Nav-Button:after{content:"";position:absolute;left:0;bottom:-6px;width:100%;height:2px;border-radius:var(--radius-pill);background-color:var(--crimson);transform:scaleX(0);transform-origin:left;transition:transform var(--dur) var(--ease)}.Navbar .Nav-Button:hover:after{transform:scaleX(1)}.Navbar a:hover{color:var(--crimson-deep)}.Hamburger{display:none;flex-direction:column;justify-content:center;width:40px;padding:0;border:none;background:none;cursor:pointer;z-index:999}.Hamburger .line{width:100%;height:4px;margin:4px 0;border-radius:var(--radius-pill);background-color:var(--crimson);transition:transform var(--dur-fast) var(--ease),background-color var(--dur-fast) var(--ease),opacity var(--dur-fast) var(--ease)}.Hamburger.active .line:first-child{position:relative;z-index:999;transform:translateY(8px) rotate(-45deg);background-color:#fff}.Hamburger.active .line:nth-child(2){opacity:0}.Hamburger.active .line:nth-child(3){position:relative;z-index:999;transform:translateY(-8px) rotate(45deg);background-color:#fff}.Hamburger.active .Menu{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;row-gap:var(--space-m);background-color:var(--crimson);color:#fff;list-style:none}.Menu-Button{display:none}.Hamburger.active .Menu .Menu-Button{position:relative;z-index:999;display:block;color:#fff;font-family:var(--font-display);font-size:var(--step-2);font-weight:600;letter-spacing:0}.Hamburger.active .Menu .Menu-Button:after{background-color:#fff}.Hamburger.active .Menu .Menu-Button:hover{color:#fff}@media only screen and (max-width:768px){.Navbar .Nav-Button{display:none}.Hamburger{display:flex}}