.service-lead { background: #fff; }
.service-lead-grid { display: grid; grid-template-columns: 1.1fr .9fr; gap: 10%; align-items: end; }
.service-lead h2, .service-detail h2, .service-note h2 { margin: 0; color: var(--navy); font-family: 'Noto Serif JP', serif; font-size: clamp(27px, 3.4vw, 42px); font-weight: 600; letter-spacing: .06em; line-height: 1.6; }
.service-lead-grid > p { margin: 0; }
.service-detail { padding: 0; background: var(--pale); }
.service-detail-reverse { background: #fff; }
.service-detail-grid { display: grid; grid-template-columns: 10% 1fr .85fr; min-height: 490px; align-items: center; gap: 6%; }
.detail-number { align-self: start; padding-top: 72px; color: var(--blue); font-size: 12px; letter-spacing: .15em; }
.service-detail-copy { padding: 75px 0; }
.service-detail-copy h2 { margin-bottom: 27px; }
.service-detail-copy p:not(.section-kicker) { margin: 17px 0 0; }
.service-detail-copy .text-link { display: inline-block; margin-top: 34px; }
.service-detail-image { align-self: stretch; min-height: 340px; }
.service-detail-image img { display: block; width: 100%; height: 100%; object-fit: cover; }
.service-note { background: var(--navy); color: #edf4f5; }
.service-note .section-kicker { color: #9cc5d5; }
.service-note h2 { color: #fff; }
.service-note p:not(.section-kicker) { max-width:600px; margin: 25px 0 0; }
.business-hours { margin: 13px 0 0; font-size: 13px; }
@media(max-width:720px) { .service-lead-grid { grid-template-columns: 1fr; gap: 22px; } .service-lead h2 br, .service-note h2 br { display: none; } .service-detail-grid { grid-template-columns: 1fr; gap: 0; padding: 0; } .detail-number { padding: 37px 0 0; } .service-detail-copy { padding: 12px 0 36px; } .service-detail-copy h2 { margin-bottom: 18px; } .service-detail-image { min-height: 230px; } .service-detail-image img { min-height: 230px; } }