.header{position:fixed;top:0;left:0;z-index:200;display:flex;align-items:center;width:100%;height:clamp(56.32px,17.6vw,167.024px);padding:0 clamp(25.6px,8vw,75.92px);background:var(--white);transition:background .3s cubic-bezier(.16,1.08,.38,.98);view-transition-name:header}@media only screen and (min-width:950px){.header{box-sizing:border-box;width:min(100%,1920px);height:clamp(68.0833333333px,7.1666666667vw,103.2px);padding:0 clamp(47.5px,5vw,72px);margin-inline:auto}}[data-menu=show] .header{background:var(--white)}@media only screen and (min-width:950px){.headerLogo{width:clamp(134.5833333333px,14.1666666667vw,204px)}}.headerLogo a{display:block}@media only screen and (min-width:950px){.headerLogo a{padding-block:clamp(14.25px,1.5vw,21.6px)}}.headerNav{display:none}@media only screen and (min-width:950px){.headerNav{display:flex;align-items:center;margin-left:auto}}@media only screen and (min-width:950px){.headerNavLists{display:flex;gap:0 clamp(63.3333333333px,6.6666666667vw,96px);align-items:center}}@media only screen and (min-width:950px){.headerNavList a{display:flex;align-items:center;height:clamp(39.5833333333px,4.1666666667vw,60px);font-size:clamp(14.25px,1.5vw,21.6px);text-decoration:none;transition:color .3s cubic-bezier(.16,1.08,.38,.98)}}@media only screen and (min-width:950px){.headerNavList a:hover{color:var(--orange)}}@media only screen and (min-width:950px){.headerNavButton{margin-left:clamp(63.3333333333px,6.6666666667vw,96px)}}
