.evolve-si{position:relative}.evolve-si__layout{display:grid;gap:24px}@media(min-width:1024px){.evolve-si__layout{--si-card-w: clamp(220px, 21vw, 300px);--si-card-h-top: calc(var(--si-card-w) * 220 / 307);--si-card-h-video: calc(var(--si-card-w) * 320 / 307);--si-card-h-bottom: calc(var(--si-card-w) * 376 / 307);grid-template-columns:var(--si-card-w) var(--si-card-w) minmax(0,482px);grid-template-rows:var(--si-card-h-top) var(--si-card-h-video);column-gap:28px;row-gap:28px;align-items:stretch;justify-content:center}.evolve-si__card--top{grid-column:1;grid-row:1}.evolve-si__card--video{grid-column:1;grid-row:2}.evolve-si__card--bottom{grid-column:2;grid-row:1 / span 2;align-self:center;height:var(--si-card-h-bottom)}.evolve-si__text{grid-column:3;grid-row:1 / span 2;align-self:center;max-width:482px;padding-left:28px}}@media(max-width:1023px){.evolve-si__layout{grid-template-columns:1fr 1fr;column-gap:17px;row-gap:24px}.evolve-si__card--video{grid-column:1 / -1;grid-row:1;aspect-ratio:382 / 246}.evolve-si__card--top{grid-column:1;grid-row:2;aspect-ratio:1 / 1}.evolve-si__card--bottom{grid-column:2;grid-row:2;aspect-ratio:1 / 1}.evolve-si__text{grid-column:1 / -1;grid-row:3}}.evolve-si__card{position:relative;overflow:hidden;border-radius:var(--evolve-radius-lg, 16px)}.evolve-si__card--top{background:linear-gradient(to bottom,color-mix(in srgb,var(--evolve-dark) 8%,rgb(var(--color-background))) 21.119%,rgb(var(--color-background)) 116.69%)}.evolve-si__card--video{background:linear-gradient(to bottom,color-mix(in srgb,var(--evolve-dark) 8%,rgb(var(--color-background))) 21.119%,rgb(var(--color-background)) 97.987%)}.evolve-si__card--bottom{background:linear-gradient(to bottom,color-mix(in srgb,var(--evolve-accent-blue) 10%,rgb(var(--color-background))) 16.148%,color-mix(in srgb,var(--evolve-dark) 4%,rgb(var(--color-background))) 107.65%);border-radius:var(--evolve-radius-md, 12px)}.evolve-si__card-image,.evolve-si__card-video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}@media(min-width:1024px){.evolve-si--text-first .evolve-si__layout{grid-template-columns:minmax(0,1fr) var(--si-card-w) var(--si-card-w);justify-content:stretch}.evolve-si--text-first .evolve-si__text{grid-column:1;padding-left:0;padding-right:28px}.evolve-si--text-first .evolve-si__card--top,.evolve-si--text-first .evolve-si__card--video{grid-column:2}.evolve-si--text-first .evolve-si__card--bottom{grid-column:3}}@media(max-width:1023px){.evolve-si--text-first .evolve-si__text{grid-row:1;padding-top:0}.evolve-si--text-first .evolve-si__card--top{grid-column:1 / -1;grid-row:2;aspect-ratio:382 / 274}.evolve-si--text-first .evolve-si__card--video{grid-column:1;grid-row:3;aspect-ratio:1 / 1}.evolve-si--text-first .evolve-si__card--bottom{grid-column:2;grid-row:3;aspect-ratio:1 / 1}}.evolve-si__text{--si-text-gap: 28px;display:flex;flex-direction:column;align-items:flex-start;gap:var(--si-text-gap)}.evolve-si__eyebrow{margin:0;font-family:var(--font-heading-family);font-size:calc(var(--font-body-size) * .75);font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--evolve-body)}.evolve-si__eyebrow+.evolve-si__heading{margin-top:calc(var(--evolve-heading-gap) - var(--si-text-gap))}.evolve-si__heading{margin:0;font-family:var(--font-heading-family);font-weight:500;letter-spacing:-.4px;color:var(--evolve-dark);text-wrap:balance}.evolve-si__body{margin:0;font-size:var(--font-body-size, 16px);font-weight:500;line-height:24px;color:var(--evolve-body)}.evolve-si__body p{margin:0 0 16px}.evolve-si__body p:last-child{margin-bottom:0}.evolve-si__ctas{display:flex;align-items:center;flex-wrap:wrap;gap:20px}.evolve-si__cta{display:inline-flex;align-items:center;justify-content:center;padding:14px 28px;border:0;border-radius:var(--evolve-radius-pill, 100px);background-color:var(--evolve-dark);color:rgb(var(--color-background));font-family:var(--font-heading-family);font-size:var(--font-body-size);font-weight:600;line-height:1;text-decoration:none;cursor:pointer;transition:background-color .18s ease}.evolve-si__cta:hover,.evolve-si__cta:focus-visible{background-color:var(--evolve-accent-blue);color:rgb(var(--color-background));text-decoration:none}.evolve-si__cta:focus-visible{outline:2px solid var(--evolve-accent);outline-offset:3px}.evolve-si__cta[aria-disabled=true],.evolve-si__cta-text[aria-disabled=true]{opacity:.6;cursor:default;pointer-events:none}.evolve-si__cta-text{display:inline-flex;align-items:center;gap:var(--evolve-gap-xs);padding:14px 0;background:transparent;color:var(--evolve-dark);font-family:var(--font-body-family, inherit);font-size:16px;font-weight:500;line-height:24px;text-decoration:none;border:0;transition:color .18s ease}.evolve-si__cta-text:hover,.evolve-si__cta-text:focus-visible{color:var(--evolve-dark);text-decoration:none}.evolve-si__cta-text:hover .evolve-si__cta-arrow,.evolve-si__cta-text:focus-visible .evolve-si__cta-arrow{transform:translate(4px)}.evolve-si__cta-arrow{display:inline-block;transition:transform .18s ease}.evolve-si__cta-text:focus-visible{outline:2px solid var(--evolve-accent);outline-offset:3px}@media(max-width:1023px){.evolve-si__text{--si-text-gap: 24px;gap:var(--si-text-gap);padding-top:8px}.evolve-si__heading{font-size:32px;line-height:1.2}}@media(prefers-reduced-motion:reduce){.evolve-si__cta,.evolve-si__cta-text,.evolve-si__cta-arrow{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/evolve-system-intro.css.map */