/* Photographic treatment of the existing specialties section. */
.services-section { padding: 72px 0; }
.services-section .section-header { max-width: 760px; margin-bottom: 36px; }
.services-section h2 { font-size: clamp(1.6rem, 2.5vw, 2rem); line-height: 1.3; }
.services-section .section-sub { margin-top: 14px; color: #526078; font-weight: 400; }
.services-section .service-grid { gap: 22px; }
.services-section .service-card {
  padding: 0 0 26px;
  overflow: hidden;
  border: 1px solid #dfe4eb;
  border-radius: 14px;
  background: #fff;
  text-align: left;
  transition: border-color .2s ease;
}
.services-section .service-card:hover { transform: none; box-shadow: none; border-color: #b7a17b; }
.service-photo { aspect-ratio: 4 / 3; overflow: hidden; background: #eeede9; margin-bottom: 22px; }
.service-photo img { display: block; width: 100%; height: 100%; object-fit: cover; }
.services-section .service-card h3 { padding: 0 22px; font-size: 1.25rem; line-height: 1.35; margin-bottom: 10px; }
.services-section .service-card p { padding: 0 22px; margin: 0; max-width: none; color: #526078; font-weight: 400; font-size: .9rem; line-height: 1.7; }
.services-caption { margin-top: 20px; color: #606b7d; font-size: .75rem; font-weight: 400; text-align: center; }
.feature-section { padding: 72px 0; background: #f1f3f6; }
.feature-section .section-header { margin-bottom: 36px; }
.feature-section h2 { font-size: clamp(1.6rem, 2.5vw, 2rem); line-height: 1.3; }
.feature-section .feature-grid { gap: 22px; margin-top: 0; }
.feature-section .feature-item {
  padding: 0 0 26px;
  border: 1px solid #dfe4eb;
  border-radius: 14px;
  background: #fff;
  text-align: left;
  box-shadow: none;
  transition: border-color .2s ease;
}
.feature-section .feature-item::before { display: none; }
.feature-section .feature-item:hover { transform: none; box-shadow: none; border-color: #b7a17b; }
.feature-section .feature-item h3 { font-family: var(--font-display); font-weight: 600; padding: 0 22px; font-size: 1.25rem; line-height: 1.35; margin-bottom: 10px; color: var(--navy); }
.feature-section .feature-item p { padding: 0 22px; color: #526078; font-weight: 400; font-size: .9rem; line-height: 1.7; }
@media (max-width: 700px) {
  .feature-section { padding: 48px 0; }
  .feature-section .feature-grid { max-width: 440px; margin-inline: auto; }
  .services-section { padding: 48px 0; }
  .services-section .service-grid { max-width: 440px; margin-inline: auto; }
}