/* Project context relocated from the homepage, scoped to secondary pages. */
.project-overview{box-sizing:border-box;max-width:1920px;margin:0 auto;padding:clamp(64px,8vw,130px) 0;color:var(--ink);font-family:inherit}
.project-overview *{box-sizing:border-box}
.project-overview h2,.project-overview h3,.project-overview p{margin:0}
.project-overview img{display:block;width:100%;height:100%;object-fit:cover}
.project-overview p{font-size:clamp(16px,1.3vw,20px);line-height:1.5;color:#858580}
.project-overview span,.project-overview small{font-size:13px;line-height:1.5}
.overview-monica{display:grid;grid-template-columns:1fr 2fr;gap:32px}
.project-overview .case-copy h2{font-size:clamp(38px,5vw,80px);font-weight:500;line-height:1;letter-spacing:-.06em;margin:24px 0}
.project-overview .case-bento{display:grid;grid-template-columns:3fr 2fr;gap:12px;align-content:start}
.project-overview .case-image{grid-row:span 2;border-radius:24px;overflow:hidden;margin:0;min-height:320px}
.project-overview .case-fact,.project-overview .case-outcome{background:#fff;color:#0a0a0a;border-radius:24px;padding:24px;display:flex;flex-direction:column;gap:8px}
.project-overview .case-fact{min-height:180px}
.project-overview .case-fact>span{margin-bottom:auto;color:#777}
.project-overview .case-fact strong{font-size:clamp(24px,2.4vw,38px);font-weight:500;line-height:1.1;letter-spacing:-.04em}
.project-overview .case-fact--dark{background:#191919;color:#fff;border:1px solid #333}
.project-overview .case-outcome{grid-column:1/-1;gap:18px}
.project-overview .case-outcome strong{font-size:30px;font-weight:500}
.overview-gryo{padding-left:var(--pad);padding-right:var(--pad)}
.project-overview .section-heading{margin-bottom:40px}
.project-overview .section-heading>div{display:flex;align-items:start;gap:24px}
.project-overview .section-heading h2{font-size:clamp(64px,12vw,180px);line-height:1;letter-spacing:-.075em;font-weight:600;margin-top:20px}
.project-overview .section-heading sup{padding-top:24px;color:#888}
.project-overview .gryo-grid{display:grid;grid-template-columns:3fr 5fr;gap:16px}
.project-overview .gryo-grid>div{background:#0a0a0a;color:white;border-radius:24px;padding:28px}
.project-overview .gryo-grid h3{font-size:clamp(38px,4.8vw,76px);font-weight:500;line-height:1.02;letter-spacing:-.055em;margin-bottom:32px}
.project-overview .gryo-grid>img{border-radius:24px;min-height:100%;aspect-ratio:1.6}
.project-overview .prototype-row{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:32px}
.project-overview .prototype-row article{border:1px solid #ddd;border-radius:24px;padding:24px;display:grid;gap:20px}
.project-overview .prototype-row strong{font-size:26px;font-weight:500;letter-spacing:-.035em}
@media(max-width:900px){.overview-monica{grid-template-columns:1fr}.project-overview .case-copy h2{max-width:800px}.project-overview .gryo-grid{grid-template-columns:1fr}.project-overview .gryo-grid>img{min-height:0;height:auto}}
@media(max-width:600px){.project-overview .case-bento{grid-template-columns:1fr}.project-overview .case-image{grid-row:auto;min-height:0;aspect-ratio:1.5}.project-overview .case-fact{min-height:170px}.project-overview .prototype-row{grid-template-columns:1fr}.project-overview .gryo-grid>div{padding:24px}.project-overview .case-copy h2{font-size:44px}}