:root{--overlay-gutter:clamp(8px, 1.2vw, 16px);--overlay-radius:clamp(10px, 1vw, 16px)}.menu{clip-path:circle(0%);background-color:var(--base-600);width:100vw;height:100svh;padding:var(--overlay-gutter);z-index:10000;pointer-events:none;visibility:hidden;position:fixed;inset:0;overflow:hidden}body.menu-open .menu,body.menu-open .menu *{pointer-events:auto;visibility:visible}.menu-wrapper{background-color:var(--base-600);border-radius:var(--overlay-radius);flex-direction:column;justify-content:space-between;gap:2rem;width:100%;height:100%;display:flex;position:relative}.col{height:100%;display:flex;position:relative}.col-1{flex:3;padding:6rem 0 0 2rem}.col-2{flex:2;align-items:flex-end;padding:2rem}.link{position:relative}.link a h2{color:var(--base-300);text-transform:uppercase;font-size:4rem;line-height:1.25;transition:color .3s ease-out}.socials{gap:4em;width:50%;display:flex}.socials .sub-col{text-transform:uppercase;flex-direction:column;flex:1;justify-content:flex-start;gap:2rem;display:flex}.socials .sub-col p{margin-bottom:.125rem}.menu-meta p:first-child{color:var(--base-400);margin-bottom:.25rem}.split-line{will-change:transform;overflow:hidden}@media (max-width:1000px){.link a h2{font-size:2.25rem;line-height:1.2}.col-2{flex-direction:column;align-items:flex-start}.socials{flex-direction:column;align-items:flex-start;width:100%;padding-bottom:10rem}.menu-commissions{display:none}}.menu,.menu-wrapper{background-color:var(--base-100)}.link a h2{color:var(--base-400)}.link a h2:hover{color:var(--base-600)}.menu-meta{color:var(--base-350)}.menu-meta p{transition:color .3s}.menu-meta p:first-child{color:var(--base-350)}.menu-meta p:not(:first-child){color:var(--base-450)}