
.detail-hero{padding-block:48px 72px;border-bottom:1px solid #d8ddda}
.breadcrumbs{display:flex;flex-wrap:wrap;gap:10px;font-size:11px;color:#586567;margin-bottom:50px}
.breadcrumbs a{text-decoration:underline;text-underline-offset:4px}
.detail-hero h1{font-size:clamp(38px,4.65vw,66px);max-width:1040px;letter-spacing:-2.5px;line-height:1.1;margin:22px 0 28px}
.detail-intro{max-width:760px;font-size:18px;line-height:1.7;color:#475658}
.detail-meta{display:flex;flex-wrap:wrap;gap:8px 24px;font-size:11px;margin-top:30px;color:#586567}
.detail-columns{display:grid;grid-template-columns:.78fr 1.22fr;gap:80px;padding-block:76px;border-bottom:1px solid #d8ddda}
.detail-columns h2{font-size:clamp(29px,3vw,40px);max-width:350px;margin-top:14px}
.detail-items{display:grid;gap:30px;min-width:0}.detail-items h3{font-size:20px;line-height:1.3;margin-bottom:10px}.detail-items p{color:#475658;font-size:15px;max-width:65ch}
.detail-items article+article{border-top:1px solid #d8ddda;padding-top:26px}
.detail-case{display:grid;grid-template-columns:1.1fr 1fr;gap:48px;align-items:center;padding-block:76px}
.detail-case img{width:100%;border:1px solid #d8ddda}.detail-case h2{font-size:34px;margin:16px 0}.detail-case p{margin-bottom:20px;color:#475658}
.case-feature{display:grid;grid-template-columns:1.2fr .8fr;gap:52px;align-items:center;padding-block:64px;border-bottom:1px solid #d8ddda}
.case-feature img{width:100%;border:1px solid #d8ddda}.case-feature figcaption{font-size:11px;color:#586567;margin-top:12px;line-height:1.6}
.case-feature h2{font-size:30px;margin-bottom:20px}.case-feature ul{padding-left:20px;line-height:1.8;color:#475658}.case-feature .project-links{flex-wrap:wrap}
.related-services{padding-block:52px;border-top:1px solid #d8ddda}.related-services h2{font-size:24px;letter-spacing:-.7px;margin-bottom:20px}.related-services ul{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:16px 32px}
.related-services a{font-size:13px;text-decoration:underline;text-underline-offset:5px}.detail-author{font-size:12px;color:#586567;margin-bottom:50px}.detail-author a{text-decoration:underline}
.service-page-link{display:inline-flex;align-items:center;gap:12px;font-size:12px;text-decoration:underline;text-underline-offset:5px;margin-top:15px}
.home-service-links{display:flex;flex-wrap:wrap;gap:12px 26px;margin-top:28px}.home-service-links a{font-size:12px;text-decoration:underline;text-underline-offset:5px}
@media(max-width:800px){.detail-columns{gap:38px}.detail-case,.case-feature{gap:28px}.detail-hero h1{letter-spacing:-1.6px}.detail-intro{font-size:16px}}
@media(max-width:600px){.detail-hero{padding-block:28px 42px}.breadcrumbs{margin-bottom:34px;font-size:10px}.detail-hero h1{font-size:38px;letter-spacing:-1.7px}.detail-columns{grid-template-columns:1fr;gap:30px;padding-block:48px}.detail-columns h2{max-width:none}.detail-case,.case-feature{grid-template-columns:1fr;padding-block:46px}.detail-case h2{font-size:30px}.detail-meta{gap:8px}.related-services ul{display:grid;gap:20px}.detail-items h3{font-size:19px}}
