.capabilities-grid{background:var(--color-background);min-height:100vh;display:flex;align-items:center}@media screen and (max-width: 749px){.capabilities-grid{min-height:auto;display:block}}.capabilities-grid__inner{max-width:1400px;margin:0 auto;padding:0 1rem;width:100%}@media screen and (min-width: 750px){.capabilities-grid__inner{padding:0 2rem}}.capabilities-grid__heading{font-family:var(--font-heading-family, serif);font-size:clamp(2rem,4vw,3rem);font-weight:400;line-height:1.2;letter-spacing:-.01em;text-align:center;margin:0 0 3rem}.capabilities-grid__cards{display:grid;grid-template-columns:1fr;gap:2rem;margin-bottom:3rem}@media screen and (min-width: 750px){.capabilities-grid__cards{grid-template-columns:repeat(2,1fr);gap:2rem}}@media screen and (min-width: 990px){.capabilities-grid__cards{grid-template-columns:repeat(3,1fr);gap:2.5rem}}@media screen and (min-width: 1200px){.capabilities-grid__cards{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:2rem}}.capability-card{display:flex;flex-direction:column;background:transparent;transition:transform .3s cubic-bezier(.4,0,.2,1)}@media screen and (min-width: 750px){.capability-card:hover{transform:translateY(-8px)}}.capability-card__image{position:relative;aspect-ratio:1 / 1;border-radius:16px;overflow:hidden;margin-bottom:1.5rem;background:#f5f5f5}.capability-card__image-element{width:100%;height:100%;object-fit:cover;transition:transform .3s cubic-bezier(.4,0,.2,1)}@media screen and (min-width: 750px){.capability-card:hover .capability-card__image-element{transform:scale(1.05)}}.capability-card__image--placeholder{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f5f5f5,#e0e0e0)}.capability-card__title{font-family:var(--font-body-family, sans-serif);font-size:clamp(1.25rem,2vw,1.5rem);font-weight:600;line-height:1.3;text-align:center;margin:0 0 .75rem;color:rgb(var(--color-foreground, 0 0 0))}.capability-card__description{font-family:var(--font-body-family, sans-serif);font-size:clamp(.95rem,1.5vw,1rem);line-height:1.6;text-align:center;margin:0;color:rgba(var(--color-foreground, 0 0 0),.7)}.capabilities-grid__cta{display:flex;justify-content:center;margin-top:2rem}.capabilities-grid__button{display:inline-flex;align-items:center;gap:.5rem;padding:1rem 2.5rem;background:#000;color:#fff;font-family:var(--font-body-family, sans-serif);font-size:1rem;font-weight:500;border-radius:50px;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 15px #00000026}.capabilities-grid__button:hover{background:#000000d9;transform:translateY(-2px);box-shadow:0 6px 20px #00000040}.capabilities-grid__button:active{transform:translateY(0);box-shadow:0 2px 10px #0003}.capabilities-grid__button svg{transition:transform .3s ease}.capabilities-grid__button:hover svg{transform:translate(4px)}@media screen and (max-width: 749px){.capabilities-grid__heading{margin-bottom:2rem}.capabilities-grid__cards{gap:2rem}.capability-card__image{margin-bottom:1rem}.capability-card__title{font-size:1.25rem;margin-bottom:.5rem}.capability-card__description{font-size:.95rem}.capabilities-grid__button{width:100%;justify-content:center;padding:1rem 2rem}}@media screen and (min-width: 1400px){.capabilities-grid__heading{font-size:3.5rem;margin-bottom:4rem}.capabilities-grid__cards{gap:3rem}.capability-card__title{font-size:1.625rem}.capability-card__description{font-size:1.125rem}}.capabilities-grid__button:focus{outline:2px solid currentColor;outline-offset:4px}@media (prefers-contrast: high){.capability-card{border:1px solid currentColor}.capabilities-grid__button{border:2px solid #fff}}@media (prefers-reduced-motion: reduce){.capability-card,.capability-card__image-element,.capabilities-grid__button,.capabilities-grid__button svg{transition:none!important}.capability-card:hover,.capability-card:hover .capability-card__image-element{transform:none}}@media print{.capabilities-grid__cta{display:none}.capabilities-grid__cards{grid-template-columns:repeat(2,1fr);gap:1rem}.capability-card__image{border-radius:8px}}@supports not (display: grid){.capabilities-grid__cards{display:flex;flex-wrap:wrap;margin:-1rem}.capability-card{flex:1 1 300px;margin:1rem}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/capabilities-grid.css.map */