/* Home services: approved photo cards. Existing CMS content and URLs stay editable. */
#services {background:#f4f5f5;padding-block:48px}
#services #services-title {text-align:left;margin:0 0 12px}
#services .services-section-intro {margin:0 0 28px;max-width:740px;color:#625e70;font-size:18px;line-height:1.5;font-weight:400}
#services .services.service-photo-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;text-align:left}
#services .service-photo-card {min-width:0;max-width:none;width:100%;margin:0;background:#fff;border-radius:18px;box-shadow:0 3px 15px rgba(30,30,40,.05);transition:box-shadow .18s ease,transform .18s ease}
#services .service-photo-card:hover {box-shadow:0 8px 24px rgba(30,30,40,.1);transform:translateY(-3px)}
#services .services .service-card-link {display:flex;flex-direction:column;height:100%;min-width:0;border:0;border-radius:18px;background:#fff;color:#29282e;text-decoration:none;overflow:hidden;font-weight:400}
#services .services .service-card-link:focus-visible {outline:3px solid #3c2b99;outline-offset:4px}
#services .services .service-card-link>img {display:block;width:100%;aspect-ratio:1.5;height:auto;object-fit:cover;object-position:center;border:0;padding:0;margin:0;border-radius:0}
#services .service-card-copy {display:flex;flex-direction:column;flex:1;min-width:0;padding:24px}
#services .service-card-copy h3 {margin:0 0 12px;color:#29282e;font-size:23px;line-height:1.3;letter-spacing:-.2px;font-weight:700}
#services .service-card-copy .service-description {margin:0;color:#625e70;font-size:16px;line-height:1.5;font-weight:400;text-align:left}
#services .services .service-card-link span {text-decoration:none}
#services .service-card-more {display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:auto;padding-top:24px;color:#3c2b99;font-size:16px;line-height:1.4;font-weight:700}
#services .service-card-more .ui-icon,#services .service-prices-link .ui-icon {display:block;width:20px;height:20px;flex:none}
#services .services-section-foot {display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 24px;margin-top:28px;padding-top:22px;border-top:1px solid #dedee5;color:#625e70;font-size:16px;line-height:1.5}
#services .services-section-foot p {margin:0;font-size:inherit;line-height:inherit;font-weight:400}
#services .service-prices-link {display:inline-flex;align-items:center;gap:10px;min-height:40px;color:#3c2b99;font-size:16px;line-height:1.4;font-weight:700;text-decoration:none}
#services .service-prices-link:hover {text-decoration:underline;text-underline-offset:4px}
@media(max-width:1000px) {
  #services .services.service-photo-grid {gap:18px}
  #services .service-card-copy {padding:20px}
  #services .service-card-copy h3 {font-size:21px}
}
@media(max-width:750px) {
  #services {padding-block:34px}
  #services .services-section-intro {font-size:16px;margin-bottom:22px}
  #services .services.service-photo-grid {grid-template-columns:1fr;gap:16px}
  #services .services .service-card-link {display:grid;grid-template-columns:112px minmax(0,1fr);gap:18px;padding:18px;align-items:start}
  #services .services .service-card-link>img {border-radius:10px}
  #services .service-card-copy {padding:0}
  #services .service-card-copy h3 {font-size:20px;letter-spacing:0;margin-bottom:8px}
  #services .service-card-copy .service-description {font-size:15px}
  #services .service-card-more {font-size:15px;padding-top:16px}
  #services .services-section-foot {font-size:14px;margin-top:22px;padding-top:18px}
  #services .service-prices-link {font-size:15px}
}
@media(max-width:420px) {
  #services .services .service-card-link {grid-template-columns:92px minmax(0,1fr);gap:14px;padding:15px}
  #services .service-card-copy h3 {font-size:18px}
  #services .service-card-copy .service-description {font-size:14px;line-height:1.5}
}
@media(max-width:360px) {
  #services .services .service-card-link {grid-template-columns:76px minmax(0,1fr);gap:12px;padding:13px}
  #services .service-card-copy h3 {font-size:17px}
}
@media(prefers-reduced-motion:reduce) {
  #services .service-photo-card {transition:none}
  #services .service-photo-card:hover {transform:none}
}
