.site-header{z-index:200;-webkit-backdrop-filter:blur(.6rem);opacity:0;pointer-events:none;background:#fff9;width:100%;padding:0 4rem;transition:opacity .3s ease-out;position:fixed;top:0;left:0}.site-header.is-menu-open,.site-header.is-visible{opacity:1;pointer-events:auto}.site-header.is-menu-open{z-index:1000;-webkit-backdrop-filter:none;background:0 0}.site-header-inner{justify-content:space-between;width:100%;max-width:120rem;height:7rem;margin:0 auto;padding:0}.site-header-inner,.site-header-logo{align-items:center;display:flex}.site-header-logo-img{width:10rem;height:auto;display:block}.site-header-nav{flex-shrink:0;align-items:center;gap:2rem;margin-left:auto;display:flex}.site-header-nav-item{color:#101010;z-index:0;padding:.2rem .4rem;font-size:2.4rem;font-weight:600;line-height:1;transition:color .3s ease-out;display:inline-block;position:relative;overflow:hidden}.site-header-nav-item:before{content:"";transform-origin:100%;z-index:-1;background:#101010;transition:transform .3s ease-out;position:absolute;inset:0;transform:scaleX(0)}@media (hover:hover){.site-header-nav-item:hover{color:#fff}.site-header-nav-item:hover:before{transform-origin:0;transform:scaleX(1)}}.site-header-nav-item.router-link-active{color:var(--accent)}.site-header-nav-lang{align-items:center;gap:.4rem;margin-left:1rem;font-size:1.2rem;font-weight:700;display:flex}.site-header-lang-btn{color:#101010;z-index:0;padding:.2rem .3rem;transition:opacity .15s ease-out;display:inline-block;position:relative}.site-header-lang-btn.is-active{color:#fff;cursor:default;pointer-events:none}.site-header-lang-btn.is-active:before{content:"";z-index:-1;background:#101010;position:absolute;inset:0;transform:skew(-25.1deg)}@media (hover:hover){.site-header-lang-btn:not(.is-active):hover{opacity:.7}}.site-header-menu-btn{cursor:pointer;-webkit-appearance:none;opacity:1;background:0 0;border:none;justify-content:center;align-items:center;height:100%;padding:0;transition:opacity .3s ease-out;display:none}.site-header-hamburger{flex-direction:column;gap:1rem;display:flex;transform:translate(-.5rem)rotate(115.1deg)skew(25.1deg)}.site-header-hamburger span{background:#101010;width:3.3rem;height:.6rem;transition:transform .3s ease-out,opacity .3s ease-out,background .15s ease-out;display:block}@media (hover:hover){.site-header-menu-btn:hover .site-header-hamburger span{background:var(--accent)}}.site-menu-modal{z-index:999;-webkit-backdrop-filter:blur(.6rem);background:#fff9;justify-content:center;align-items:flex-end;padding:7rem max(4rem,50vw - 600px) 2rem;position:fixed;inset:0}.site-menu-modal,.site-menu-nav{flex-direction:column;display:flex}.site-menu-nav-item{color:#101010;text-align:right;padding-left:1em;padding-right:.15em;font-size:clamp(3rem,11vh,8.8rem);font-weight:600;line-height:1.1;transition:color .3s ease-out;display:block;position:relative;overflow:hidden}.site-menu-nav-item:before{content:"";transform-origin:0;z-index:-1;background:#101010;transition:transform .3s ease-out;position:absolute;inset:0;transform:scaleX(0)}@media (hover:hover){.site-menu-nav-item:hover{color:#fff}.site-menu-nav-item:hover:before{transform-origin:100%;transform:scaleX(1)}}.site-menu-enter-active{transition:opacity .3s ease-out}.site-menu-leave-active{transition:opacity .2s ease-in}.site-menu-enter-from,.site-menu-leave-to{opacity:0}.site-menu-lang{align-items:center;gap:.67em;margin-top:1.25em;margin-right:1rem;font-size:clamp(1rem,3vh,2.4rem);font-weight:700;display:flex}.site-menu-lang-btn{color:#101010;z-index:0;padding:.17em .25em;transition:opacity .15s ease-out;display:inline-block;position:relative}.site-menu-lang-btn.is-active{color:#fff;cursor:default;pointer-events:none}.site-menu-lang-btn.is-active:before{content:"";z-index:-1;background:#101010;position:absolute;inset:0;transform:skew(-25.1deg)}@media (hover:hover){.site-menu-lang-btn:not(.is-active):hover{opacity:.7}}.site-header.is-nav-collapsed .site-header-nav{display:none}.site-header.is-nav-collapsed .site-header-menu-btn{opacity:1;pointer-events:auto;display:flex}.site-header.is-nav-collapsed.is-menu-open .site-header-menu-btn{opacity:0;pointer-events:none}@media (width<=767px){.site-header{padding:0}.site-header-inner{padding:0 2rem}.site-menu-modal{padding:7rem 2rem 2rem}.site-menu-nav-item{font-size:clamp(2rem,7vh,5.4rem)}}
