:root{--base-100: #fafafa;--base-200: #e8e6e7;--base-300: #d3d2d2;--base-400: #0f0f0f}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Google Sans,sans-serif}.page-sections{position:relative;z-index:0}.page-section{min-height:100vh}.page-section--light{background-color:var(--base-100)}.page-section--dark{background-color:var(--base-400)}.menu-drop-zone{position:fixed;top:2rem;left:2rem;height:4.2rem;border:.075rem dashed rgba(0,0,0,.5);border-radius:4rem;transition:opacity .2s ease-out;pointer-events:none;opacity:0;z-index:5}.menu-drawer{position:fixed;top:2rem;left:2rem;padding:.35rem;background-color:var(--base-200);border-radius:4rem;display:flex;align-items:center;z-index:10}.menu-drag-surface{display:flex;align-items:center;min-width:0;touch-action:none}.menu-logo{height:3.5rem;padding-left:.35rem;padding-right:.15rem;border-radius:4rem;display:flex;justify-content:center;align-items:center;flex-shrink:0}.menu-logo-mark{font-family:PP Pangram Sans,Plus Jakarta Sans,system-ui,sans-serif;font-weight:800;font-size:1.05rem;letter-spacing:-.03em;text-transform:lowercase;line-height:1;padding:.5rem .95rem;border-radius:999px;background-color:var(--base-100);color:var(--base-400);box-shadow:0 .12rem .45rem #0f0f0f1a}.menu-logo.logo-inverted .menu-logo-mark{background-color:var(--base-400);color:var(--base-100);box-shadow:0 .12rem .45rem #00000047}.menu-items{display:flex;gap:.35rem;min-width:0}.menu-items .menu-item{width:max-content;height:3.5rem;background-color:var(--base-100);border-radius:4rem;display:flex;justify-content:center;align-items:center;flex-shrink:0;opacity:0}.menu-items .menu-item a{text-decoration:none;color:var(--base-400);font-weight:450;letter-spacing:-.01rem;padding:0 1.5rem;-webkit-user-select:none;user-select:none}.menu-toggler{position:relative;width:3.5rem;height:3.5rem;padding:1.125rem;background-color:var(--base-300);border-radius:4rem;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.2rem;flex-shrink:0;cursor:pointer}.menu-toggler span{position:relative;width:100%;height:.125rem;background-color:var(--base-400);transition:transform .3s ease;transform-origin:center;will-change:transform}.menu-toggler.close span:nth-child(1){transform:rotate(45deg) translate(.125rem) translateY(.1rem) scaleX(.9)}.menu-toggler.close span:nth-child(2){transform:rotate(-45deg) translate(.125rem) translateY(-.1rem) scaleX(.9)}@media(max-width:480px){.menu-logo-mark{font-size:.88rem;padding:.4rem .72rem}}