body{--portfolio-footer-font: 14px;--portfolio-footer-gap: clamp(24px, 7vw, 100px);--portfolio-footer-padding: 24px}body.portfolio-page>footer a,.project-outro .project-outro-footer a{font-size:inherit;line-height:inherit}html:not(:has(body.index-page)){scrollbar-gutter:stable}body>header.portfolio-header{position:relative;z-index:70;margin:0}body>header.portfolio-header>nav{display:flex;justify-content:space-between;padding:20px 0;min-height:104px}body>header.portfolio-header .logo{display:inline-flex}body>header.portfolio-header .logo{position:relative;color:var(--primary-color);transition:color .22s ease,opacity .18s ease}body>header.portfolio-header .logo img{width:64px;height:64px}body>header.portfolio-header{filter:none;background:transparent;box-shadow:none}body>header.portfolio-header:before{content:"";position:absolute;inset:-40px -6% -144px;z-index:-1;background:radial-gradient(ellipse 72% 90% at 5% 10%,rgb(6 5 16 / .24) 0%,rgb(6 5 16 / .12) 32%,rgb(6 5 16 / .035) 62%,transparent 90%),radial-gradient(ellipse 64% 82% at 100% 8%,rgb(6 5 16 / .18) 0%,rgb(6 5 16 / .08) 34%,rgb(6 5 16 / .025) 64%,transparent 92%);opacity:0;pointer-events:none;transform:translateZ(0);backface-visibility:hidden;transition:opacity .26s ease}body>header.portfolio-header[data-header-ready][data-scrolled=true]:before{opacity:.28}body>header.portfolio-header[data-header-ready]:is([data-logo-tone=white],[data-toggle-tone=white]):before{opacity:.66}body>header.portfolio-header[data-header-ready] .logo img{filter:none;opacity:0}body>header.portfolio-header[data-header-ready] .logo:before{content:"";position:absolute;inset:0;background:currentColor;-webkit-mask:var(--header-logo-image) center / contain no-repeat;mask:var(--header-logo-image) center / contain no-repeat}body>header.portfolio-header[data-logo-tone=white] .logo{color:#fff}body>header.portfolio-header[data-toggle-tone=blue] .site-menu-toggle{color:var(--primary-color);border-color:#031fed2e}body>header.portfolio-header[data-toggle-tone=white] .site-menu-toggle{color:#fff;border-color:#ffffff59}body:has(.project-page)>header.portfolio-header,body.index-page>header.portfolio-header{position:fixed;inset:0 0 auto;padding-inline:var(--project-gutter, 40px)}.site-menu-toggle{position:relative;display:grid;place-items:center;flex:0 0 56px;width:56px;height:56px;padding:0;border:1px solid rgb(3 31 237 / .18);border-radius:50%;background:transparent;color:var(--primary-color);transition:color .18s ease,background-color .18s ease,border-color .18s ease}.site-menu-toggle span{position:absolute;width:24px;height:2px;background:currentColor;border-radius:2px;transition:transform .42s cubic-bezier(.22,1,.36,1)}.site-menu-toggle span:first-child{transform:translateY(-4px)}.site-menu-toggle span:last-child{transform:translateY(4px)}.site-menu-toggle[aria-expanded=true] span:first-child{transform:rotate(45deg)}.site-menu-toggle[aria-expanded=true] span:last-child{transform:rotate(-45deg)}.site-menu-toggle:hover{background-color:#031fed12}body.index-page .site-menu-toggle,body:has(.project-page) .site-menu-toggle{color:#fff;border-color:#ffffff59}html.site-menu-visible body>header.portfolio-header .site-menu-toggle{color:#fff;border-color:#ffffff59}html.site-menu-visible .site-menu-toggle:hover{background-color:#ffffff1f}html.site-menu-visible body>header.portfolio-header[data-header-ready]:before{opacity:0}html.site-menu-visible body>header.portfolio-header{background:transparent}html.site-menu-visible{overflow:hidden}html.site-menu-visible #floating-player{visibility:hidden}.site-menu-shell[hidden]{display:none}.site-menu-shell{position:fixed;inset:0;z-index:60}.site-menu-scrim{position:absolute;inset:0;background:#06051a14;opacity:0;transition:opacity .26s ease}.site-menu-shell[data-open=true] .site-menu-scrim{opacity:1}.site-menu-panel{--menu-inset: 12px;position:absolute;top:8px;right:calc(var(--project-gutter, 40px) - 12px);display:flex;flex-direction:column;width:min(680px,58vw);height:min(820px,calc(100dvh - 16px));padding:120px 52px 40px;border-radius:calc(var(--menu-button-radius, 28px) + var(--menu-inset));background:var(--primary-color);color:#fff;clip-path:circle(0 at 100% 0);overflow:auto;overscroll-behavior:contain}.site-menu-panel>nav{display:flex;flex:0 0 auto;flex-direction:column;align-items:stretch;gap:12px;padding:0;font-weight:400}.site-menu-panel>nav a{display:block;width:fit-content;color:#fff;font-size:clamp(44px,5.3vw,72px);font-weight:400;letter-spacing:-.055em;line-height:1.15;text-decoration:none;opacity:0;transform:translateY(18px);transition:opacity .18s ease,transform .24s cubic-bezier(.22,1,.36,1)}.site-menu-shell[data-open=true] nav a{opacity:1;transform:none;transition-duration:.36s;transition-delay:calc(90ms + var(--menu-index) * 45ms)}.site-menu-panel>nav a:after{content:"";display:block;width:100%;height:2px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .24s cubic-bezier(.22,1,.36,1)}.site-menu-panel>nav a:hover:after{transform:scaleX(1)}.site-menu-meta{display:flex;flex:0 0 auto;flex-wrap:wrap;justify-content:space-between;gap:16px;margin-top:auto;padding-top:24px;border-top:1px solid rgb(255 255 255 / .25);opacity:0;transform:translateY(10px);transition:opacity .18s ease,transform .24s ease}.site-menu-shell[data-open=true] .site-menu-meta{opacity:1;transform:none;transition-delay:.2s}.site-menu-meta a{color:#fff;font-size:12px;line-height:1.5}.portfolio-header :is(a,button):focus-visible,.site-menu-panel a:focus-visible{outline:2px solid currentColor;outline-offset:6px}@media(max-width:768px){body{--portfolio-footer-font: 12px;--portfolio-footer-gap: 20px}html.site-menu-visible body>header.portfolio-header .logo{opacity:0;visibility:hidden;pointer-events:none}body>header.portfolio-header>nav{min-height:88px;padding:16px 0}body>header.portfolio-header .logo img{width:52px;height:52px}body:has(.project-page)>header.portfolio-header,body.index-page>header.portfolio-header{padding-inline:var(--project-gutter, 20px)}.site-menu-toggle{width:52px;height:52px;flex-basis:52px}.site-menu-panel{--menu-inset: 8px;top:8px;right:8px;width:calc(100% - 16px);height:min(740px,calc(100dvh - 16px));padding:104px 28px 32px}.site-menu-panel>nav a{font-size:clamp(46px,10vw,64px)}.site-menu-meta{flex-direction:column;gap:12px;margin-top:auto}}@media(prefers-reduced-motion:reduce){body>header.portfolio-header[data-header-ready]:before{transition:none}.site-menu-toggle span,.site-menu-scrim,.site-menu-panel nav a,.site-menu-panel nav a:after,.site-menu-meta{transition:none}}