/* Real project previews. Shared with the existing editorial service layout. */
.case-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;margin-top:40px}.case-card{border:1px solid #cacbc5;background:#faf9f5;color:#14242d;overflow:hidden}.case-card>div{padding:28px}.case-image{display:block;overflow:hidden;border-bottom:1px solid #cacbc5}.case-image img{display:block;width:100%;height:auto;aspect-ratio:1348/926;object-fit:cover;transition:transform .3s}.case-image:hover img{transform:scale(1.025)}.case-card h3{font-family:"Instrument Serif",Georgia,serif;font-weight:400;font-size:36px;line-height:1.1;margin:14px 0}.case-card h3 a{color:inherit;text-decoration:none}.case-card p:not(.service-label){line-height:1.7;font-size:16px;max-width:52ch;margin-bottom:24px}.case-link,.case-more a{color:inherit;text-decoration:underline;text-underline-offset:5px;font-weight:600}.case-link{display:inline-flex;gap:24px}.case-more{margin-top:32px}.case-preview{margin:32px 0 0}.case-preview img{display:block;width:100%;height:auto;border:1px solid #c9cbc5}.case-preview figcaption{font-size:13px;line-height:1.6;margin-top:12px;opacity:.8}.case-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 48px;margin-top:36px}.case-details>div{border-top:1px solid currentColor;padding-top:24px}.case-details h3{font-size:24px;line-height:1.2;margin:0 0 16px}.case-details p{line-height:1.8;max-width:55ch;margin:0}.case-note{font-size:14px;border-left:2px solid currentColor;padding-left:20px;opacity:.85}.case-card a:focus-visible,.case-more a:focus-visible{outline:3px solid #b16b35;outline-offset:4px}@media(max-width:700px){.case-grid,.case-details{grid-template-columns:1fr;gap:24px}.case-card>div{padding:24px}.case-card h3{font-size:32px}}@media(prefers-reduced-motion:reduce){.case-image img{transition:none}.case-image:hover img{transform:none}}
/* Home uses the same scoped shell without inheriting service-page typography. */
body:not(.service-page) .case-grid{max-width:1140px;margin:40px auto 0}body:not(.service-page) .service-section-light:has(.case-grid){background:#f2f0e9;color:#14242d;padding:88px 24px}body:not(.service-page) .service-section-light:has(.case-grid)>.service-shell{max-width:1140px;margin:auto}body:not(.service-page) .service-section-light:has(.case-grid) h2{font-family:"Instrument Serif",Georgia,serif;font-weight:400;font-size:clamp(36px,5vw,60px);line-height:1.1;margin:18px 0}body:not(.service-page) .service-label{font-family:"JetBrains Mono",monospace;font-size:11px;letter-spacing:.1em}

.seo-page .service-prose{margin-top:32px;max-width:80ch}.seo-page .service-section:not(.service-section-light) .service-prose p{color:#b8bdc5}.seo-page .service-faq{display:block;max-width:850px;margin-top:32px}.seo-page .service-section:not(.service-section-light) .service-faq details p{color:#b8bdc5}.seo-page .service-breadcrumb{flex-wrap:wrap}