/* Shared floating navigation across the entire site */
.header{top:28px;left:4vw;right:4vw;bottom:auto;width:auto;height:88px;padding:0 3vw;border:0;border-radius:28px;background:rgba(255,255,255,.96);box-shadow:0 12px 38px rgba(31,52,65,.10);backdrop-filter:blur(12px);transition:top .32s ease,left .32s ease,right .32s ease,height .32s ease,border-radius .32s ease,box-shadow .32s ease,background-color .32s ease}.header .logo-placeholder{width:150px;height:46px;background:transparent;color:#145c9d;justify-content:flex-start}.header .logo-placeholder span{padding:0;border:0;background:transparent;font-size:17px;font-weight:700;letter-spacing:.08em}.header .nav{gap:38px}.header .nav a{font-size:14px;font-weight:600;position:relative}.header .nav a.active{color:var(--brand)}.header .nav a.active:after{content:"";position:absolute;left:0;right:0;bottom:-34px;height:5px;border-radius:5px 5px 0 0;background:var(--brand)}.header .header-tools button{background:transparent}
.header.header--docked{top:0;left:0;right:0;width:auto;height:78px;border-radius:0;background:#fff;box-shadow:0 3px 18px rgba(31,52,65,.08);backdrop-filter:none}.header.header--docked .nav a.active:after{bottom:-29px}
.header .header-tools button:first-child{width:48px;padding:0;border-left:1px solid var(--line);font-size:0;position:relative}.header .header-tools button:first-child:before{content:"";position:absolute;left:14px;top:7px;width:17px;height:17px;border:2px solid #202326;border-radius:50%}.header .header-tools button:first-child:after{content:"";position:absolute;left:30px;top:24px;width:10px;height:2px;background:#202326;transform:rotate(45deg);transform-origin:left center;border-radius:2px}.header .header-tools button:first-child:hover:before{border-color:var(--brand)}.header .header-tools button:first-child:hover:after{background:var(--brand)}
@media(max-width:900px){.header{top:18px;left:20px;right:20px;height:70px;border-radius:22px;padding:0 22px}.header .logo-placeholder{width:130px}.header .nav{top:105px}.header.header--docked{height:66px}.header.header--docked .nav{top:66px}.header.header--docked .nav a.active:after{display:none}}
@media(max-width:560px){.header{top:12px;left:12px;right:12px;height:62px;border-radius:19px;padding:0 18px}.header .logo-placeholder{width:115px}.header .logo-placeholder span{font-size:14px}}