.vv-it{padding-top:var(--vv-pt, 36px);padding-bottom:var(--vv-pb, 36px)}.vv-it__wrap{width:min(var(--vv-maxw, 1200px),92vw);margin:0 auto}.vv-it__grid{display:grid;grid-template-columns:1.1fr .9fr;gap:var(--vv-gap, 28px);align-items:center;min-height:var(--vv-height, 520px);opacity:0;transform:translateY(10px);transition:opacity .55s cubic-bezier(.2,.8,.2,1),transform .65s cubic-bezier(.2,.8,.2,1)}.vv-it.is-in .vv-it__grid{opacity:1;transform:translateY(0)}.vv-it__mediaCard{position:relative;height:var(--vv-height, 520px);border-radius:var(--vv-media-radius, 28px);overflow:hidden;border:1px solid rgba(0,0,0,.08);background:#7f7f7f0f;box-shadow:0 26px calc(var(--vv-shadow, 14) * 6px) #00000024,0 1px #ffffff8c inset;transform:translateZ(0);transition:transform .25s cubic-bezier(.2,.8,.2,1);will-change:transform}.vv-it__mediaCard.is-tilting{transform:perspective(900px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg))}.vv-it__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block;transform:scale(1.0001);transition:transform .65s cubic-bezier(.2,.8,.2,1)}.vv-it__mediaCard:hover .vv-it__img{transform:scale(1.03)}.vv-it__shine{position:absolute;top:-25%;right:-25%;bottom:-25%;left:-25%;background:radial-gradient(650px 420px at 20% 10%,#ffffff59,#fff0);pointer-events:none;opacity:.65}.vv-it__ph{height:var(--vv-height, 520px);display:flex;align-items:center;justify-content:center;font-weight:900;opacity:.7}.vv-it__card{background:var(--vv-card-bg, #fff);border:1px solid var(--vv-card-brd, rgba(0,0,0,.08));border-radius:var(--vv-radius, 22px);box-shadow:0 18px calc(var(--vv-shadow,14) * 3px) #0000001a,0 1px #ffffff8c inset;padding:18px;transition:transform .22s cubic-bezier(.2,.8,.2,1),box-shadow .22s cubic-bezier(.2,.8,.2,1)}.vv-it__card:hover{transform:translateY(-2px);box-shadow:0 22px calc(var(--vv-shadow,14) * 3.8px) #00000021,0 1px #ffffff8c inset}.vv-it.is-glass .vv-it__card{background:#ffffff94;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.vv-it__eyebrow{font-size:var(--vv-eyebrow, 12px);font-weight:900;letter-spacing:.14em;text-transform:uppercase;opacity:.7;margin-bottom:10px}.vv-it__title{font-size:var(--vv-title, 44px);letter-spacing:-.02em;line-height:1.05;margin:0 0 10px}.vv-it__body{font-size:var(--vv-body, 14px);line-height:1.6;opacity:.92}.vv-it__features{margin-top:14px;display:grid;gap:10px}.vv-it__feature{display:flex;align-items:flex-start;gap:10px}.vv-it__dot{width:10px;height:10px;border-radius:999px;margin-top:6px;background:currentColor;opacity:.45;flex:0 0 auto}.vv-it__featText{opacity:.86}.vv-it__btns{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.vv-it__btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:12px 14px;border-radius:999px;font-weight:950;text-decoration:none;border:1px solid transparent;transition:transform .18s cubic-bezier(.2,.8,.2,1),box-shadow .18s cubic-bezier(.2,.8,.2,1),filter .18s cubic-bezier(.2,.8,.2,1)}.vv-it__btn--primary{background:var(--vv-btn-bg, #0b0b0c);color:var(--vv-btn-text, #fff);border-color:var(--vv-btn-border, #0b0b0c)}.vv-it__btn--secondary{background:var(--vv-btn2-bg, rgba(127,127,127,.1));color:var(--vv-btn2-text, #0b0b0c);border-color:var(--vv-btn2-border, rgba(0,0,0,.1))}.vv-it__btn:hover{transform:translateY(-1px);box-shadow:0 20px 60px #00000029;filter:brightness(1.02)}.vv-it__arrow{transition:transform .18s cubic-bezier(.2,.8,.2,1)}.vv-it__btn--primary:hover .vv-it__arrow{transform:translate(3px)}@media(max-width:989px){.vv-it__grid{grid-template-columns:1fr;align-items:stretch}.vv-it__grid.is-textFirst .vv-it__mediaCol{order:2}.vv-it__grid.is-textFirst .vv-it__textCol{order:1}.vv-it__title{font-size:34px}}@media(prefers-reduced-motion:reduce){.vv-it__grid,.vv-it__mediaCard,.vv-it__img,.vv-it__card,.vv-it__btn{transition:none!important}.vv-it__mediaCard{transform:none!important}}@media(max-width:989px){.vv-it__grid{grid-template-columns:1fr;align-items:stretch;min-height:auto}.vv-it__grid.is-textFirst .vv-it__mediaCol{order:2}.vv-it__grid.is-textFirst .vv-it__textCol{order:1}.vv-it__mediaCard{height:min(var(--vv-height, 520px),420px)}.vv-it__title{font-size:34px}}
/*# sourceMappingURL=/cdn/shop/t/22/assets/vv-image-text.css.map */