.services-tiles{padding:64px 0;background:var(--color-background);color:var(--color-primary)}.services-tiles__heading{margin:0;text-align:center;font-size:36px;line-height:40px;font-weight:400;color:var(--color-primary)}.services-tiles__subheading{margin:17px auto 48px;font-size:20px;font-weight:400;line-height:28px;color:var(--color-primary);max-width:720px}.services-tiles__grid{display:grid;gap:28px;grid-template-columns:1fr}@media (min-width: 750px){.services-tiles__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.services-tiles__card{border-radius:14px;overflow:hidden;background:rgb(var(--color-background));border:1px solid rgb(var(--color-foreground) / .1);box-shadow:0 10px 26px #00000014;display:flex;flex-direction:column;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.services-tiles__card:hover{transform:translateY(-2px);box-shadow:0 14px 34px #0000001a;border-color:rgb(var(--color-foreground) / .14)}.services-tiles__media{position:relative;width:100%;aspect-ratio:16 / 9;background:rgb(var(--color-foreground) / .04)}.services-tiles__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.services-tiles__body{padding:20px 22px 22px}.services-tiles__title{margin:0 0 12px;font-size:24px;font-weight:400;line-height:32px;color:rgb(var(--color-foreground))}.services-tiles__text{margin:0 0 16px;font-size:16px;font-weight:400;line-height:24px;color:rgb(var(--color-foreground) / .72)}.services-tiles__link{display:inline-flex;gap:8px;align-items:center;text-decoration:none;font-weight:600;justify-content:center;font-size:16px;line-height:24px;color:var(--color-primary)}.services-tiles__link:hover{color:var(--color-primary-hover);text-decoration:underline}.icon-right-arrow{width:16px;height:16px}.services-tiles .page-width{padding-left:calc(var(--page-width-padding, 2rem) + var(--pad-x-mobile, 0px));padding-right:calc(var(--page-width-padding, 2rem) + var(--pad-x-mobile, 0px));display:flex;flex-direction:column}@media (max-width: 749px){.services-tiles .page-width{padding-left:calc(var(--page-width-padding, 1.5rem) + var(--pad-x-desktop, 0px));padding-right:calc(var(--page-width-padding, 1.5rem) + var(--pad-x-desktop, 0px))}}
/*# sourceMappingURL=/cdn/shop/t/16/assets/services-tiles.css.map */