.header{animation-range:0% 20rem;animation-timeline:scroll()!important;position:sticky;top:0;z-index:20;width:100%;animation:fade-in-shadow-light .5s ease-in-out forwards}.dark .header{animation-range:0% 20rem;animation:fade-in-shadow-dark .5s ease-in-out forwards}.header:before{position:absolute;display:block;height:100%;width:100%;--bc-bg-opacity:1;background-color:rgb(255 255 255 / var(--bc-bg-opacity));content:""}.header:after{position:absolute;left:0;top:100%;z-index:10;display:block;height:1px;width:100%;content:""}.dark .header:before{--bc-bg-opacity:1;background-color:hsl(var(--bc-color-zinc-900) / var(--bc-bg-opacity))}.dark .header:after{--bc-bg-opacity:1;background-color:hsl(var(--bc-color-zinc-700) / var(--bc-bg-opacity))}@media (min-width: 1024px){.header:after{display:none}}@media (min-width: 1024px){.header:before{--bc-backdrop-blur:blur(4px);-webkit-backdrop-filter:var(--bc-backdrop-blur) var(--bc-backdrop-brightness) var(--bc-backdrop-contrast) var(--bc-backdrop-grayscale) var(--bc-backdrop-hue-rotate) var(--bc-backdrop-invert) var(--bc-backdrop-opacity) var(--bc-backdrop-saturate) var(--bc-backdrop-sepia);backdrop-filter:var(--bc-backdrop-blur) var(--bc-backdrop-brightness) var(--bc-backdrop-contrast) var(--bc-backdrop-grayscale) var(--bc-backdrop-hue-rotate) var(--bc-backdrop-invert) var(--bc-backdrop-opacity) var(--bc-backdrop-saturate) var(--bc-backdrop-sepia)}}.header__menu{visibility:hidden;position:absolute;left:0;top:0;z-index:-1;margin-left:auto;width:100%;justify-content:center;overflow:hidden;overflow-y:auto;overscroll-behavior:contain;padding:2.75rem 2rem;font-size:.875rem;line-height:1.25rem;font-weight:500;opacity:0;transition-property:opacity,visibility;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;transition-duration:.3s;height:100dvh}@media (min-width: 1024px){.header__menu{visibility:visible;position:relative;top:0;z-index:0;height:100%;width:auto;display:flex;align-items:stretch;overflow:visible;padding:0;opacity:1}}.header__menu--open{visibility:visible;opacity:1;--bc-backdrop-blur:blur(4px);-webkit-backdrop-filter:var(--bc-backdrop-blur) var(--bc-backdrop-brightness) var(--bc-backdrop-contrast) var(--bc-backdrop-grayscale) var(--bc-backdrop-hue-rotate) var(--bc-backdrop-invert) var(--bc-backdrop-opacity) var(--bc-backdrop-saturate) var(--bc-backdrop-sepia);backdrop-filter:var(--bc-backdrop-blur) var(--bc-backdrop-brightness) var(--bc-backdrop-contrast) var(--bc-backdrop-grayscale) var(--bc-backdrop-hue-rotate) var(--bc-backdrop-invert) var(--bc-backdrop-opacity) var(--bc-backdrop-saturate) var(--bc-backdrop-sepia);--bc-bg-opacity:1;background-color:hsl(var(--bc-color-bg-primary) / var(--bc-bg-opacity))}.header__menu-item{position:relative;display:flex;flex-direction:column;cursor:pointer;align-items:stretch}@media (min-width: 1024px){.header__menu-item{flex-direction:row}}.header__menu-link{position:relative;display:flex;align-items:center;gap:.25rem;padding-top:1rem;padding-bottom:1rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;transition-duration:.3s}.header__menu-link:focus{outline:2px solid transparent;outline-offset:2px}.header__menu-link:focus-visible{outline:2px solid transparent;outline-offset:2px}@media (min-width: 1024px){.header__menu-link{padding-left:1.5rem;padding-right:1.5rem}}.header__menu-link.active{--bc-text-opacity:1;color:hsl(var(--bc-color-text-primary) / var(--bc-text-opacity))}.header__menu-chevron{width:1.25rem;height:1.25rem;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.header__menu-item.open .header__menu-chevron{--bc-rotate-x:0;--bc-rotate-y:0;--bc-rotate-z:0;--bc-rotate:180deg;transform:translate(var(--bc-translate-x)) translateY(var(--bc-translate-y)) translateZ(var(--bc-translate-z)) rotate(var(--bc-rotate)) rotateX(var(--bc-rotate-x)) rotateY(var(--bc-rotate-y)) rotate(var(--bc-rotate-z)) skew(var(--bc-skew-x)) skewY(var(--bc-skew-y)) scaleX(var(--bc-scale-x)) scaleY(var(--bc-scale-y)) scaleZ(var(--bc-scale-z))}.header__submenu{left:0;top:100%;display:none;border-radius:.25rem;background-color:hsl(var(--bc-color-zinc-300) / .1);padding-left:1rem;padding-right:1rem;animation:dropdown .3s ease-in-out forwards}.dark .header__submenu{background-color:hsl(var(--bc-color-zinc-500) / .1)}@media (min-width: 1024px){.header__submenu{position:absolute;min-width:12rem;border-top-left-radius:0;border-top-right-radius:0;background-color:#ffffffe6;padding:0;--bc-shadow:var(--bc-shadow-inset) 0 10px 15px -3px var(--bc-shadow-color, rgb(0 0 0 / .1)),var(--bc-shadow-inset) 0 4px 6px -4px var(--bc-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--bc-ring-offset-shadow),var(--bc-ring-shadow),var(--bc-shadow);--bc-shadow-color:hsl(var(--bc-color-zinc-700) / .05) ;--bc-backdrop-blur:blur(4px);-webkit-backdrop-filter:var(--bc-backdrop-blur) var(--bc-backdrop-brightness) var(--bc-backdrop-contrast) var(--bc-backdrop-grayscale) var(--bc-backdrop-hue-rotate) var(--bc-backdrop-invert) var(--bc-backdrop-opacity) var(--bc-backdrop-saturate) var(--bc-backdrop-sepia);backdrop-filter:var(--bc-backdrop-blur) var(--bc-backdrop-brightness) var(--bc-backdrop-contrast) var(--bc-backdrop-grayscale) var(--bc-backdrop-hue-rotate) var(--bc-backdrop-invert) var(--bc-backdrop-opacity) var(--bc-backdrop-saturate) var(--bc-backdrop-sepia)}}@media (min-width: 1024px){.dark .header__submenu{background-color:hsl(var(--bc-color-zinc-900) / .9);--bc-shadow-color:hsl(var(--bc-color-zinc-950) / .5) }}.header__menu-item.open .header__submenu{display:block}.header__submenu-item{display:none}.header__menu-item.open .header__submenu-item{display:block}.header__submenu-link{padding:1rem 2rem}.header__menu-item.open .header__submenu-link{display:flex}.header__toggle{position:relative;width:2.75rem;height:2.75rem;display:flex;align-self:center}@media (min-width: 1024px){.header__toggle{display:none}}.header__toggle--open{visibility:visible;opacity:1}.header__toggle-inner{position:absolute;left:50%;top:50%;width:1rem;--bc-translate-x:-50%;--bc-translate-y:-50%;transform:translate(var(--bc-translate-x)) translateY(var(--bc-translate-y)) translateZ(var(--bc-translate-z)) rotate(var(--bc-rotate)) rotateX(var(--bc-rotate-x)) rotateY(var(--bc-rotate-y)) rotate(var(--bc-rotate-z)) skew(var(--bc-skew-x)) skewY(var(--bc-skew-y)) scaleX(var(--bc-scale-x)) scaleY(var(--bc-scale-y)) scaleZ(var(--bc-scale-z))}.header__toggle-inner span{position:absolute;display:block;height:.125rem;transform:translate(var(--bc-translate-x)) translateY(var(--bc-translate-y)) translateZ(var(--bc-translate-z)) rotate(var(--bc-rotate)) rotateX(var(--bc-rotate-x)) rotateY(var(--bc-rotate-y)) rotate(var(--bc-rotate-z)) skew(var(--bc-skew-x)) skewY(var(--bc-skew-y)) scaleX(var(--bc-scale-x)) scaleY(var(--bc-scale-y)) scaleZ(var(--bc-scale-z));border-radius:9999px;--bc-bg-opacity:1;background-color:rgb(0 0 0 / var(--bc-bg-opacity));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;transition-duration:.3s}.dark .header__toggle-inner span{--bc-bg-opacity:1;background-color:rgb(255 255 255 / var(--bc-bg-opacity))}.header__toggle-inner span:first-child{width:75%;--bc-translate-y:-.5rem;transform:translate(var(--bc-translate-x)) translateY(var(--bc-translate-y)) translateZ(var(--bc-translate-z)) rotate(var(--bc-rotate)) rotateX(var(--bc-rotate-x)) rotateY(var(--bc-rotate-y)) rotate(var(--bc-rotate-z)) skew(var(--bc-skew-x)) skewY(var(--bc-skew-y)) scaleX(var(--bc-scale-x)) scaleY(var(--bc-scale-y)) scaleZ(var(--bc-scale-z))}.header__toggle--open .header__toggle-inner span:first-child{width:1rem;--bc-translate-y:0;--bc-rotate-x:0;--bc-rotate-y:0;--bc-rotate-z:0;--bc-rotate:45deg;transform:translate(var(--bc-translate-x)) translateY(var(--bc-translate-y)) translateZ(var(--bc-translate-z)) rotate(var(--bc-rotate)) rotateX(var(--bc-rotate-x)) rotateY(var(--bc-rotate-y)) rotate(var(--bc-rotate-z)) skew(var(--bc-skew-x)) skewY(var(--bc-skew-y)) scaleX(var(--bc-scale-x)) scaleY(var(--bc-scale-y)) scaleZ(var(--bc-scale-z))}.header__toggle-inner span:nth-child(2){width:1rem}.header__toggle--open .header__toggle-inner span:nth-child(2){--bc-rotate-x:0;--bc-rotate-y:0;--bc-rotate-z:0;--bc-rotate:-45deg;transform:translate(var(--bc-translate-x)) translateY(var(--bc-translate-y)) translateZ(var(--bc-translate-z)) rotate(var(--bc-rotate)) rotateX(var(--bc-rotate-x)) rotateY(var(--bc-rotate-y)) rotate(var(--bc-rotate-z)) skew(var(--bc-skew-x)) skewY(var(--bc-skew-y)) scaleX(var(--bc-scale-x)) scaleY(var(--bc-scale-y)) scaleZ(var(--bc-scale-z))}.header__toggle-inner span:nth-child(3){width:50%;transform-origin:top left;--bc-translate-y:.5rem;transform:translate(var(--bc-translate-x)) translateY(var(--bc-translate-y)) translateZ(var(--bc-translate-z)) rotate(var(--bc-rotate)) rotateX(var(--bc-rotate-x)) rotateY(var(--bc-rotate-y)) rotate(var(--bc-rotate-z)) skew(var(--bc-skew-x)) skewY(var(--bc-skew-y)) scaleX(var(--bc-scale-x)) scaleY(var(--bc-scale-y)) scaleZ(var(--bc-scale-z))}.header__toggle--open .header__toggle-inner span:nth-child(3){width:0}@keyframes dropdown{0%{transform:translateY(-1rem);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes fade-in-shadow-light{to{box-shadow:0 20px 25px -5px #0f172a06,0 8px 10px -6px #0f172a06}}@keyframes fade-in-shadow-dark{to{box-shadow:0 20px 25px -5px #02061740,0 8px 10px -6px #02061740}}
