/* Persistent navigation with a light, frosted surface over every scene. */
body{padding-top:104px}body.immersive{padding-top:0}body header,body.immersive header{position:fixed;inset:0 0 auto;z-index:70;height:90px;width:100%;padding:16px var(--pad);pointer-events:none;color:#203426;display:flex;align-items:center;justify-content:space-between}header .header-label{display:none}header .wordmark,header>nav,.mobile-menu-toggle{pointer-events:auto;background:linear-gradient(140deg,#ffffff45,transparent 65%),rgba(247,244,236,.9);border:1px solid #ffffffd9;box-shadow:inset 0 1px 1px #ffffffe0,0 5px 24px #14251b15;backdrop-filter:blur(80px) saturate(1.25);-webkit-backdrop-filter:blur(80px) saturate(1.25)}header .wordmark,body.immersive header .wordmark{font-size:32px;letter-spacing:-2px;padding:10px 15px;border-radius:16px}header .wordmark span{display:none}header>nav{border-radius:30px;padding:15px 23px;display:flex;gap:25px;align-items:center;color:#203426}header>nav a,header>nav button{font-size:12px;font-weight:600;color:#203426}header>nav a:hover,header>nav button:hover{color:#526c3e}.mobile-menu-toggle{display:none}#mobile-site-menu{inset:calc(82px + env(safe-area-inset-top,0px)) var(--pad) auto auto;width:calc(100% - 2*var(--pad));max-width:420px;height:auto;max-height:calc(100dvh - 110px);padding:25px;border-radius:24px;background:linear-gradient(140deg,#ffffff55,transparent 75%),rgba(247,244,236,.96);color:#203426;border:1px solid #ffffffdf;box-shadow:inset 0 1px 1px white,0 20px 80px #10221840;backdrop-filter:blur(80px);-webkit-backdrop-filter:blur(80px);overflow-y:auto}#mobile-site-menu::backdrop{background:#17291f40;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.mobile-menu-head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #20342622;padding-bottom:20px;font-size:12px}.mobile-menu-close{background:none;border:0;font-size:12px;padding:8px;display:flex;gap:14px;align-items:center}.mobile-menu-close span{font-size:24px;line-height:1}#mobile-site-menu nav{display:flex;flex-direction:column;gap:0;padding-top:15px}#mobile-site-menu nav a{font-family:'Manrope',Arial,sans-serif;font-size:33px;font-weight:600;letter-spacing:-.04em;padding:14px 0}#mobile-site-menu .mobile-project-index{display:flex;align-items:center;justify-content:space-between;text-align:left;padding:22px 0 5px;margin-top:15px;border:0;border-top:1px solid #20342622;background:none;font-size:14px;font-weight:500}.about-portrait{top:115px}@media(max-width:760px){body{padding-top:85px}body.immersive{padding-top:0}body header,body.immersive header{height:82px;padding-top:calc(12px + env(safe-area-inset-top,0px));padding-bottom:12px}header>nav{display:none!important}header .wordmark,body.immersive header .wordmark{font-size:30px!important;padding:11px 14px;border-radius:16px}.mobile-menu-toggle{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:7px;border-radius:50%;width:48px;height:48px;padding:12px}.mobile-menu-toggle span{display:block;width:20px;height:1.5px;background:#203426;border-radius:2px}.about-portrait{top:auto}}@media(prefers-reduced-motion:reduce){#mobile-site-menu{scroll-behavior:auto}}