/* Four experiences: two columns and two rows on desktop and phones. */
body[data-page="services"] .service-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:28px}
body[data-page="services"] .service-card{min-width:0;display:flex;flex-direction:column}
body[data-page="services"] .service-card>.text-link{align-self:flex-start;margin-top:auto;white-space:normal}
@media(max-width:620px){
body[data-page="services"] .service-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 14px;padding-left:20px;padding-right:20px}
body[data-page="services"] .service-card{padding:15px 12px;border-radius:8px}
body[data-page="services"] .service-photo{margin:-15px -12px 16px;height:auto;aspect-ratio:4/3;flex-shrink:0}
body[data-page="services"] .service-photo img{display:block;width:100%;height:100%;object-fit:cover}
body[data-page="services"] .service-number{font-size:8px;letter-spacing:1.5px}
body[data-page="services"] .service-card h2{font-size:22px;line-height:1.15;letter-spacing:-.6px;margin:14px 0 12px;overflow-wrap:normal}
body[data-page="services"] .service-card p{font-size:11px;line-height:1.65}
body[data-page="services"] .service-details{font-size:9px;line-height:1.7;padding-top:14px;margin:16px 0}
body[data-page="services"] .service-card>.text-link{font-size:10px;line-height:1.5;min-height:36px;display:flex;align-items:center;gap:5px;padding-bottom:4px}
body[data-page="services"] .service-card>.text-link .direction-icon{flex-shrink:0}
}
@media(max-width:359px){body[data-page="services"] .service-grid{padding-left:16px;padding-right:16px;gap:16px 10px}body[data-page="services"] .service-card h2{font-size:20px}body[data-page="services"] .service-card p{font-size:10px}}