/* A readable type scale for the current project directory. */
.projects-page{--directory-label:14px}
.projects-page .projects-hero{padding-block:64px 46px}
.projects-page .projects-hero h1{font-size:clamp(36px,4vw,50px);line-height:1.16;letter-spacing:-1.8px;margin-block:20px}
.projects-page .projects-intro{font-size:17px;line-height:1.75;max-width:650px}
.projects-page .eyebrow,.projects-page .project-list-identity>.mono{font-family:var(--sans);font-size:var(--directory-label);text-transform:none;letter-spacing:0;line-height:1.65}
.projects-page .project-list-row{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:48px;padding-block:36px}
.projects-page .project-list-number{display:none}
.projects-page .project-list-identity h2{font-size:28px;line-height:1.3;letter-spacing:-.6px}
.projects-page .project-list-identity>.mono{margin-bottom:10px}
.projects-page .project-list-body>p{font-size:16px;line-height:1.75}
.projects-page .project-list-tags span{font-family:var(--sans);font-size:13px;padding:5px 9px}
.projects-page .project-site-link,.projects-page .project-detail-link{font-size:15px}
.projects-page .site-nav a,.projects-page .nav-cta,.projects-page .language-switch,.projects-page .menu-toggle{font-size:14px}
.projects-page .projects-contact h2{font-size:32px;letter-spacing:-.8px}
.projects-page .projects-contact p{font-size:16px}
.projects-page .button{font-size:15px}
.projects-page .footer-main>p,.projects-page .footer-bottom,.projects-page .footer-bottom p{font-size:13px;letter-spacing:0}
@media(max-width:760px){.projects-page .projects-hero{padding-block:44px 34px}.projects-page .projects-hero h1{font-size:38px}.projects-page .projects-intro{font-size:16px}.projects-page .project-list-row{grid-template-columns:1fr;gap:16px;padding-block:30px}.projects-page .project-list-body{grid-column:auto}.projects-page .project-list-identity h2{font-size:26px}.projects-page .projects-contact h2{font-size:28px}.projects-page .footer-main{flex-wrap:wrap}.projects-page .footer-main>p{max-width:none;text-align:left}.projects-page .footer-bottom{align-items:flex-start;flex-wrap:wrap}}

/* Keep project details readable within the restored dark visual system. */
.project-page .case-hero h1{font-size:clamp(36px,5vw,64px);letter-spacing:-.045em}
.project-page .case-intro>p,.project-page .case-overview-body>p{font-size:16px}
.project-page .case-kicker,.project-page .case-section-label,.project-page .case-section-heading>.eyebrow{font-size:14px;letter-spacing:0;text-transform:none}
.project-page .case-tags span{font-size:13px}.project-page .case-website>span{font-size:14px}.project-page .case-website>.button{font-size:15px}
.project-page .feature-item p,.project-page .engineering-item p{font-size:15px}
.project-page .demo-tabs button,.project-page .demo-play,.project-page .demo-checks li{font-size:14px}
.project-page .demo-narrative>p:not(.mono){font-size:16px}
@media(max-width:760px){.project-page .case-hero h1{font-size:40px}.project-page .case-intro>p,.project-page .case-overview-body>p{font-size:16px}.project-page .feature-grid{grid-template-columns:1fr}.project-page .demo-tabs{width:100%}.project-page .walkthrough-controls{flex-wrap:wrap}.project-page .demo-play{margin-left:auto}.project-page .demo-tabs button{font-size:13px}}
