:root{--site-primary-height:68px;--site-nav-height:var(--site-primary-height)}.portfolio-nav{--nav-bg:#f1f0e8;--nav-fg:#15352e;--nav-muted:#52685f;--nav-line:#c1c8bb;--nav-hover:#e3e8db;--nav-accent:#15352e;z-index:80;color:var(--nav-fg);background:var(--nav-bg);border-bottom:1px solid var(--nav-line);position:fixed;inset:0 0 auto}.portfolio-nav-forest{--nav-bg:#112b25;--nav-fg:#f1f0e8;--nav-muted:#c0cdbd;--nav-line:#496359;--nav-hover:#24463b;--nav-accent:#dcff37}.portfolio-nav-seeds{--nav-bg:#14211e;--nav-fg:#f0f0e7;--nav-muted:#bacbbf;--nav-line:#465c4f;--nav-hover:#263a30;--nav-accent:#d8ed80}.portfolio-nav-wind,.portfolio-nav-mtsi{--nav-bg:#14211e;--nav-fg:#f1f0e8;--nav-muted:#c0cdbd;--nav-line:#465c4f;--nav-hover:#263a30;--nav-accent:#dcff37}.portfolio-nav-primary{height:var(--site-primary-height);grid-template-columns:1fr auto 1fr;align-items:center;gap:28px;padding:0 4vw;display:grid}.portfolio-nav .wordmark{width:fit-content;color:var(--nav-fg)}.portfolio-nav .portfolio-nav-sections{letter-spacing:0;text-transform:none;align-items:stretch;gap:28px;height:100%;font-size:1rem;display:flex}.portfolio-nav .wordmark{font-size:1.08rem}.portfolio-nav-group{align-items:center;display:flex;position:relative}.portfolio-nav-group:after{content:"";background:0 0;height:3px;position:absolute;inset:auto 0 0}.portfolio-nav-group[data-active=true]:after{background:var(--nav-accent)}.portfolio-nav-group>a{min-height:42px;color:var(--nav-fg);align-items:center;padding:0 4px;font-weight:550;display:inline-flex}.portfolio-nav .portfolio-nav-group>button{width:32px;height:38px;color:var(--nav-muted);cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:grid}.portfolio-nav-group svg{fill:none;stroke:currentColor;stroke-width:1.5px;transition:transform .2s}.portfolio-nav-group button[aria-expanded=true] svg{transform:rotate(180deg)}.portfolio-nav .portfolio-nav-group>button:hover,.portfolio-nav-group button[aria-expanded=true]{color:var(--nav-accent);background:var(--nav-hover)}.portfolio-nav a:hover{opacity:1;color:var(--nav-accent)}.portfolio-nav-spacer{height:var(--site-primary-height)}.portfolio-nav-dropdown{border-top:1px solid var(--nav-line);border-bottom:1px solid var(--nav-line);background:var(--nav-bg);padding:24px 4vw 30px;position:absolute;top:100%;left:0;right:0;box-shadow:0 18px 25px #05170f18}.portfolio-nav-dropdown[hidden]{display:none}.portfolio-nav-menu-heading{color:var(--nav-muted);font:.65rem/1.5 var(--font-geist-mono,monospace);justify-content:space-between;align-items:center;gap:24px;margin-bottom:20px;display:flex}.portfolio-nav-menu-heading p{margin:0}.portfolio-nav-menu-heading>a{border-bottom:1px solid var(--nav-line);align-items:center;gap:20px;padding:5px 0;display:flex}.portfolio-nav .portfolio-nav-destinations{text-transform:none;letter-spacing:0;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.portfolio-nav-destinations>a{border:1px solid var(--nav-line);grid-template-columns:auto 1fr auto;align-items:start;gap:13px;min-height:92px;padding:18px 14px;display:grid}.portfolio-nav-destinations>a:hover{color:var(--nav-fg);background:var(--nav-hover);border-color:var(--nav-accent)}.portfolio-nav-menu-number{font:.55rem/1.5 var(--font-geist-mono,monospace);color:var(--nav-muted);padding-top:3px}.portfolio-nav-destinations strong{font-size:.86rem;font-weight:550;line-height:1.4;display:block}.portfolio-nav-destinations small{color:var(--nav-muted);margin-top:9px;font-size:.69rem;line-height:1.5;display:block}.portfolio-nav-destinations>a>span:last-child{color:var(--nav-accent);font-size:.85rem}#site-content .portfolio-nav :is(a,button):focus-visible{outline:2px solid var(--nav-accent);outline-offset:3px}.portfolio-nav-backdrop{inset:var(--site-nav-height) 0 0;z-index:70;cursor:default;background:#06180f55;border:0;position:fixed}#site-content .desktop-site main :is(section[id],.jyv1-story-step[id],.air-materials-section[id]){scroll-margin-top:calc(var(--site-nav-height) + var(--page-chapters-height,0px) + 20px)}.home-page .hero{min-height:calc(100vh - var(--site-nav-height))}.home-page .record-intro{top:calc(var(--site-nav-height) + 24px)}@media (max-width:1180px){.portfolio-nav-primary{gap:18px}.portfolio-nav .portfolio-nav-sections{gap:20px}}@media (max-width:760px){:root{--site-primary-height:102px}.portfolio-nav-primary{grid-template-rows:50px 52px;grid-template-columns:1fr auto;gap:0 16px}.portfolio-nav .portfolio-nav-sections{grid-area:2/1/auto/-1;justify-content:space-between;gap:8px;font-size:.9rem}.portfolio-nav .portfolio-nav-group>button{width:28px}.portfolio-nav .portfolio-nav-destinations{grid-template-columns:repeat(2,minmax(0,1fr))}.portfolio-nav-dropdown{max-height:calc(100svh - var(--site-nav-height));padding-block:18px;overflow-y:auto}.portfolio-nav-destinations>a{grid-template-columns:1fr auto;gap:8px;padding:12px}.portfolio-nav-menu-number{display:none}}@media (prefers-reduced-motion:reduce){.portfolio-nav *,.portfolio-nav :after{transition:none}}