.services-page { background: #f4f1ea; color: #1c1b1a; }
.services-hero { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(360px, .95fr); gap: 32px; padding: 26px max(32px, calc((100vw - 1240px) / 2)); background: #f47528; color: #fff; }
.services-hero .eyebrow { color: #fff; }
.services-hero .eyebrow span { background: #1c1b1a; }
.services-hero h1 { margin: 14px 0 0; font-size: clamp(39px, 5.7vw, 78px); line-height: .92; letter-spacing: -.06em; }
.services-index { display: grid; align-content: end; grid-template-columns: 1fr 1fr; gap: 8px; }
.services-index a { display: flex; align-items: center; min-height: 50px; padding: 12px 15px; border: 1px solid rgba(255,255,255,.68); background: rgba(28,27,26,.22); color: #fff; font-size: 14px; line-height: 1.35; font-weight: 700; text-decoration: none; text-shadow: 0 1px 6px rgba(0,0,0,.2); }
.services-index a:nth-child(odd) { padding-right: 15px; }
.services-index a:nth-child(even) { padding-left: 15px; }
.service { display: grid; grid-template-columns: minmax(230px, .8fr) minmax(310px, 1.22fr) minmax(215px, .75fr); gap: 30px; padding: 72px max(32px, calc((100vw - 1240px) / 2)); border-bottom: 1px solid #d4cec3; scroll-margin-top: 92px; }
.service h2 { margin: 0 0 23px; color: #1c1b1a; font-size: clamp(27px, 2.8vw, 43px); line-height: .98; letter-spacing: -.055em; }
.service-title p { margin: 0 0 9px; color: #4d4945; font-size: 12px; line-height: 1.5; }
.service-content { font-size: 14px; line-height: 1.72; }
.service-content p { margin: 0 0 15px; }
.service-content ul { margin: 0; padding-left: 18px; }
.service figure { min-height: 200px; margin: 0; background: #ddd5c9; overflow: hidden; }
.service figure img { width: 100%; height: 100%; min-height: 200px; object-fit: cover; display: block; }
.medical-director { padding: 35px max(32px, calc((100vw - 1240px) / 2)); background: #1c1b1a; color: #fff; font-size: 13px; font-weight: 600; }
.medical-director p { margin: 0; }
@media (max-width: 900px) { .services-hero { grid-template-columns: 1fr; padding-top: 24px; padding-bottom: 24px; } .service { grid-template-columns: minmax(0, 1fr); gap: 22px; } .service-content, .service figure { grid-column: auto; } .service figure { max-height: 310px; } }
@media (max-width: 560px) { .services-hero { padding: 22px; gap: 20px; } .services-hero h1 { font-size: 41px; } .services-index { grid-template-columns: 1fr; } .services-index a, .services-index a:nth-child(odd), .services-index a:nth-child(even) { padding: 12px 0; border-right: 0; } .service { grid-template-columns: minmax(0, 1fr); padding: 50px 22px; gap: 16px; } .service h2 { font-size: 29px; } .service-content { font-size: 13px; } .service figure, .service figure img { min-height: 210px; } .medical-director { padding: 26px 22px; } }