@font-face{font-family:Portfolio Sans;src:url(/fonts/alte-haas-grotesk-regular.ttf);font-display:swap}@font-face{font-family:Portfolio Signature;src:url(/fonts/rock-salt-400.ttf);font-display:swap}portfolio-navigation{display:block;height:64px}:root{--site-page-gutter:clamp(24px,10.5vw,180px);--site-content-max:1000px}@media(max-width:600px){:root{--site-page-gutter:24px}}portfolio-navigation.navigation-on-home{height:0}.portfolio-navbar{box-sizing:border-box;position:fixed;inset:0 0 auto;z-index:100;display:flex;align-items:center;justify-content:space-between;gap:20px;height:64px;padding:0 max(5vw,20px);background:#f9f7f1;border-bottom:1px solid #282d2510;color:#252921;font-family:Portfolio Sans,Arial,sans-serif;opacity:0;transform:translateY(-10px);pointer-events:none;transition:opacity .2s ease,transform .32s cubic-bezier(.22,1,.36,1)}.portfolio-navbar.is-visible{opacity:1;transform:none;pointer-events:auto}.portfolio-navbar{border-radius:0 0 22px 22px;transition:opacity .45s ease,transform .6s cubic-bezier(.22,1,.36,1)}.portfolio-navbar{padding-inline:max(var(--site-page-gutter),calc((100vw - 1120px)/2))}.portfolio-navbar.is-returning-home{pointer-events:none;animation:navbar-return-home .95s cubic-bezier(.4,0,.2,1) both}@keyframes navbar-return-home{0%,18%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-110%)}}.portfolio-navbar a{color:inherit;text-decoration:none}.portfolio-navbar a:focus-visible{outline:2px solid #5c6957;outline-offset:5px}.portfolio-wordmark{display:flex;align-items:center;gap:7px}.portfolio-wordmark img{width:42px;height:42px;object-fit:contain;mix-blend-mode:multiply}.portfolio-wordmark span{font-family:Portfolio Signature,cursive;font-size:16px;letter-spacing:-1px;white-space:nowrap}.portfolio-navbar nav{display:flex;align-items:center;gap:clamp(20px,4vw,48px);font-size:13px}.portfolio-navbar nav a:hover,.portfolio-navbar nav a:focus-visible{font-weight:700}.portfolio-navbar nav a[aria-current]{font-weight:700}@media(max-width:480px){.portfolio-navbar{padding-inline:16px;gap:12px}.portfolio-wordmark img{width:32px;height:32px}.portfolio-wordmark span{font-size:12px}.portfolio-navbar nav{gap:12px;font-size:12px}}@media(prefers-reduced-motion:reduce){.portfolio-navbar{transition:none}}@media(prefers-reduced-motion:reduce){.portfolio-navbar.is-returning-home{animation:none}}@font-face{font-family:Portfolio Sans;src:url(/fonts/alte-haas-grotesk-bold.ttf);font-weight:700;font-display:swap}:root body a{text-decoration:none}:root body a:hover,:root body a:focus-visible{font-weight:700}.link-weight-label{display:inline-grid}.link-weight-label>span{grid-area:1 / 1;transition:opacity .16s cubic-bezier(.2,.7,.2,1) 0ms}.link-weight-label .link-weight-regular{font-weight:400;opacity:1}.link-weight-label .link-weight-bold{font-weight:700;opacity:0}a:is(:hover,:focus-visible,[aria-current]) .link-weight-regular{opacity:0}a:is(:hover,:focus-visible,[aria-current]) .link-weight-bold{opacity:1}@media(prefers-reduced-motion:reduce){.link-weight-label>span{transition:none}}:root body .portfolio-navbar nav a{font-weight:400}:root body .portfolio-navbar nav a[aria-current]{font-weight:700}.portfolio-navbar nav a:not([aria-current]) .link-weight-regular{opacity:1}.portfolio-navbar nav a:not([aria-current]) .link-weight-bold{opacity:0}