/* Common case-study shell based on MANTA / ULTRA SCAN. */
.project-nav{--project-accent:var(--accent,#f5b21a);--project-nav-bg:#0a0a0b;position:fixed;inset:0 0 auto;z-index:1000;display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:66px;margin:0;padding:calc(11px + env(safe-area-inset-top,0px)) clamp(14px,3vw,34px) 11px;border:0;border-bottom:1px solid rgba(255,255,255,.1);background:var(--project-nav-bg);background:color-mix(in srgb,var(--project-nav-bg) 85%,transparent);color:#f3f3f1;font:500 12px/1.3 Inter,'Helvetica Neue',Helvetica,Arial,sans-serif;letter-spacing:0;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);transition:background .25s,border-color .25s}
.project-nav.is-stuck{background:var(--project-nav-bg);border-bottom-color:rgba(255,255,255,.16)}
.project-nav a{color:inherit;text-decoration:none}
.project-nav .project-nav__brand{display:flex;align-items:center;flex:0 0 auto;gap:8px;padding:10px 0;font-size:14px;font-weight:600;white-space:nowrap}
.project-nav__brand i{display:block;width:8px;height:8px;border-radius:2px;background:var(--project-accent)}
.project-nav__brand small{font-family:inherit;font-size:10px;font-weight:500;letter-spacing:.2em;color:rgba(255,255,255,.5)}
.project-nav .project-nav__chapters{display:flex;align-items:center;gap:2px;padding:4px;margin:0;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:rgba(255,255,255,.05)}
.project-nav .project-nav__link{display:block;padding:8px 12px;border-radius:999px;color:rgba(255,255,255,.68);font-size:12px;font-weight:500;white-space:nowrap;transition:color .2s,background .2s}
.project-nav .project-nav__link:hover{color:#fff;background:rgba(255,255,255,.1)}
#project-nav.project-nav .project-nav__link[aria-current="location"]{background:var(--project-accent);color:#101010}
.project-nav .project-nav__actions{display:flex;align-items:center;flex:0 0 auto;gap:14px}
.project-nav .project-nav__all{padding:10px 0;font-size:11px;color:rgba(255,255,255,.75);white-space:nowrap}
.project-nav .project-nav__all:hover{color:#fff}
.project-nav__arrow{display:inline-block;width:10px;height:10px;margin-left:3px;fill:none;stroke:currentColor;stroke-width:1.2;vertical-align:baseline}
.project-nav .project-nav__toggle{min-height:42px;padding:8px 13px;border:1px solid rgba(255,255,255,.25);border-radius:999px;background:transparent;color:#fff;font:inherit;cursor:pointer}
.project-nav .project-nav__toggle[hidden]{display:none}
.project-nav .project-nav__theme{color:#fff}
.project-nav :is(a,button):focus-visible,.project-footer a:focus-visible{outline:2px solid var(--project-accent);outline-offset:4px}
.project-navigation-page :where(section[id],header[id],main[id],footer[id]){scroll-margin-top:calc(var(--project-nav-height,66px) + 14px)}
.project-footer{position:relative;display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:20px 32px;margin:clamp(30px,6vh,70px) 0 0;padding:clamp(34px,6vh,72px) clamp(16px,3.4vw,54px) calc(34px + env(safe-area-inset-bottom,0px));border:0;border-top:1px solid rgba(255,255,255,.12);background:#0a0a0b;color:rgba(255,255,255,.5);font:400 12px/1.6 Inter,'Helvetica Neue',Helvetica,Arial,sans-serif;letter-spacing:0;text-align:left}
.project-footer .project-footer__links{position:static;inset:auto;z-index:auto;display:flex;flex-wrap:wrap;align-items:baseline;justify-content:flex-start;gap:10px 18px;max-width:760px;margin:0;padding:0;border:0;background:transparent;font:inherit}
.project-footer a{color:rgba(255,255,255,.75);text-decoration:none}
.project-footer a:hover{color:var(--project-accent,#fff)}
.project-footer__credit{white-space:nowrap}
@media(max-width:1199px){.project-nav{gap:14px;flex-wrap:wrap}.project-nav .project-nav__chapters{order:3;flex-basis:100%;flex-wrap:wrap;border-radius:16px}.project-nav.is-ready .project-nav__chapters{display:none}.project-nav.is-ready.is-open .project-nav__chapters{display:flex;max-height:calc(100svh - 110px);overflow-y:auto}.project-nav.is-ready .project-nav__toggle{display:block}.project-nav .project-nav__actions{margin-left:auto;gap:10px}.project-nav .project-nav__link{min-height:44px;padding:13px}}
@media(min-width:1200px){.project-nav.is-ready .project-nav__toggle{display:none}}
@media(max-width:430px){.project-nav{gap:8px}.project-nav .project-nav__brand{font-size:12px;gap:6px}.project-nav .project-nav__all{font-size:10px}.project-nav .project-nav__actions{gap:8px}.project-nav .project-nav__toggle{padding-inline:10px}.project-footer{flex-direction:column}}
@media(prefers-reduced-motion:reduce){.project-nav,.project-nav .project-nav__link{transition:none}}