@layer components{.services__grid{flex-direction:column;gap:4rem;display:flex}.services__top{grid-template-columns:1fr 1fr;align-items:start;gap:5rem;display:grid}.services__intro-body{color:var(--color-ink)}.services__list{grid-template-columns:1fr 1fr;gap:3rem 4rem;display:grid}.service-teaser{position:relative}.service-teaser__icon{width:8rem;height:8rem;margin-block-end:1.5rem}@keyframes service-icon-in{0%{opacity:0;transform:translateY(4rem)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:no-preference){:where(html.js) .service-teaser__icon{opacity:0}:where(html.js) .service-teaser.is-revealed .service-teaser__icon{animation:service-icon-in .8s var(--ease-out-expo) both}:where(html.js) .services__list li:nth-child(2) .service-teaser.is-revealed .service-teaser__icon,:where(html.js) .services__list li:nth-child(4) .service-teaser.is-revealed .service-teaser__icon{animation-delay:.1s}}.service-teaser__icon svg{transition:transform .3s}.service-teaser:hover .service-teaser__icon svg{transform:scale(1.05)}.service-teaser__heading,.service-teaser__body{margin-block-end:1.125rem}.service-teaser .more-link:after{content:"";z-index:1;position:absolute;inset:0}@media (width<=64rem){.services__top{grid-template-columns:1fr;gap:3rem}.services__top>.testimonial{margin-block-start:2rem}.services__list{grid-template-columns:1fr}}}