.menu{clip-path:circle(0%);background-color:var(--base-500);z-index:100;width:100vw;height:100svh;padding:1rem;position:fixed;top:0;left:0;overflow:hidden}.menu-wrapper{background-color:var(--base-450);-webkit-overflow-scrolling:touch;touch-action:pan-y;overscroll-behavior:contain;scrollbar-width:none;border-radius:2rem;flex-direction:column;justify-content:space-between;width:100%;height:100%;display:flex;position:relative;overflow:hidden auto}.menu-wrapper::-webkit-scrollbar{display:none}.col{display:flex;position:relative}.col-1{flex-flow:wrap;justify-content:space-between;gap:4rem;padding:4rem 4rem 2rem}.primary-links{flex-direction:column;gap:.5rem;display:flex}.secondary-links{flex-direction:column;gap:.5rem;margin-top:1rem;display:flex}.secondary-heading{color:#2a6444;text-transform:uppercase;letter-spacing:.1em;pointer-events:auto;margin-bottom:1rem;font-family:DM Mono,monospace;font-size:.85rem}.col-2{align-items:flex-end;padding:2rem 4rem 4rem}.link{pointer-events:auto;position:relative}.link a{pointer-events:auto;text-decoration:none}.link a h2{color:var(--base-300);font-size:4.5rem;line-height:1.1;transition:color .3s ease-out}.link a h3{color:var(--base-300);font-size:2rem;font-weight:500;line-height:1.2;transition:color .3s ease-out}.link a h2:hover,.link a h3:hover{color:#2a6444}.socials{border-top:1px solid #ffffff0d;gap:2rem;width:50%;padding-top:4rem;display:flex}.socials .sub-col{flex-direction:column;flex:1;justify-content:flex-end;gap:2rem;display:flex}.menu-meta{color:var(--base-100);pointer-events:auto}.socials .sub-col p{margin-bottom:.25rem;position:relative}.menu-meta p:first-child{color:#2a6444;margin-bottom:1rem}.split-line{will-change:transform;pointer-events:auto;overflow:hidden}@media (max-width:1000px){.menu-wrapper{padding-top:4rem}.col-1{flex-direction:column;gap:3rem;padding:2rem}.link a h2{font-size:2.75rem;line-height:1.2}.link a h3{font-size:1.75rem}.col-2{flex-direction:column;align-items:flex-start;padding:2rem}.socials{flex-direction:column;align-items:flex-start;width:100%;padding-top:2rem;padding-bottom:6rem}.socials .sub-col{flex:1}.menu-commissions{display:none}}@media (max-width:640px){.link a h2{font-size:2rem}.link a h3{font-size:1.3rem}.col-1{gap:1.5rem;padding:1.5rem}.col-2{padding:1.5rem}.socials{gap:1.25rem;padding-bottom:3rem}.secondary-heading{margin-bottom:.5rem;font-size:.78rem}}@media (max-width:375px){.link a h2{font-size:1.65rem}.link a h3{font-size:1.15rem}.col-1{gap:1.25rem;padding:1.25rem}.col-2{padding:1.25rem}.menu-wrapper{border-radius:1.25rem}}
.menu-toggle{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transform-origin:100%;cursor:pointer;z-index:1000;background:#f2ede6bf;border-radius:8rem;width:130px;height:53px;transition:width .5s cubic-bezier(.075,.82,.165,1),background-color .35s;position:fixed;top:1rem;right:2rem}.menu-toggle:hover{background:#2a6444e6}.menu-toggle:hover .menu-copy p{color:var(--base-100)}@media (max-width:1000px){.menu-toggle{top:.5rem;right:1.5rem}}@media (max-width:480px){.menu-toggle{width:52px;height:52px;top:.65rem;right:1rem}.menu-copy{display:none}.menu-toggle-icon{width:46px;height:46px;top:3px;left:3px}}@media (max-width:375px){.menu-toggle{width:48px;height:48px;top:.6rem;right:.75rem}.menu-toggle-icon{width:42px;height:42px;top:3px;left:3px}}.menu-copy{color:var(--base-450);z-index:1;transition:left .5s cubic-bezier(.075,.82,.165,1);position:absolute;top:50%;right:24px;transform:translateY(-50%)}.menu-copy p{color:var(--base-500);font-family:Outfit,sans-serif;font-size:.9rem;font-weight:600;line-height:.9}.menu-toggle-icon{background-color:var(--base-450);z-index:10;border-radius:100%;width:48px;height:48px;transition:all .5s cubic-bezier(.075,.82,.165,1);position:absolute;top:2.5px;left:2.5px;overflow:hidden}.hamburger{justify-content:center;align-items:center;width:30px;height:30px;transition:all 1s cubic-bezier(.075,.82,.165,1);display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.menu-toggle:hover .hamburger,.menu-toggle.opened .hamburger{opacity:1}.menu-bar{background:var(--base-100);width:15px;height:1.5px;transition:all .25s ease-out;position:absolute}.menu-bar[data-position=top]{transform:translateY(-3px)}.menu-bar[data-position=bottom]{transform:translateY(3px)}.menu-toggle.opened .menu-bar[data-position=top]{transform:translateY(0)rotate(45deg)scaleX(1.05)}.menu-toggle.opened .menu-bar[data-position=bottom]{transform:translateY(0)rotate(-45deg)scaleX(1.05)}
