.site-header{height:122px;transition:color .35s ease,background .35s ease,border-color .35s ease}
.site-header .brand{gap:14px;position:relative;z-index:2;transition:transform .45s cubic-bezier(.2,.8,.2,1)}
.site-header .brand:hover{transform:translateY(-2px)}
.site-header .brand svg{width:42px;height:42px;flex:none;transition:transform .6s cubic-bezier(.2,.8,.2,1)}
.site-header .brand:hover svg{transform:rotate(-7deg)}
.site-header .brand>span{font-size:31px;letter-spacing:-.065em}
.site-header .brand small{font-size:10px;letter-spacing:.08em;margin-top:5px}
.site-header>nav{display:flex;align-items:center;gap:3px;padding:6px;border:1px solid rgba(28,35,35,.16);border-radius:100px;background:rgba(246,246,243,.72);box-shadow:0 12px 38px #101b1a0a;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.site-header>nav>a{position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:49px;padding:0 21px;border-radius:100px;font-size:14px;font-weight:500;letter-spacing:-.025em;white-space:nowrap;transition:background .35s ease,color .35s ease,transform .35s cubic-bezier(.2,.8,.2,1)}
.site-header>nav>a:not(.nav-contact):hover,.site-header>nav>a:not(.nav-contact):focus-visible{background:rgba(123,132,125,.15);color:inherit;transform:translateY(-1px)}
.site-header>nav>a[aria-current="page"]{background:rgba(243,107,33,.12)}
.site-header>nav>.nav-contact{margin:0 0 0 6px;padding:0 22px 0 25px;border:0;background:#202829;color:#fff;font-weight:600;gap:18px;box-shadow:0 5px 16px #00000016}
.site-header>nav>.nav-contact:hover,.site-header>nav>.nav-contact:focus-visible{background:var(--orange);color:#fff;transform:translateY(-2px)}
.site-header>nav>.nav-contact span{margin:0;color:var(--orange);font-size:19px;transition:transform .35s ease,color .35s ease}
.site-header>nav>.nav-contact:hover span{color:#fff;transform:translate(2px,-2px)}
.sequence-site .site-header{height:122px;z-index:31}
.sequence-site .site-header>nav{border-color:#ffffff45;background:#13212a4d;box-shadow:0 18px 50px #07141a25}
.sequence-site .site-header>nav>a:not(.nav-contact):hover,.sequence-site .site-header>nav>a:not(.nav-contact):focus-visible{background:#ffffff27;color:#fff}
.sequence-site .site-header>nav>.nav-contact{background:#f6f6f2;color:#182225}
.sequence-site .site-header>nav>.nav-contact:hover,.sequence-site .site-header>nav>.nav-contact:focus-visible{background:var(--orange);color:#fff}
.sequence-site .mobile-nav{z-index:30}
.sequence-site .mobile-nav{position:fixed;inset:0;background:#172224}
.menu-toggle{border:0;background:none}
.site-header .menu-toggle .menu-label{font-size:11px;color:inherit;font-weight:600;letter-spacing:.11em;text-transform:uppercase}
.site-header .menu-toggle .menu-icon{position:relative;display:block;width:23px;height:17px;color:inherit}
.menu-icon i{position:absolute;right:0;display:block;width:23px;height:1.5px;background:currentColor;transform-origin:center;transition:top .36s cubic-bezier(.2,.8,.2,1),transform .36s cubic-bezier(.2,.8,.2,1),width .36s ease}
.menu-icon i:first-child{top:4px}.menu-icon i:last-child{top:12px;width:16px}
.menu-toggle:hover .menu-icon i:last-child{width:23px}
body.menu-open .menu-icon i:first-child{top:8px;transform:rotate(45deg)}
body.menu-open .menu-icon i:last-child{top:8px;width:23px;transform:rotate(-45deg)}
html.nav-open{overflow:hidden}
@media(max-width:900px){
  .site-header,.sequence-site .site-header{height:92px}
  body .site-header>nav{display:none}
  body .site-header .menu-toggle{display:inline-flex;align-items:center;justify-content:center;gap:15px;min-width:132px;min-height:48px;padding:0 18px;border:1px solid currentColor;border-radius:100px;color:inherit;background:#ffffff0f;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);transition:background .3s ease,transform .3s ease,border-color .3s ease;position:relative;z-index:2}
  .site-header .menu-toggle:hover{transform:translateY(-2px);background:#ffffff28}
  .site-header .brand svg{width:37px;height:37px}
  .site-header .brand>span{font-size:27px}
  .site-header .brand small{font-size:9px}
  body .mobile-nav{position:fixed;inset:0;z-index:30;display:flex;flex-direction:column;justify-content:center;gap:0;padding:calc(92px + env(safe-area-inset-top)) var(--gutter) max(32px,env(safe-area-inset-bottom));min-height:100svh;background:#172224;color:#f7f6f1;overflow-y:auto;overscroll-behavior:contain;box-shadow:none;transform-origin:top;animation:menu-enter .48s cubic-bezier(.2,.8,.2,1) both}
  body .mobile-nav[hidden]{display:none}
  .mobile-nav.is-closing{animation:menu-exit .3s cubic-bezier(.4,0,1,1) both}
  .mobile-nav>a{position:relative;display:flex;align-items:center;justify-content:space-between;min-height:clamp(82px,13svh,124px);padding:11px 38px 11px 47px;border-bottom:1px solid #ffffff2a;font-size:clamp(38px,7.5vw,75px);font-weight:500;line-height:1;letter-spacing:-.07em;transition:color .3s ease,padding .4s cubic-bezier(.2,.8,.2,1);animation:menu-link-enter .55s cubic-bezier(.2,.8,.2,1) both}
  .mobile-nav>a:first-of-type{border-top:1px solid #ffffff2a}
  .mobile-nav>a:nth-of-type(2){animation-delay:.05s}.mobile-nav>a:nth-of-type(3){animation-delay:.1s}.mobile-nav>a:nth-of-type(4){animation-delay:.15s}
  .mobile-nav>a:before{position:absolute;left:0;top:22px;content:'0' counter(navitem);counter-increment:navitem;font-size:10px;line-height:1;letter-spacing:.1em;color:#f36b21}
  .mobile-nav{counter-reset:navitem}
  .mobile-nav>a:after{content:'↗';font-size:clamp(27px,5vw,46px);font-weight:300;letter-spacing:0;color:#f36b21;transition:transform .3s ease}
  .mobile-nav>a:hover,.mobile-nav>a:focus-visible{color:#f36b21;padding-left:57px}
  .mobile-nav>a:hover:after,.mobile-nav>a:focus-visible:after{transform:translate(4px,-4px)}
  .mobile-nav .menu-signoff{display:flex;justify-content:space-between;gap:20px;margin-top:38px;font-size:10px;letter-spacing:.13em;color:#c5cdca}
  .mobile-nav .menu-signoff span{color:#f36b21}
  body.menu-open{overflow:hidden}
  body.menu-open .site-header{z-index:31;color:#fff;border-bottom-color:#ffffff2d;background:#172224}
  body.menu-open .site-header .menu-toggle{border-color:#ffffff70}
  body.menu-open .site-header .brand svg{stroke:#f36b21}
}
@media(max-width:680px){
  .site-header,.sequence-site .site-header{height:82px}
  .site-header .brand{gap:10px}
  .site-header .brand svg{width:32px;height:32px}
  .site-header .brand>span{font-size:25px}
  .site-header .brand small{font-size:8px;margin-top:3px}
  body .site-header .menu-toggle{min-width:102px;min-height:43px;padding:0 13px;gap:10px}
  .site-header .menu-toggle .menu-label{font-size:9px}
  .menu-icon{width:19px}.menu-icon i{width:19px}.menu-icon i:last-child{width:14px}
  .menu-toggle:hover .menu-icon i:last-child,body.menu-open .menu-icon i:last-child{width:19px}
  body .mobile-nav{padding-top:calc(82px + env(safe-area-inset-top))}
  .mobile-nav>a{min-height:clamp(76px,12svh,105px);padding-left:32px;padding-right:8px;font-size:clamp(38px,10.2vw,58px)}
  .mobile-nav>a:before{top:19px;font-size:9px}
  .mobile-nav>a:hover,.mobile-nav>a:focus-visible{padding-left:38px}
  .mobile-nav .menu-signoff{font-size:8px;line-height:1.5}
}
@media(max-width:360px){.site-header .brand>span{font-size:23px}.mobile-nav>a{font-size:35px;padding-left:30px;padding-right:10px}.mobile-nav>a:after{font-size:25px;margin-left:8px}}
@media(max-height:610px) and (max-width:900px){.mobile-nav>a{min-height:70px;font-size:clamp(32px,7vw,50px)}.mobile-nav .menu-signoff{margin-top:20px}}
@media(prefers-reduced-motion:reduce){.mobile-nav,.mobile-nav>a,.mobile-nav.is-closing{animation:none!important}.site-header *,.mobile-nav *{transition:none!important}}
@keyframes menu-enter{from{opacity:0;transform:translateY(-18px)}to{opacity:1;transform:translateY(0)}}
@keyframes menu-exit{from{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-14px)}}
@keyframes menu-link-enter{from{opacity:0;transform:translateY(13px)}to{opacity:1;transform:translateY(0)}}