.section-nav{position:fixed;top:calc(var(--pad, 24px) + 50px);right:var(--pad, 24px);z-index:150;font-family:Arial,Helvetica,sans-serif;font-size:9px;line-height:1;letter-spacing:.025em;text-transform:uppercase;color:#0b0b0b}
.section-nav__links{display:flex;flex-direction:column;align-items:flex-end;gap:0}
.section-nav a{position:relative;display:flex;align-items:center;justify-content:flex-end;width:76px;flex-shrink:0;min-height:18px;padding:1px 14px 1px 0;color:rgba(11,11,11,.52);text-decoration:none;white-space:nowrap;transition:color .25s}
.section-nav a:after{content:'';position:absolute;top:50%;right:calc(-1 * var(--pad, 24px));width:calc(var(--pad, 24px) + 9px);height:1px;background:currentColor;opacity:.25;pointer-events:none;transition:opacity .35s}
.section-nav__label{position:relative;display:inline-flex;align-items:center;isolation:isolate;padding:2px 3px}
.section-nav__label:before{content:'';position:absolute;inset:0;z-index:-1;background:#0b0b0b;transform:scaleX(0);transform-origin:left center;transition:transform .4s cubic-bezier(.22,1,.36,1)}
.section-nav__white{position:absolute;inset:0;padding:2px 3px;color:#f3f0e9;white-space:nowrap;clip-path:inset(0 100% 0 0);transition:clip-path .4s cubic-bezier(.22,1,.36,1);pointer-events:none}
.section-nav__rest{display:grid;grid-template-columns:0fr;opacity:0;transition:grid-template-columns .4s cubic-bezier(.22,1,.36,1),opacity .25s}
.section-nav__rest>span{overflow:hidden;min-width:0}
.section-nav a.is-revealed{color:#0b0b0b}
.section-nav a.is-revealed:after{opacity:1}
.section-nav a.is-revealed .section-nav__rest{grid-template-columns:1fr;opacity:1}
.section-nav a.is-revealed .section-nav__label:before{transform:scaleX(1)}
.section-nav a.is-revealed .section-nav__white{clip-path:inset(0 0 0 0)}
.section-nav a:focus-visible{outline:1px solid #5baef4;outline-offset:2px}
.is-contact-open .section-nav,.has-hero-loader .section-nav{visibility:hidden}
.section-nav a{animation:section-nav-enter .5s cubic-bezier(.22,1,.36,1) both;animation-delay:calc(var(--nav-index,0) * .045s)}
.has-hero-loader .section-nav a{animation-play-state:paused}
@keyframes section-nav-enter{from{opacity:0;translate:10px 4px;filter:blur(2px)}to{opacity:1;translate:0 0;filter:blur(0)}}
@media(max-width:900px){
 .section-nav{position:fixed;top:74px}
}
@media(prefers-reduced-motion:reduce){.section-nav *,.section-nav *:before,.section-nav *:after{animation:none!important;transition:none!important}}