/* Illustrated service gallery, scoped to homepage services only. */
#services-section { background: #F4F8FF; padding: 56px 0; scroll-margin-top: 90px; }
#services-section .mf-section-header-flex { align-items: flex-end; margin-bottom: 28px; gap: 20px; }
#services-section .mf-badge-pill { display: inline-flex; width: auto; background: transparent; color: #003DA5; padding: 0; letter-spacing: 2px; font-size: 12px; font-weight: 800; margin-bottom: 10px; }
#services-section .mf-section-title { font-size: clamp(26px,2.5vw,36px); color: #092551; font-weight: 800; line-height: 1.35; }
#services-section .mf-highlight-blue, #services-section .mf-btn-link-arrow { color: #003DA5; }
#services-section .mf-section-subtitle { color: #64748B; font-size: 15px; line-height: 1.6; margin-bottom: 0; }
#services-section .mf-services-cards-grid { grid-template-columns: repeat(4,minmax(0,1fr)); gap: 22px; }
#services-section .mf-service-card-item { min-width: 0; padding: 0 20px 20px; border: 1px solid #E3ECF8; border-radius: 20px; background: #FFF; box-shadow: 0 5px 18px rgba(6,43,111,.04); overflow: hidden; }
#services-section .mf-service-card-item:hover { transform: translateY(-3px); border-color: #A6C5F0; box-shadow: 0 10px 24px rgba(6,43,111,.10); }
#services-section .mf-service-art { flex-shrink: 0; width: calc(100% + 40px); margin: 0 -20px 16px; aspect-ratio: 1 / 1; background-image: url('../../../../assets/images/services/mf-services-atlas-v2.png'); background-size: 400% 200%; background-repeat: no-repeat; }
#services-section .mf-service-art-0 { background-position: 0% 0%; }
#services-section .mf-service-art-1 { background-position: 33.333333% 0%; }
#services-section .mf-service-art-2 { background-position: 66.666667% 0%; }
#services-section .mf-service-art-3 { background-position: 100% 0%; }
#services-section .mf-service-art-4 { background-position: 0% 100%; }
#services-section .mf-service-art-5 { background-position: 33.333333% 100%; }
#services-section .mf-service-art-6 { background-position: 66.666667% 100%; }
#services-section .mf-service-art-7 { background-position: 100% 100%; }
#services-section .mf-service-art + .mf-service-card-top { display: none; }
#services-section .mf-service-title { font-size: 18px; line-height: 1.5; font-weight: 800; color: #092551; margin: 0 0 8px; }
#services-section .mf-service-en { display: none; }
#services-section .mf-service-desc { color: #526682; font-size: 14px; line-height: 1.7; margin: 0 0 18px; }
#services-section .mf-service-card-footer { border: 0; padding: 0; margin-top: auto; }
#services-section .mf-service-action-link { font-size: 14px; font-weight: 700; gap: 12px; color: #003DA5; transform: none; min-height: 36px; }
#services-section .mf-service-arrow { background: #FFC400; color: #062B6F; width: 32px; height: 32px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; }
#services-section a:focus-visible { outline: 3px solid #003DA5; outline-offset: 4px; border-radius: 4px; }
@media (max-width:1023px) { #services-section .mf-services-cards-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media (max-width:767px) {
 #services-section { padding: 36px 0; }
 #services-section .mf-section-header-flex { align-items: flex-start; gap: 12px; }
 #services-section .mf-services-cards-grid { gap: 12px; }
 #services-section .mf-service-card-item { padding: 0 12px 16px; border-radius: 16px; }
 #services-section .mf-service-art { width: calc(100% + 24px); margin: 0 -12px 12px; }
 #services-section .mf-service-title { font-size: 15px; line-height: 1.45; overflow-wrap: anywhere; }
 #services-section .mf-service-desc { font-size: 12px; line-height: 1.65; }
 #services-section .mf-service-action-link { font-size: 12px; gap: 6px; min-height: 44px; }
 #services-section .mf-service-arrow { width: 26px; height: 26px; }
}
@media (prefers-reduced-motion:reduce) { #services-section .mf-service-card-item { transition: none; } #services-section .mf-service-card-item:hover { transform: none; } }