nav{position:sticky;top:0;background-color:#fff;z-index:9999}.nav-list{list-style:none;display:flex;padding-block:.2rem}.nav-list li :first-child{margin-left:clamp(1rem,16vw,4rem);font-weight:800;width:110px}.nav-list li:nth-child(2){margin-left:auto}.nav-list li:last-child{margin-right:clamp(1rem,16vw,4rem)}.nav-list li a{color:var(--text-color);text-decoration:none;font-size:clamp(.9rem,1vw,2rem)}.nav-list li:first-child a{font-weight:800;font-size:clamp(1.5rem,1vw,2rem)}.nav-list li:not(:first-child){margin-block:auto;letter-spacing:.15em;text-transform:uppercase}.nav-list li:not(:first-child) a:hover{color:var(--accent-color)}@media only screen and (min-width: 761px){.mobile-menu{display:none}}@media only screen and (max-width: 760px){.mobile-menu>img{margin-left:clamp(.5rem,16vw + 1rem,1rem);width:90px}.nav-list{display:none}.mobile-menu{padding-block:clamp(.1rem,2vw,1rem);position:relative}.mobile-menu>a{color:#000;padding-left:clamp(1rem,1vw,2rem);font-weight:800;font-size:1.2rem}.mobile-menu a{text-decoration:none}.mobile-menu ul a{color:var(--white-text-color)}.mobile-menu ul{list-style:none;position:fixed;top:0;right:0;padding-inline:5rem;padding-top:50%;line-height:3rem;text-transform:uppercase;text-align:center;background-color:var(--text-color);height:100vh;transform:translate(100%);transition:transform .25s ease-in}.mobile-menu input{transform:scale(3);position:absolute;right:1.7rem;top:2.3rem;z-index:2;opacity:0}.hamburger{position:absolute;right:clamp(1rem,1vw,2.5em);top:2em;z-index:1;padding:1px}.mobile-menu span{display:block;margin-bottom:5px;background-color:#737373;height:4px;width:33px;border-radius:3px;transition:transform .25s ease-in}.mobile-menu input:checked~ul{transform:none}.mobile-menu input:checked~.hamburger span:first-child{transform-origin:center;transform:translateY(9px) rotate(-45deg)}.mobile-menu input:checked~.hamburger span:last-child{transform-origin:center;transform:translateY(-9px) rotate(45deg)}.hamburger span:nth-child(2){transform-origin:right;transform:scaleX(1)}.mobile-menu input:checked~.hamburger span:nth-child(2){transform-origin:right;transform:scaleX(0)}}
