.header{position:fixed;inset:0 0 auto;z-index:60;transition:color .3s,background .3s}.header.scrolled{backdrop-filter:blur(14px)}.header .desktop-nav a:after{background:currentColor}.menu-button{color:inherit;border-color:currentColor;width:43px;height:43px;border-radius:50%}.menu-button[aria-expanded=true] span:first-child{transform:translateY(3px) rotate(45deg)}.menu-button[aria-expanded=true] span:last-child{transform:translateY(-3px) rotate(-45deg)}.menu-button span{transition:transform .3s}.menu-open{overflow:hidden}.menu-open .header{background:transparent}.mobile-nav:not([hidden]){display:flex;position:fixed;inset:0;z-index:55;padding:140px 8% 65px;flex-direction:column;justify-content:center;background:var(--blue);font:700 clamp(70px,11vw,170px)/.95 var(--display);letter-spacing:-.025em;overflow:auto;animation:menu-reveal .55s cubic-bezier(.2,.7,.2,1) both}.mobile-nav a{width:max-content;max-width:100%;transition:padding-left .3s,color .3s}.mobile-nav a:before{font:12px var(--sans);letter-spacing:0;display:inline-block;vertical-align:middle;margin-right:30px;opacity:.65}.mobile-nav a:nth-child(1):before{content:'01'}.mobile-nav a:nth-child(2):before{content:'02'}.mobile-nav a:nth-child(3):before{content:'03'}.mobile-nav a:nth-child(4):before{content:'04'}.mobile-nav a:hover{padding-left:25px;color:#cbd4ff}@keyframes menu-reveal{from{clip-path:inset(0 0 100% 0)}to{clip-path:inset(0)}}
.cursor-mark{display:none!important}.project-visual{border-radius:6px}.project-visual img{will-change:transform}.project-card{--card-tilt:0deg}.project-card .project-visual{transform:perspective(1000px) rotateY(var(--card-tilt));transition:transform .2s}.project-grid .project-card:nth-child(even){margin-top:130px}.project-open{background:var(--blue);color:white}.project-visual img{transition:transform .8s cubic-bezier(.15,.75,.1,1)}.project-card:hover .project-visual img{transform:rotate(0) scale(1.1)}
@media(max-width:800px){.mobile-nav:not([hidden]){padding:110px 7% 45px;font-size:17vw}.project-grid .project-card:nth-child(even){margin-top:90px}}
@media(max-width:600px){.project-grid .project-card:nth-child(even){margin-top:0}.menu-button{width:38px;height:38px;padding:8px}.mobile-nav a:before{margin-right:16px}}
@media(prefers-reduced-motion:reduce){.project-visual{transform:none!important}}