.service-grid{border-top:1px solid var(--color-ink);margin:0;padding:0;list-style:none}.service-card{border-bottom:1px solid var(--color-rule)}.js .service-card{opacity:0}.js .service-grid-visible .service-card{animation:fade-in-up var(--dur-enter) var(--ease-out-expo) both}.service-card-link{color:inherit;transition:background-color var(--dur-fast) var(--ease-standard);grid-template-columns:72px minmax(0,1.15fr) minmax(0,1.25fr) 128px 48px;align-items:center;gap:24px;padding:18px 0;text-decoration:none;display:grid}.service-index{font-family:var(--font-mono);color:var(--color-text-muted);padding-left:4px;font-size:.85rem}.service-card h3{text-transform:uppercase;letter-spacing:0;transition:color var(--dur-fast) var(--ease-standard), translate var(--dur-base) var(--ease-out-expo);margin:0;font-size:clamp(1.5rem,1rem + 1.4vw,2.3rem);font-weight:800;font-stretch:72%;line-height:1}.service-card p{max-width:44ch;color:var(--color-text-muted);margin:0;font-size:.95rem;line-height:1.55}.service-thumb{background:var(--color-stone);width:128px;height:88px;display:block;position:relative;overflow:hidden}.service-thumb img{object-fit:cover;filter:grayscale()contrast(1.05);transition:filter var(--dur-base) var(--ease-standard), transform var(--dur-base) var(--ease-out-expo)}.service-arrow{font-family:var(--font-mono);color:var(--color-ink);transition:transform var(--dur-base) var(--ease-out-expo), color var(--dur-fast) var(--ease-standard);justify-self:end;padding-right:4px;font-size:1.3rem}@media (hover:hover){a.service-card-link:hover{background-color:var(--color-bg-alt)}a.service-card-link:hover h3{color:var(--color-primary);translate:8px}a.service-card-link:hover .service-thumb img{filter:none;transform:scale(1.06)}a.service-card-link:hover .service-arrow{color:var(--color-primary);transform:translate(4px)}}.service-icon{display:none}@media (max-width:1024px){.service-card-link{grid-template-columns:56px minmax(0,1fr) 112px 32px;grid-template-areas:"index title thumb arrow""index text thumb arrow";gap:6px 20px}.service-index{grid-area:index;align-self:start;padding-top:6px}.service-card h3{grid-area:title;align-self:end}.service-card p{grid-area:text;align-self:start}.service-thumb{grid-area:thumb;width:112px;height:80px}.service-arrow{grid-area:arrow}}@media (max-width:640px){.service-card-link{grid-template-columns:minmax(0,1fr) 84px;grid-template-areas:"index thumb""title thumb""text text";column-gap:16px;padding:16px 0 18px}.service-index{padding:0;font-size:.75rem}.service-card h3{font-size:1.6rem}.service-thumb{align-self:start;width:84px;height:64px}.service-arrow{display:none}.service-card p{font-size:.92rem}}
