@import url("https://fonts.googleapis.com/css2?family=Instrument+Sans:wght@400;500;600&family=Playfair+Display&display=swap");:root{--clr-bg:#e5e3dc;--clr-overlay-bg:#000;--clr-link:#e5e3dc}svg path{fill:var(--clr-overlay-bg)}#toggle-btn{position:absolute;top:0;right:0;width:clamp(40px,8vw,50px);height:clamp(40px,8vw,50px);display:flex;align-items:center;justify-content:center;margin:clamp(1rem,3vw,2em);z-index:10;cursor:pointer;transition:all .3s ease}.overlay-logo{position:absolute;left:-calc(clamp(30px,6vw,40px) + 8px);width:clamp(28px,5.5vw,35px);height:auto;z-index:12;display:block}.menu-logo.rotated,.overlay-logo.rotated{transform:rotate(-90deg);transform-origin:center;transition:transform .24s ease;display:block}#toggle-btn:hover{transform:scale(1.05)}.btn-outline{position:absolute;border:1px solid #fff;transition:all .3s ease}.btn-outline,.btn-outline-1{width:clamp(40px,8vw,50px);height:clamp(40px,8vw,50px)}.btn-outline-1{border-radius:60% 40% 30% 70%/60% 30% 70% 40%;animation:morph 4s linear infinite}.btn-outline-2{border-radius:53% 47% 43% 58%/51% 39% 61% 49%;height:clamp(40px,8vw,50px);width:clamp(40px,8vw,50px)}@keyframes morph{0%{border-radius:60% 40% 30% 70%/60% 30% 70% 40%}50%{border-radius:30% 60% 70% 40%/50% 60% 30% 60%}to{border-radius:60% 40% 30% 70%/60% 30% 70% 40%}}#hamburger{position:relative;width:100%;height:100%;z-index:2;display:flex;justify-content:center;align-items:center}#hamburger .line{background:#fff!important;height:1.25px;position:relative;transition:transform .25s}#hamburger .line-1{width:clamp(16px,4vw,20px);transform:translate(clamp(12px,3vw,14px),clamp(-2px,-.5vw,-2.5px));background:#fff!important}#hamburger .line-2{width:clamp(20px,5vw,24px);transform:translate(clamp(-5px,-1.5vw,-6px),clamp(2px,.5vw,2.5px));background:#fff!important}#hamburger.active .line{position:absolute!important;left:50%!important;top:50%!important;width:clamp(20px,5vw,24px)!important;height:1.5px!important;transform-origin:center!important}#hamburger.active .line-1{transform:translate(-50%,-50%) rotate(45deg)!important}#hamburger.active .line-2{transform:translate(-50%,-50%) rotate(-45deg)!important}.menu{position:fixed;top:0;width:100vw;height:100vh;margin-inline:clamp(1rem,3vw,2rem);display:flex;overflow:hidden}.vertical-brand{position:absolute;left:clamp(8px,1.8vw,16px);top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;gap:1rem;z-index:25;pointer-events:none}.vertical-logo{width:clamp(40px,6.5vw,40px);height:auto;display:block;rotate:260deg}.vertical-title{color:var(--clr-link);font-family:Instrument Sans,sans-serif;font-weight:700;font-size:clamp(1.8rem,2.5vw,1.25rem);writing-mode:vertical-rl;-webkit-text-orientation:mixed;text-orientation:mixed;transform:rotate(180deg);letter-spacing:.04em}.menu-header{position:absolute;top:clamp(18px,3vw,28px);left:clamp(18px,3vw,28px);display:flex;flex-direction:column;align-items:center;gap:.25rem;z-index:30;color:var(--clr-link);text-align:center}.menu-logo{width:clamp(48px,8vw,64px);height:auto;display:block}.menu-title{font-family:Instrument Sans,sans-serif;font-weight:700;font-size:clamp(.9rem,1.6vw,1.2rem);text-transform:none;color:var(--clr-link);letter-spacing:.02em}.menu>div{height:100%;display:flex}.menu a{position:relative;top:100vh;text-decoration:none;color:var(--clr-link)}.menu a span{font-size:20px;margin-right:2em}.menu-item{position:relative;width:100%;text-align:center;margin:clamp(.5rem,1.5vw,1rem) 0}.menu-item a{display:block;width:100%;padding:clamp(.5rem,2vw,1rem);transition:all .3s ease;border-radius:8px}.menu-item a:hover{background:hsla(0,0%,100%,.1);transform:translateX(5px)}.menu-container{width:clamp(80%,70%,70%);display:flex;flex-direction:column;justify-content:space-between;padding:clamp(1rem,3vw,2rem)}.primary-menu{flex:3 1;justify-content:center}.primary-menu,.primary-menu .wrapper{display:flex;flex-direction:column;align-items:center;width:100%}.primary-menu .wrapper{gap:clamp(1rem,3vw,2rem)}.primary-menu a{text-transform:uppercase;font-size:clamp(2.5rem,8vw,4.5rem);font-weight:500;line-height:1.1}.secondary-menu{flex:2 1;display:flex;justify-content:center;align-items:center;gap:8em;flex-direction:column}.secondary-menu a{font-family:Instrument Sans,sans-serif;font-size:clamp(1.5rem,4vw,2.25rem)}@media (max-width:1024px){.menu-container{width:85%;padding:clamp(1.5rem,4vw,2.5rem)}.primary-menu .wrapper{gap:clamp(1.2rem,3vw,1.8rem)}.primary-menu a{font-size:clamp(2.2rem,6.5vw,3.8rem)}.secondary-menu a{font-size:clamp(1.3rem,3.2vw,1.9rem)}}@media (max-width:768px){#toggle-btn{margin:clamp(.8rem,2.5vw,1.5em)}#toggle-btn,.btn-outline,.btn-outline-1,.btn-outline-2{width:clamp(35px,7vw,45px);height:clamp(35px,7vw,45px)}.menu-container{width:90%;padding:clamp(1rem,3vw,2rem)}.primary-menu .wrapper{gap:clamp(1rem,2.5vw,1.5rem)}.primary-menu a{font-size:clamp(1.8rem,5vw,3rem)}.secondary-menu a{font-size:clamp(1.1rem,2.8vw,1.6rem)}}@media (max-width:480px){#toggle-btn{margin:clamp(.6rem,2vw,1.2em)}#toggle-btn,.btn-outline,.btn-outline-1,.btn-outline-2{width:clamp(30px,6vw,40px);height:clamp(30px,6vw,40px)}.menu-container{width:95%;padding:clamp(.8rem,2.5vw,1.5rem)}.primary-menu .wrapper{gap:clamp(.8rem,2vw,1.2rem)}.primary-menu a{font-size:clamp(1.4rem,4vw,2.2rem);line-height:1.2}.secondary-menu a{font-size:clamp(.9rem,2.2vw,1.3rem)}.menu-item{margin:clamp(.3rem,1vw,.8rem) 0}.menu-item a{padding:clamp(.4rem,1.5vw,.8rem)}}@media (max-width:360px){#toggle-btn{margin:clamp(.5rem,1.5vw,1em)}#toggle-btn,.btn-outline,.btn-outline-1,.btn-outline-2{width:clamp(28px,5.5vw,35px);height:clamp(28px,5.5vw,35px)}.menu-container{width:98%;padding:clamp(.6rem,2vw,1.2rem)}.primary-menu .wrapper{gap:clamp(.6rem,1.5vw,1rem)}.primary-menu a{font-size:clamp(1.1rem,3.5vw,1.8rem);line-height:1.1}.secondary-menu a{font-size:clamp(.8rem,1.8vw,1.1rem)}.menu-item{margin:clamp(.2rem,.8vw,.6rem) 0}.menu-item a{padding:clamp(.3rem,1.2vw,.6rem)}}