.vx-bento{--bento-gutter: var(--vx-gutter, max(16px, 2.27vw));--bento-gap: max(8px, 1vw);--bento-radius: max(12px, 1.02vw);--bento-pad-x: max(16px, 1.56vw);--bento-pad-top: max(16px, 1.72vw);--bento-ease: var(--vx-ease, cubic-bezier(.22, .61, .21, 1));--bento-hover-time: 2.1s;display:block;position:relative;background:var(--vx-black, #000);color:#fff;font-family:var(--vx-font, "Poppins", sans-serif);padding-top:max(calc(var(--vx-pt, 60) * .55px),calc(var(--vx-pt, 60) * .06944vw));padding-bottom:max(calc(var(--vx-pb, 60) * .55px),calc(var(--vx-pb, 60) * .06944vw))}.vx-bento__head{padding-inline:var(--bento-gutter);margin-bottom:max(24px,3.26vw)}.vx-bento__head .vx-heading--md{--vx-h-size: clamp(24px, 2.46vw, 64px);--vx-stagger-overlap: .95em;line-height:1.27}.vx-bento__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:var(--row-a) var(--row-b);grid-auto-flow:row dense;gap:var(--bento-gap);width:calc(100% - 2 * var(--bento-gutter));margin-inline:auto}.vx-bento--wide .vx-bento__grid{--row-a: max(15vw, 196px);--row-b: max(19.84vw, 250px)}.vx-bento--compact .vx-bento__grid{--row-a: max(11.56vw, 168px);--row-b: max(14.92vw, 216px);width:min(max(56.5vw,760px),100% - 2 * var(--bento-gutter))}.vx-bento__card--small{grid-column:span 1}.vx-bento__card--wide{grid-column:span 2}.vx-bento__card--tall{grid-column:span 2;grid-row:span 2}.vx-bento__card--full{grid-column:1 / -1}.vx-bento__card{position:relative;isolation:isolate;display:block;min-width:0;overflow:hidden;border-radius:var(--bento-radius);background:var(--card-bg, #141414);color:#fff;text-decoration:none;-webkit-tap-highlight-color:transparent}.vx-bento__card--ink{color:#111}a.vx-bento__card:focus-visible{outline:2px solid #fff;outline-offset:3px}.vx-bento__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;transform-origin:var(--hover-origin, 100% 100%);transform:translateZ(0);transition:transform var(--bento-hover-time, 1.4s) var(--bento-hover-ease, cubic-bezier(.22, 1, .36, 1));will-change:transform}.vx-bento__media .vx-bento__slot{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border-radius:0}.vx-bento__media .vx-bento__slot .vx-slot__img{--px: clamp(0, calc(var(--img-fx, 50) / 100 - var(--img-x, 0) / 100), 1);--py: clamp(0, calc(var(--img-fy, 50) / 100 - var(--img-y, 0) / 100), 1);--img-pos: calc(var(--px) * 100%) calc(var(--py) * 100%);inset:auto;left:calc((100% - 100% * var(--img-zoom, 1)) * var(--px));top:calc((100% - 100% * var(--img-zoom, 1)) * var(--py));width:calc(100% * var(--img-zoom, 1));height:calc(100% * var(--img-zoom, 1));max-width:none;max-height:none}.vx-bento__slot .vx-slot__label{inset:calc(50% + max(24px,2.2vw)) 10% auto}.vx-bento__card--wide .vx-slot__label,.vx-bento__card--full .vx-slot__label{inset:max(10px,.9vw) max(14px,1.3vw) auto 45%;text-align:right}.vx-bento__card--giant .vx-slot__label{inset:max(10px,.9vw) max(14px,1.3vw) auto 56%;text-align:right}.vx-bento__giant{position:absolute;top:max(10px,1.1vw);left:var(--bento-pad-x);right:var(--bento-pad-x);margin:0;font-weight:700;font-size:max(46px,6.25vw);line-height:.98;letter-spacing:-.012em;color:inherit;pointer-events:none;transform-origin:0 0;transition:transform var(--bento-hover-time, 1.4s) var(--bento-hover-ease, cubic-bezier(.22, 1, .36, 1))}.vx-bento__giant--back{z-index:0}.vx-bento__giant--front{z-index:2}.vx-bento__content{position:relative;z-index:3;display:flex;flex-direction:column;align-items:flex-start;gap:max(6px,.56vw);padding:var(--bento-pad-top) var(--bento-pad-x) 0;pointer-events:none}.vx-bento__title{margin:0;font-family:inherit;font-weight:700;font-size:max(17px,1.45vw);line-height:1.18;letter-spacing:-.005em;color:inherit}.vx-bento__text{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:6;overflow:hidden;margin:0;max-width:max(190px,13vw);font-family:inherit;font-weight:400;font-size:max(11px,.74vw);line-height:1.32;color:inherit;opacity:.9}.vx-bento__card--small .vx-bento__text{-webkit-line-clamp:3}.vx-bento__card--tall .vx-bento__text{max-width:max(230px,15.6vw)}.vx-bento__card--center .vx-bento__content{align-items:center;text-align:center;padding-top:max(12px,1.1vw)}.vx-bento__card--center .vx-bento__text{max-width:none}.vx-bento__card--small .vx-bento__title{font-size:max(15px,1.25vw)}.vx-bento__btn{position:absolute;z-index:4;left:var(--bento-pad-x);bottom:max(14px,1.9vw);line-height:0}.vx-bento__card--center .vx-bento__btn{left:50%;bottom:max(12px,1.3vw);transform:translate(-50%)}.vx-bento__card--small.vx-bento__card--center .vx-bento__btn{bottom:max(8px,.62vw)}.vx-bento__circle.vx-circle{--vx-c-size: max(28px, 2.19vw);--vx-c-bg: rgba(255, 255, 255, .24);--vx-c-bg-hover: #fff;--vx-c-ring: rgba(255, 255, 255, .16);transition:background-color .35s ease,color .35s ease,transform .45s var(--bento-ease)}@media(hover:hover)and (pointer:fine){.vx-bento__card:hover .vx-bento__media,.vx-bento__card:focus-visible .vx-bento__media{transform:scale(var(--hover-s, 1.1))}.vx-bento__card:hover .vx-bento__giant,.vx-bento__card:focus-visible .vx-bento__giant{transform:scale(1.05) rotate(2deg)}a.vx-bento__card:hover .vx-bento__circle{background-color:#fff;color:#000;transform:scale(1.08)}a.vx-bento__card:hover .vx-bento__circle:before{border-color:#000;transform:rotate(90deg)}}a.vx-bento__card:focus-visible .vx-bento__circle{background-color:#fff;color:#000}html.sh-motion .vx-bento[data-reveal=armed] .vx-bento__card{opacity:0;transform:translate3d(0,56px,0)}html.sh-motion .vx-bento[data-reveal=in] .vx-bento__card{opacity:1;transform:none;transition:opacity .9s var(--bento-ease),transform 1.1s var(--bento-ease);transition-delay:calc(var(--i, 0) * 90ms)}@media screen and (max-width:989px){.vx-bento__grid,.vx-bento--compact .vx-bento__grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:auto;width:calc(100% - 2 * var(--bento-gutter))}.vx-bento__card--wide,.vx-bento__card--full{grid-column:1 / -1;aspect-ratio:16 / 9}.vx-bento__card--tall{grid-column:1 / -1;grid-row:span 1;aspect-ratio:4 / 5}.vx-bento__card--small{aspect-ratio:3 / 4}.vx-bento__text{max-width:62%}.vx-bento__card--center .vx-bento__text{max-width:none}.vx-bento__giant{font-size:clamp(46px,14vw,96px)}}@media screen and (max-width:479px){.vx-bento__card--small .vx-bento__text{display:none}.vx-bento__text{max-width:78%}}@media(prefers-reduced-motion:reduce){.vx-bento__media,.vx-bento__giant,.vx-bento__circle{transition:none}.vx-bento__card:hover .vx-bento__media,.vx-bento__card:focus-visible .vx-bento__media,.vx-bento__card:hover .vx-bento__giant,.vx-bento__card:focus-visible .vx-bento__giant{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/28/assets/vx-bento.css.map */