html:has(.site-navigation){scroll-padding-top:calc(var(--site-navigation-height,132px) + 16px)}.portfolio-shell>.site-navigation[data-sticky-navigation]{z-index:30;-webkit-backdrop-filter:blur(14px);background:#fafaf8f0;border-bottom:1px solid #dededb;position:sticky;top:0}.portfolio-shell>a.skip{z-index:99;position:fixed}.portfolio-shell .header.site-header{flex-wrap:wrap;gap:24px;height:auto;min-height:78px;padding-block:12px}.portfolio-shell .site-header .wordmark{white-space:nowrap;flex-shrink:0;align-items:baseline;display:inline-flex}.portfolio-shell .site-header .site-pages{flex-wrap:nowrap;align-items:center;gap:6px;display:flex}.portfolio-shell .site-header .site-pages a{color:#555;letter-spacing:.02em;text-transform:none;white-space:nowrap;background:0 0;border:1px solid #d6d6d6;border-radius:999px;justify-content:center;align-items:center;min-height:44px;padding:10px 22px;font-size:12px;font-weight:500;line-height:1.25;transition:background-color .16s,border-color .16s,color .16s;display:inline-flex}.portfolio-shell .site-header .site-pages a:hover{color:#171717;background:#eeeeec;border-color:#999}.portfolio-shell .site-header .site-pages a[aria-current=page]{color:#fff;background:#171717;border-color:#171717}.portfolio-shell .site-header .site-contact{color:#454545;text-underline-offset:5px;white-space:nowrap;align-items:center;gap:9px;min-height:44px;padding-block:10px;font-size:12px;font-weight:500;line-height:1.5;-webkit-text-decoration:underline #b8b8b8;text-decoration:underline #b8b8b8;transition:color .16s,text-decoration-color .16s;display:inline-flex}.portfolio-shell .site-header .site-contact:hover{color:#171717;text-decoration-color:currentColor}.portfolio-shell .page-outline{flex-wrap:wrap;align-items:center;gap:0 32px;padding-block:3px;display:flex}.portfolio-shell .page-outline-label{color:#727272;font-family:var(--font-mono), monospace;letter-spacing:.06em;text-transform:uppercase;flex-shrink:0;font-size:11px;font-weight:400;line-height:1.5}.portfolio-shell .page-outline .page-sections{flex-wrap:wrap;align-items:center;gap:0 28px;min-width:0;display:flex}.portfolio-shell .page-outline .page-sections a{color:#666;white-space:nowrap;text-underline-offset:4px;align-items:center;gap:6px;min-height:44px;padding-block:10px;font-size:12px;line-height:1.5;transition:color .16s;display:inline-flex}.portfolio-shell .page-outline .page-sections a svg{color:#8a8a8a}.portfolio-shell .page-outline .page-sections a:hover{color:#171717;text-decoration:underline}.portfolio-shell .site-header a:focus-visible,.portfolio-shell .page-outline a:focus-visible{outline-offset:5px;outline:2px solid #171717}@media (max-width:780px){.portfolio-shell .header.site-header{gap:12px 18px;min-height:72px;padding-block:10px}.portfolio-shell .site-header .site-pages{margin-left:auto}.portfolio-shell .site-header .site-contact{display:none}.portfolio-shell .page-outline{column-gap:24px}.portfolio-shell .page-outline .page-sections{column-gap:20px}}@media (max-width:520px){.portfolio-shell .header.site-header{grid-template-columns:1fr auto;grid-template-areas:"brand contact""pages pages";align-content:center;gap:4px 12px;display:grid}.portfolio-shell .site-header .wordmark{grid-area:brand;align-items:center;min-height:44px}.portfolio-shell .site-header .site-pages{grid-area:pages;width:100%;margin-left:0}.portfolio-shell .site-header .site-pages a{flex:1;min-height:44px;padding:10px 12px;font-size:12px}.portfolio-shell .site-header .site-contact{grid-area:contact;justify-self:end;gap:6px;font-size:11px;display:inline-flex}.portfolio-shell .page-outline{align-items:flex-start;gap:0;padding-top:5px;padding-bottom:2px}.portfolio-shell .page-outline-label{flex-basis:100%;font-size:9px}.portfolio-shell .page-outline .page-sections a{gap:5px;font-size:11px}.portfolio-shell .page-outline .page-sections{scrollbar-width:thin;flex-wrap:nowrap;column-gap:18px;width:100%;scroll-padding-inline:6px;display:flex;overflow-x:auto}.portfolio-shell .page-outline .page-sections a{flex-shrink:0}}@media (max-width:380px){.portfolio-shell .site-header .wordmark{letter-spacing:-1px;font-size:18px}.portfolio-shell .site-header .site-pages{gap:4px}.portfolio-shell .site-header .site-pages a{padding-inline:10px}}@media print{.portfolio-shell>.site-navigation[data-sticky-navigation]{-webkit-backdrop-filter:none;backdrop-filter:none;position:static}}@media (prefers-reduced-motion:reduce){.portfolio-shell .site-header a,.portfolio-shell .page-outline a{transition:none}}