.service-hero { max-width: 970px; }
.service-hero h1 { font-size: clamp(36px, 6vw, 76px); }
.service-breadcrumb { margin-bottom: 36px; font-size: 12px; color: #526369; }
.service-breadcrumb a { text-decoration: underline; text-underline-offset: 4px; }
.service-area { max-width: 650px; line-height: 1.7; margin: 20px 0 26px; }
.service-body { display: grid; grid-template-columns: minmax(0, 1fr) 320px; gap: 64px; padding-bottom: 64px; }
.service-body article { min-width: 0; }
.service-photo { margin: 24px 0 0; align-self: start; }
.service-photo img { display: block; width: 100%; height: auto; border-radius: 4px; }
.service-photo figcaption { font-size: 12px; line-height: 1.6; color: #526369; margin-top: 14px; }
.related-services { display: flex; flex-direction: column; gap: 8px; margin-bottom: 24px; }
.related-services a { display: block; min-height: 44px; padding: 10px 0; }
@media (max-width: 760px) { .service-body { grid-template-columns: 1fr; gap: 16px; } .service-photo { grid-row: 1; } .service-photo img { max-height: 450px; object-fit: cover; } }