header{z-index:999;width:100%;height:4rem;position:fixed;top:0;left:0}@media (max-width:768px){header{height:5rem}}header .header-container{justify-content:space-between;align-items:center;width:min(100%,1920px);height:100%;margin:0 auto;display:flex}header .header-bg{z-index:-1;background-color:#000;width:100%;height:100%;position:absolute;top:0;left:0;transform:translateY(-100%)}header .logo{width:12rem;height:auto;margin-left:4rem}@media (max-width:768px){header .logo{width:45vw;margin-left:2rem}}header .logo-link{align-items:center;text-decoration:none;display:flex}header .header-links{align-items:center;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media (max-width:1110px){header .header-links{display:none}}header .header-links .header-link{color:var(--text-primary);cursor:pointer;background-color:#0000;border:none;padding:.5rem 1rem;font-size:1.1rem;text-decoration:none;position:relative}@media (max-width:1368px){header .header-links .header-link{padding:.3rem .8rem}}header .header-right{align-items:center;gap:var(--button-gap);height:100%;display:flex}@media (max-width:768px){header .header-right .contact-button{display:none}}header .hamburger-menu{align-items:center;gap:var(--button-gap);z-index:10;cursor:pointer;background-color:#fff;border:none;height:100%;padding:0 1.5rem;display:flex;position:relative}header .hamburger-menu:after{content:"";z-index:-1;z-index:15;clip-path:polygon(0 0,0 100%,0 100%,0 0);background-color:#111;width:100%;height:100%;transition:all .3s ease-in-out;position:absolute;top:0;left:0}header .hamburger-menu:hover:after,header .hamburger-menu.is-open:after{clip-path:polygon(100% 0,100% 100%,0 100%,0 0)}header .hamburger-menu svg{fill:var(--text-secondary);z-index:20;transition:fill .3s ease-in-out}header .hamburger-menu:hover svg,header .hamburger-menu.is-open svg{fill:var(--text-primary)}header .hamburger-menu span{color:var(--text-secondary);z-index:20;font-size:1.3rem;transition:color .3s ease-in-out}header .hamburger-menu:hover span,header .hamburger-menu.is-open span{color:var(--text-primary)}@media (max-width:768px){header .hamburger-menu span{font-size:1.5rem}header .hamburger-menu:hover:after,header .hamburger-menu.is-open:after{clip-path:polygon(100% 0,100% 100%,0 100%,0 0)}}
.menu{z-index:990;width:100%;height:100vh;display:hidden;background-color:#121212;display:flex;position:fixed;top:0;left:0;transform:translate(100%)}@media (max-width:768px){.menu{background-color:#000;flex-direction:column}}.menu .menu-links{background-color:#000;flex-direction:column;justify-content:center;align-items:center;width:30%;height:100%;padding:0 4rem;display:flex;position:relative}.menu .menu-links .menu-items{flex-direction:column;gap:.4rem;display:flex}.menu .menu-links .menu-link{color:var(--text-primary);font-size:clamp(1.5rem,2.2vw,2.5rem);font-weight:600;text-decoration:none;transition:transform .3s ease-in-out}.menu .menu-links .menu-link:hover{transform:translate(1rem)}.menu .menu-links .header-links-container{display:none}@media (max-width:768px){.menu .menu-links{justify-content:flex-start;align-items:flex-start;width:90%;height:100%;margin:0 auto;padding:10rem 0 0;position:relative}.menu .menu-links .menu-link{height:60%;font-size:7.5vw}}.menu .menu-logo{justify-content:center;align-items:center;width:70%;height:100%;display:flex}.menu .menu-logo img{width:clamp(20rem,30vw,40rem);height:auto}@media (max-width:768px){.menu .menu-logo{display:none}}