*{box-sizing:border-box}:root{--bg: #f4f1ea;--fg: #1a1a1a;--muted: #6b6b6b;--accent-home: #e07a5f;--accent-work: #3d5a80;--accent-about: #81936e;--ease-out: cubic-bezier(.16, 1, .3, 1)}html,body{margin:0;padding:0}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}body{background:var(--bg);color:var(--fg);font-family:Helvetica Neue,ui-sans-serif,system-ui,sans-serif;-webkit-font-smoothing:antialiased;min-height:100dvh}.menu{position:fixed;top:1.5rem;left:50%;transform:translate(-50%);z-index:10}.menu__list{position:relative;display:flex;list-style:none;margin:0;padding:.375rem;background:#ffffffbf;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:999px;box-shadow:0 1px 8px #00000014}.menu__item{position:relative;z-index:1;width:6rem;text-align:center}.menu__item a{display:block;padding:.625rem 0;text-decoration:none;color:var(--muted);font-size:.875rem;transition:color .4s}.menu__item--active a{color:var(--fg)}.menu__indicator{position:absolute;top:.375rem;left:.375rem;width:6rem;height:calc(100% - .75rem);border-radius:999px;background:#0000000f;transform:translate(calc(var(--active-index, 0) * 100%));transition:transform .6s var(--ease-out)}.marker{position:fixed;z-index:5;width:5rem;height:5rem;border-radius:50%;pointer-events:none;transition:top .8s var(--ease-out),left .8s var(--ease-out),transform .8s var(--ease-out),background-color .8s var(--ease-out)}.marker[data-state=home]{top:20vh;left:78vw;transform:scale(1.6);background-color:var(--accent-home)}.marker[data-state=work]{top:75vh;left:8vw;transform:scale(1);background-color:var(--accent-work)}.marker[data-state=about]{top:12vh;left:12vw;transform:scale(.6);background-color:var(--accent-about)}@media(max-width:767px){.marker{width:3rem;height:3rem}}