.services-grid{grid-template-columns:1fr;grid-auto-flow:dense;gap:2rem;display:grid}.service-card{border:1px solid var(--color-border);background:var(--color-surface);word-wrap:break-word;flex-direction:column;justify-content:space-between;height:100%;min-height:400px;padding:3rem 2rem;transition:all .4s cubic-bezier(.165,.84,.44,1);display:flex;position:relative;overflow:hidden}.service-card:hover{border-color:var(--color-fg);background:var(--color-surface-hover);z-index:10}.service-icon-wrapper{opacity:.5;margin-bottom:2rem;transition:opacity .3s}.service-card:hover .service-icon-wrapper{opacity:1}.service-id{color:var(--color-fg-muted);opacity:.5;font-family:monospace;font-size:.8rem;position:absolute;top:2rem;right:2rem}.service-card-title{margin-bottom:1.5rem;font-size:1.75rem;font-weight:300}.service-desc{color:var(--color-fg-muted);max-width:500px;margin-bottom:3rem;font-size:.95rem;line-height:1.6}.service-tags{text-transform:uppercase;letter-spacing:.1em;color:var(--color-fg-muted);border-top:1px solid var(--color-border);margin-top:auto;padding-top:1.5rem;font-size:.75rem}@media (min-width:768px){.services-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.services-grid{grid-template-columns:repeat(3,1fr);grid-auto-rows:400px}.col-span-2{grid-column:span 2}.row-span-2{grid-row:span 2}}