.site-navigation{position:fixed;z-index:100;inset:0 0 auto;background:none;color:#fff1d7;mix-blend-mode:normal;pointer-events:none}.navigation-bar{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding:20px 5vw;max-width:1600px;margin:auto}.site-navigation a{color:inherit;text-decoration:none}.navigation-brand{font:700 30px/40px Poppins,sans-serif;letter-spacing:-1.6px;pointer-events:auto}.navigation-shell{display:flex;align-items:center;justify-content:flex-end;position:relative;pointer-events:auto;border-radius:28px}.navigation-links{display:flex;align-items:center;gap:24px;max-width:760px;overflow:hidden;opacity:1;transform:translateX(0);padding-right:24px;white-space:nowrap;transition:max-width .7s cubic-bezier(.22,1,.36,1),padding .7s cubic-bezier(.22,1,.36,1),opacity .35s,transform .7s cubic-bezier(.22,1,.36,1)}.navigation-links a{font:13px/1.4 monospace;text-transform:uppercase;padding:12px 0;position:relative}.navigation-links a::after{content:'';position:absolute;bottom:6px;left:0;right:0;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .25s}.navigation-links a:hover::after,.navigation-links a[aria-current]::after{transform:scaleX(1)}.navigation-menu{display:flex;align-items:center;justify-content:center;gap:10px;flex:none;border:0;border-radius:999px;background:#ffffff18;color:inherit;font:13px/1.4 monospace;text-transform:uppercase;padding:12px 16px;min-height:40px;cursor:pointer;backdrop-filter:blur(12px)}.navigation-menu svg{width:13px;height:13px;transition:transform .6s cubic-bezier(.22,1,.36,1)}.navigation-menu[aria-expanded=true] svg{transform:rotate(45deg)}.is-compact .navigation-links{max-width:0;padding-right:0;opacity:0;transform:translateX(24px);pointer-events:none}.navigation-links a:focus-visible,.navigation-menu:focus-visible,.navigation-brand:focus-visible{outline:1px solid #c99d76;outline-offset:5px}.hero header{visibility:hidden}html{scroll-padding-top:96px}
@media(max-width:1000px){.navigation-links{gap:16px}.navigation-links a{font-size:12px}.navigation-bar{padding-inline:24px}}
@media(max-width:760px){.navigation-bar{padding:14px 24px}.navigation-shell{align-items:flex-end;flex-direction:column}.navigation-menu{order:-1}.navigation-links{display:grid;grid-template-columns:1fr 1fr;gap:8px 24px;max-height:260px;max-width:calc(100vw - 48px);padding:18px 20px;margin-top:10px;background:#151410f2;border-radius:20px;transform-origin:top right;transition:max-height .6s cubic-bezier(.22,1,.36,1),padding .6s,opacity .3s,transform .6s,margin .6s}.navigation-links a{font-size:13px}.is-compact .navigation-links{max-width:calc(100vw - 48px);max-height:0;padding:0 20px;margin-top:0;transform:scale(.8);opacity:0}.navigation-brand{font-size:28px}}
@media(prefers-reduced-motion:reduce){.navigation-links,.navigation-menu svg,.navigation-links a::after{transition:none}}

/* Match the content rails; choose explicit foregrounds, never inverted hues. */
.navigation-bar{max-width:none;padding-inline:max(36px,calc((100vw - 1440px)/2))}
.navigation-brand,.navigation-links a,.navigation-menu{color:#fff1d7;transition:color .2s;text-shadow:0 1px 3px #0005}
.site-navigation .on-light{color:#211b15;text-shadow:0 1px 2px #fff3}
.navigation-menu.on-light{background:#211b1512}
@media(max-width:700px){.navigation-bar{padding-inline:20px}}
@media(prefers-reduced-motion:reduce){.navigation-brand,.navigation-links a,.navigation-menu{transition:none}}


/* Keep navigation lettering clean on every surface. */
.navigation-brand,.navigation-links a,.navigation-menu,.site-navigation .on-light{text-shadow:none;box-shadow:none}

/* Initial breathing room inside the hero rails, released over the first 140px. */
.navigation-bar{padding-inline:calc(max(36px,(100vw - 1440px)/2) + 20px * var(--intro-inset,1))}
@media(max-width:700px){.navigation-bar{padding-inline:calc(20px + 12px * var(--intro-inset,1))}}

.navigation-links a{display:inline-flex;align-items:center;gap:.7em}.navigation-arrow{width:1em;height:1em;flex:none;display:block}