/* Original product identities stay readable throughout each chapter. */
.project-copy h3.project-brand{display:flex;align-items:center;gap:13px;min-width:0;max-width:100%;height:60px;flex:none;margin:0 0 22px;padding:0;line-height:1;letter-spacing:-.04em}
.project-brand img{display:block;object-fit:contain;object-position:left center;max-width:100%;user-select:none}
.project-brand .project-app-icon{width:56px;height:56px;flex:none;border-radius:12px;box-shadow:0 5px 12px #00000014}
.project-brand-name{font-size:1.8rem;white-space:nowrap;font-weight:650}
.brand-namely .project-brand-name{font-size:2.3rem;font-weight:750;letter-spacing:-.065em}
.brand-namely-dot{color:#ee6038}
.project-copy h3.brand-herzzentrum{width:264px;height:88px;background:#fff;border-radius:7px;padding:8px 14px;border:1px solid #163c3d0d}
.project-brand.brand-herzzentrum .project-wordmark{width:100%;height:100%;object-position:center}
.project-campercore .project-copy h3.project-brand img{width:236px;height:56px}
.project-brand.brand-terracare .project-wordmark{width:230px;height:58px}
.project-copy h3.brand-flambini{width:218px;height:66px;padding:10px 15px;background:#24231f;border-radius:6px}
.project-brand.brand-flambini .project-wordmark{width:100%;height:100%;object-position:center}
/* Keep the existing navigation height: the story pins beneath its lower edge. */
.showcase-navigation a{height:44px;min-height:44px;padding:5px 12px;gap:8px}
.showcase-navigation a[aria-current]{background:#e4eadb;color:var(--ink);box-shadow:inset 0 0 0 1px #bdcba9}
.showcase-navigation a>.project-nav-brand{display:flex;align-items:center;justify-content:center;gap:7px;height:32px;opacity:1;font-size:.75rem;line-height:1;font-weight:600}
.project-nav-brand img{display:block;height:26px;width:102px;object-fit:contain;flex:none}
.project-nav-app img{width:25px;height:25px;border-radius:6px}
.project-nav-app .nav-namely-name{font-size:1rem;font-weight:750;letter-spacing:-.055em}
.nav-namely-name>span{color:#ee6038}
.project-nav-herzzentrum{padding:2px 6px;background:#fff;border-radius:4px}
.project-nav-herzzentrum img{height:28px;width:86px}
.project-nav-campercore img{width:116px}
.project-nav-terracare img{width:110px}
.project-nav-flambini{padding:4px 10px;background:#24231f;border-radius:4px}
.project-nav-flambini img{width:85px;height:24px}
@media(min-width:1001px) and (max-height:760px){
 .project-copy{padding-top:20px;padding-bottom:20px}
 .project-copy .project-kicker{margin-bottom:10px}
 .project-copy h3.project-brand{height:46px;margin-bottom:15px}
 .project-brand .project-app-icon{width:44px;height:44px;border-radius:10px}
 .project-brand-name{font-size:1.55rem}
 .brand-namely .project-brand-name{font-size:2rem}
 .project-copy h3.brand-herzzentrum{width:228px;height:76px;padding:5px 10px}
 .project-campercore .project-copy h3.project-brand img{width:210px;height:46px}
 .project-brand.brand-terracare .project-wordmark{width:198px;height:46px}
 .project-copy h3.brand-flambini{width:185px;height:54px;padding:8px 14px}
 .project-copy .project-statement{font-size:2rem;margin-bottom:14px}
 .project-copy .project-description{margin-bottom:16px}
 .project-copy .project-milestones{margin-bottom:14px}
}
@media(max-width:1100px){
 .showcase-navigation a{padding-inline:9px;gap:6px}
 .project-brand-name{font-size:1.5rem}
 .project-copy h3.project-brand{gap:11px}
}
@media(max-width:700px){
 .showcase-navigation a{height:44px;min-height:44px;padding:5px 11px}
 .showcase-navigation a>.project-nav-brand{display:flex;font-size:.75rem;opacity:1}
 .showcase-navigation a>.project-nav-number{display:none}
 .project-copy h3.project-brand{height:58px;margin-bottom:20px;gap:12px}
 .project-brand .project-app-icon{width:50px;height:50px;border-radius:11px}
 .project-brand-name{font-size:1.7rem}
 .brand-namely .project-brand-name{font-size:2.2rem}
 .project-copy h3.brand-herzzentrum{height:88px;width:264px}
 .project-copy h3.brand-flambini{height:64px;width:211px}
 .project-campercore .project-copy h3.project-brand img{width:230px;height:55px}
 .project-brand.brand-terracare .project-wordmark{width:224px;height:56px}
}
@media(max-width:380px){
 .project-copy h3.project-brand{gap:10px}
 .project-brand-name{font-size:1.5rem}
 .brand-namely .project-brand-name{font-size:2rem}
 .project-brand .project-app-icon{width:46px;height:46px;border-radius:10px}
}