.service-grid-section{background:#000;padding:10rem 0;position:relative}.service-grid-section .section-title{color:#fff}.services-container{grid-template-columns:repeat(12,1fr);gap:1.5rem;display:grid}.service-card{background:var(--bg-card);min-height:320px;transition:var(--transition);flex-direction:column;grid-column:span 4;display:flex;position:relative;overflow:hidden}.service-image{flex:1;width:100%;position:relative;overflow:hidden}.service-image:after{content:"";background:linear-gradient(#0000,#0006);position:absolute;inset:0}.service-image img{object-fit:cover;width:100%;height:100%;transition:transform 1s cubic-bezier(.16,1,.3,1)}.service-card:hover .service-image img{transform:scale(1.1)}.service-info{background:var(--bg-card);transition:var(--transition);padding:1.75rem 1.5rem 1.25rem}.service-card:hover .service-info{background:var(--bg-card-alt)}.service-info h3{color:var(--text-on-light);letter-spacing:-.04em;margin-bottom:.5rem;font-size:1.4rem;font-weight:800}.service-info p{color:#4b5563;max-width:100%;margin-bottom:1.25rem;font-size:.85rem;line-height:1.4}.learn-more{color:var(--text-on-light);transition:var(--transition);opacity:.8;align-items:center;gap:.75rem;font-size:.9rem;font-weight:700;display:flex}.learn-more svg{color:var(--primary);transition:var(--transition)}.service-card:hover .learn-more{opacity:1;gap:1rem}@media (max-width:1024px){.service-card{grid-column:span 6}}@media (max-width:768px){.services-container{gap:1rem}.service-card{grid-column:span 12;height:400px}.service-info{padding:1.5rem}.service-info h3{font-size:1.5rem}}