body[data-project="ecogo"]{--project-ink:#274b3c;--project-tint:#eaf0e6}
body[data-project="supplier-platform"]{--project-ink:#173b63;--project-tint:#edf2f8}
body[data-project="her-day"]{--project-ink:#51483e;--project-tint:#f1ebe3}
body[data-project="screen"]{--project-ink:#1e5260;--project-tint:#e9f1f3}
body[data-project="login"]{--project-ink:#31598a;--project-tint:#edf2f8}
body[data-project="system"]{--project-ink:#31598a;--project-tint:#edf2f8}
body[data-project="company"]{--project-ink:#183f66;--project-tint:#eaf0f6}
body[data-project="inspection"]{--project-ink:#2854ad;--project-tint:#edf1fa}
body[data-project="silent-cry"]{--project-ink:#8d2841;--project-tint:#f8edf0}
body[data-project="find-it"]{--project-ink:#526634;--project-tint:#eff3e8}
body[data-project="havenlens"]{--project-ink:#4c5378;--project-tint:#f0f0f7}
body[data-project="riverside-park"]{--project-ink:#4a654f;--project-tint:#edf2eb}
body[data-project="beilei-community"]{--project-ink:#895b36;--project-tint:#f5eee5}
.case-page:not(.folder-navigation) .chapter-navigation{background:var(--project-tint,#f4f4f4);border:0}
.case-page:not(.folder-navigation) .chapter-navigation a{color:var(--project-ink,#313131)}
.case-page:not(.folder-navigation) .chapter-navigation a:is(:hover,:focus-visible,[aria-current="location"],:active){background:var(--project-ink,#313131);color:#fff}
.case-page:not(.folder-navigation) .chapter-navigation a:focus-visible{outline:0;box-shadow:none;text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:2px}
.case-page:not(.folder-navigation) .home-button{background:var(--project-ink,#313131);border:0;color:#fff}
.case-page:not(.folder-navigation) .home-button:hover{background:color-mix(in srgb,var(--project-ink,#313131) 85%,black)}
/* Simple chapter navigation for the selected cases; retain their project tokens. */
.folder-navigation .case-navigation{padding-block:12px;background:var(--bg)}
.folder-navigation .case-navigation-inner{align-items:center;gap:24px;min-height:52px}
.folder-navigation .chapter-navigation{background:transparent;border:0;padding:0;gap:4px;border-radius:0;min-height:52px;scroll-padding-inline:8px}
.folder-navigation .chapter-navigation a{position:relative;isolation:isolate;min-height:48px;padding:10px 14px;color:var(--project-ink);font-size:14px;line-height:24px;font-weight:500;border-radius:8px;background:transparent;transition:color 180ms ease}
.folder-navigation .chapter-navigation a::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--project-tint);opacity:0;transition:opacity 180ms ease;border-radius:6px}
.folder-navigation .chapter-navigation a[aria-current="location"]{font-weight:600;color:var(--project-ink);background:transparent}
.folder-navigation .chapter-navigation a[aria-current="location"]::before{background:color-mix(in srgb,var(--project-ink) 13%,white);opacity:1}
.folder-navigation .chapter-navigation a:is(:hover,:focus-visible)::before{opacity:1}
.folder-navigation .chapter-navigation a:focus-visible,.folder-navigation .home-button:focus-visible{outline:2px solid var(--project-ink);outline-offset:-2px;box-shadow:none;text-decoration:none}
.folder-navigation .home-button{flex:none;width:48px;height:48px;min-width:48px;min-height:48px;padding:12px;gap:0;border:0;border-radius:10px;background:color-mix(in srgb,var(--project-tint) 55%,white);color:var(--project-ink);font-size:14px;line-height:24px;transition:background-color 180ms ease}
.folder-navigation .home-button>span[aria-hidden]{font-size:22px;transition:transform 180ms ease}
.folder-navigation .home-button:hover{background:var(--project-tint);color:var(--project-ink)}
.folder-navigation .home-button:is(:hover,:focus-visible)>span[aria-hidden]{transform:translateX(-3px)}
.folder-navigation main>section[id]{scroll-margin-top:calc(var(--case-nav-height) + 24px)}
@media(max-width:47.99rem){.folder-navigation .case-navigation-inner{gap:12px}.folder-navigation .home-button{width:48px;padding:12px}.folder-navigation .chapter-navigation{flex:1}.folder-navigation .chapter-navigation a{padding-inline:12px}.folder-navigation .home-text{display:none}}
@media(prefers-reduced-motion:reduce){.folder-navigation .home-button,.folder-navigation .home-button>span[aria-hidden],.folder-navigation .chapter-navigation a,.folder-navigation .chapter-navigation a::before{transition:none}.folder-navigation .home-button:is(:hover,:focus-visible)>span[aria-hidden]{transform:none}}
.nav a{position:relative;border-radius:999px}.nav a::after{content:"";position:absolute;left:50%;bottom:5px;width:22px;height:3px;border-radius:999px;background:var(--accent);transform:translateX(-50%);opacity:0;transition:opacity 140ms ease}.nav a:is(:hover,:focus-visible){background:transparent;color:var(--text);text-decoration:none}.nav a:is(:hover,:focus-visible)::after{opacity:1}
body:not(.case-page) .section-label h2,#contact>h2,.about h2{width:fit-content;max-width:100%;font-weight:600;background:linear-gradient(transparent 58%,var(--accent) 58%,var(--accent) 88%,transparent 88%) left bottom/3.6em 1.4em no-repeat}
.section-label>.caption,.story-kicker:lang(en),.eco-kicker:lang(en){letter-spacing:.06em}
/* Overview: name, one clear proposition, then supporting context and contribution. */
.project-introduction{min-width:0}.project-introduction .intro-category{font-size:14px;line-height:1.7;color:var(--project-ink,#595959);margin:0 0 20px;letter-spacing:0}
.case-page .project-introduction h1{font-size:clamp(36px,3.8vw,54px);line-height:1.2;font-weight:600;color:var(--project-ink,#222);margin:0 0 22px;letter-spacing:0;text-wrap:balance}
.case-page .project-introduction .project-lead{font-size:clamp(23px,2vw,28px);line-height:1.55;font-weight:500;color:var(--text);margin:0 0 20px;max-width:28em;text-wrap:balance}
.project-introduction .intro-summary{font-size:17px;line-height:1.85;color:#595959;max-width:32em;margin:0}
.case-page .project-introduction .intro-facts{display:grid;grid-template-columns:1fr;gap:18px;margin-top:28px;padding-top:24px;border-top:1px solid var(--border-subtle)}
.intro-facts dt{font-size:13px;color:#656565;margin-bottom:5px}.intro-facts dd{font-size:16px;line-height:1.75;color:#333}
.case-head .project-introduction,.herday-page .story-hero>.project-introduction{display:grid;grid-template-columns:1fr 1fr;gap:0 64px;align-items:start}
.case-head .intro-category,.herday-page .story-hero>.project-introduction .intro-category{grid-column:1/-1}
.case-head .project-introduction h1,.herday-page .story-hero>.project-introduction h1{grid-column:1;grid-row:2}
.case-head .project-lead,.herday-page .story-hero>.project-introduction .project-lead{grid-column:1;grid-row:3}
.case-head .intro-summary,.herday-page .story-hero>.project-introduction .intro-summary{grid-column:2;grid-row:2;margin-top:4px}
.case-head .project-introduction .intro-facts,.herday-page .story-hero>.project-introduction .intro-facts{grid-column:2;grid-row:3;margin-top:24px}
@media(max-width:63.99rem){.case-head .project-introduction,.herday-page .story-hero>.project-introduction{gap:0 32px}}
@media(max-width:47.99rem){.case-head .project-introduction,.herday-page .story-hero>.project-introduction{display:block}.case-page .project-introduction h1{font-size:36px;margin-bottom:18px}.case-page .project-introduction .project-lead{font-size:24px;margin-bottom:18px}.project-introduction .intro-summary{font-size:16px}.project-introduction .intro-category{margin-bottom:16px}.case-page .project-introduction .intro-facts{margin-top:24px;padding-top:20px;gap:16px}.intro-facts dd{font-size:15px}}
@media(prefers-reduced-motion:no-preference){
 [data-reveal="pending"]{opacity:0;transform:translate3d(0,22px,0);transition:none}
 [data-reveal="pending"][data-reveal-kind="surface"]{transform:translate3d(0,12px,0)}
 [data-reveal="shown"]{opacity:1;transform:none;transition:opacity 620ms ease-out,transform 620ms cubic-bezier(.2,.7,.2,1)}
}
@media(prefers-reduced-motion:reduce){[data-reveal]{opacity:1;transform:none;transition:none}}