.header{background-color:hsl(var(--background));border-bottom:1px solid transparent;color:hsl(var(--foreground));inset-inline:0;position:fixed;top:0;transition:border-color .25s ease;z-index:40}.header.is-scrolled{border-bottom-color:hsl(var(--border) / var(--line-alpha))}.header__inner{align-items:center;display:flex;gap:1.5rem;justify-content:space-between;min-height:4.25rem}.header__brand{align-items:center;display:flex;transition:opacity .2s ease}.header__brand{transition:opacity .25s ease,transform .35s cubic-bezier(.22,1,.36,1)}.header__brand:hover{opacity:.85;transform:translateY(-1px)}.header__nav{align-items:center;display:none;gap:2.25rem}.header__link{color:hsl(var(--muted-foreground));font-family:Hind,Mulish,sans-serif;font-size:.74rem;font-weight:700;letter-spacing:.2em;position:relative;text-transform:uppercase;transition:color .25s ease}.header__link:after{background-color:hsl(var(--accent));bottom:-.4rem;content:"";height:1px;left:0;position:absolute;transform:scaleX(0);transition:transform .35s cubic-bezier(.22,1,.36,1);width:100%}.header__link:hover{color:hsl(var(--foreground))}.header__link:hover:after{transform:scaleX(1)}.header__menu .header__link:after{display:none}.header__cta{display:none;min-height:2.5rem;padding-inline:1.4rem}.header__toggle{align-items:center;color:hsl(var(--foreground));display:flex;height:2.75rem;justify-content:center;width:2.75rem}.header__toggle svg{height:1.4rem;width:1.4rem}.header__toggle .icon-close,.header__toggle[aria-expanded=true] .icon-open{display:none}.header__toggle[aria-expanded=true] .icon-close{display:block}.header__menu{border-top:1px solid hsl(var(--border) / var(--line-alpha));display:none;flex-direction:column;padding-block:.5rem 1.5rem}.header__menu.is-open{border-bottom:1px solid hsl(var(--border) / var(--line-alpha));display:flex;margin-inline:-1.5rem;padding-inline:1.5rem}.header__menu .header__link{border-bottom:1px solid hsl(var(--border) / .06);padding-block:1rem}.header__menu .btn{margin-top:1.25rem}@media(min-width:900px){.header__nav{display:flex}.header__cta{display:inline-flex}.header__toggle,.header__menu{display:none}}
