/* A constant, visible five-direction selector on every portfolio page. */
.portfolio-header{position:fixed;inset:0 0 auto;z-index:250;background:#f3f3f3;color:#202620;border-bottom:1px solid #d4d7d1;font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.5;isolation:isolate}
.portfolio-header *{box-sizing:border-box}
.portfolio-topbar{height:48px;max-width:1520px;margin:auto;padding:0 clamp(20px,5vw,76px);display:flex;align-items:center;gap:24px}
.portfolio-brand{flex:none;font-size:15px;font-weight:650;letter-spacing:-.035em;text-decoration:none;color:inherit;white-space:nowrap}
.portfolio-caption{font:9px/1.5 Inter,system-ui,sans-serif;letter-spacing:.09em;color:#73796f}
.portfolio-controls{margin-left:auto;display:flex;align-items:center}
.portfolio-header .portfolio-language{display:inline-flex;align-items:center;justify-content:center;min-height:40px;min-width:64px;padding:6px 10px;border:0;background:transparent;color:#202620;font:11px/1.5 Inter,system-ui,sans-serif;letter-spacing:.03em;cursor:pointer;white-space:nowrap}
.portfolio-global{height:48px;max-width:1520px;margin:auto;padding:0 clamp(20px,5vw,76px);display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-top:1px solid #e3e5df;gap:0}
.portfolio-global a{display:flex;align-items:center;justify-content:center;min-width:0;height:48px;padding:8px 10px;font-size:12px;font-weight:450;letter-spacing:0;color:#60675f;text-decoration:none;border-bottom:2px solid transparent;white-space:nowrap;transition:background .18s,color .18s}
.portfolio-global a+a{border-left:0}
.portfolio-global a[aria-current]{color:#202620;font-weight:650;border-bottom-color:#202620;background:transparent}
.portfolio-route-short{display:none}
.portfolio-header a:hover{color:#202620;background:#e9e9e9}
.portfolio-brand:hover{background:transparent!important}
.portfolio-header a:focus-visible,.portfolio-header button:focus-visible{outline:2px solid #365bd5;outline-offset:-4px}
html:has(.portfolio-header){scroll-padding-top:0}
.portfolio-site .proj-wrap,.portfolio-site.track-page .proj-wrap{padding-top:124px}
.portfolio-site section[id],.portfolio-site article[id],.portfolio-site header[id]{scroll-margin-top:116px}
.portfolio-site .skip-link{z-index:300}
.portfolio-site .archive-mode .explorer-selection{top:128px}
.portfolio-site .archive-mode .explorer-heading{top:124px}
.portfolio-site .hero-frame{top:120px}
@media(max-width:760px){
 .portfolio-topbar{height:48px;padding-inline:16px;gap:16px}
 .portfolio-brand{font-size:14px}
 .portfolio-caption{font-size:8px;letter-spacing:.04em}
 .portfolio-global{height:44px;padding:0;max-width:none}
 .portfolio-global a{height:44px;padding:6px 2px;font-size:11px}
 .portfolio-route-full{display:none}
 .portfolio-route-short{display:inline}
 .portfolio-site .proj-wrap,.portfolio-site.track-page .proj-wrap{padding-top:112px}
 .portfolio-site .case-hero{padding-top:124px}
 .portfolio-site .archive-mode .explorer-heading{top:120px}
}
@media(max-width:350px){.portfolio-caption{display:none}.portfolio-global a{font-size:10px}}
@media(prefers-reduced-motion:reduce){.portfolio-global a{transition:none}}
@media print{.portfolio-header{display:none}}