.cran-vs__eyebrow{margin:0 0 var(--space-4)}.cran-vs__heading{max-width:22ch;margin:0 0 var(--space-6);font-size:var(--step-2);font-weight:700;line-height:var(--lh-headline);letter-spacing:-.01em;text-wrap:balance}.cran-vs__panels{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2)}.cran-vs__panel{position:relative;margin:0;overflow:hidden;border-radius:var(--radius-media);background:rgb(var(--color-foreground, 23 25 24) / .06)}.cran-vs__panel--brand{outline:1px solid var(--line);outline-offset:-1px}.cran-vs__label{position:absolute;top:var(--space-3);left:var(--space-3);z-index:1;padding:var(--space-2) var(--space-3);border-radius:var(--radius);background:#0f1110b8;color:var(--mineral-bone);font-family:var(--font-mono);font-size:var(--step--1);font-weight:500;letter-spacing:var(--tracking-technical);text-transform:uppercase;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.cran-vs__media{display:block;aspect-ratio:3 / 4}.cran-vs__media video,.cran-vs__media img,.cran-vs__video,.cran-vs__img{display:block;width:100%;height:100%;object-fit:cover}.cran-vs__placeholder{display:flex;align-items:center;justify-content:center;height:100%;margin:0;text-align:center}.cran-vs__body{max-width:58ch;margin-top:var(--space-6);font-size:var(--step-0);line-height:var(--lh-body)}.cran-vs__body p{margin:0 0 var(--space-4)}.cran-vs__body p:last-child{margin-bottom:0}.cran-vs__highlight{max-width:24ch;margin:var(--space-6) 0 0;font-size:var(--step-1);font-weight:700;line-height:var(--lh-tight);letter-spacing:-.01em}.cran-vs__cta{margin-top:var(--space-6)}.cran-vs__cta .button{width:100%;min-height:52px}@media screen and (min-width:750px){.cran-vs__panels{gap:var(--space-4)}.cran-vs__media{aspect-ratio:4 / 5}.cran-vs__cta .button{width:auto;min-width:280px}}@media(prefers-reduced-motion:reduce){.cran-vs__media video{display:none}.cran-vs__panel{background-image:none}}.cran-vs__single{overflow:hidden;border-radius:var(--radius-media);background:rgb(var(--color-foreground, 23 25 24) / .06)}.cran-vs__single-video{display:block;width:100%;height:auto}@media(prefers-reduced-motion:reduce){.cran-vs__single-video{animation:none}}.cran-vs--center .cran-vs__eyebrow,.cran-vs--center .cran-vs__heading,.cran-vs--center .cran-vs__body,.cran-vs--center .cran-vs__highlight{text-align:center;margin-inline:auto}.cran-vs--center .cran-vs__heading{max-width:26ch}.cran-vs--center .cran-vs__body{max-width:62ch}.cran-vs--center .cran-vs__highlight{max-width:30ch}
/*# sourceMappingURL=/cdn/shop/t/16/assets/cran-vs.css.map */