.custom-feature-grid{width:100%;padding-top:var(--custom-feature-grid-padding-top);padding-bottom:var(--custom-feature-grid-padding-bottom);container-type:inline-size;container-name:custom-feature-grid}.custom-feature-grid__inner{width:min(calc(100% - 32px),var(--page-width, 1440px));margin-inline:auto}.custom-feature-grid__header{max-width:760px;margin:0 auto 32px;text-align:center}.custom-feature-grid__heading{margin:0 0 8px}.custom-feature-grid__subheading{margin:0;opacity:.78}.custom-feature-grid__subheading>*{margin:0}.custom-feature-grid__grid{display:grid;grid-template-columns:repeat(var(--custom-feature-grid-columns-desktop),minmax(0,1fr));gap:var(--custom-feature-grid-gap-desktop);align-items:start}.custom-feature-card{--custom-feature-reveal-y: 0px;--custom-feature-hover-y: 0px;position:relative;width:100%;min-width:0;opacity:1;transform:translate3d(0,calc(var(--custom-feature-reveal-y) + var(--custom-feature-hover-y)),0);transition:transform .28s cubic-bezier(.22,.61,.36,1),opacity .42s ease;will-change:transform}.custom-feature-card__link{display:block;width:100%;color:inherit;text-decoration:none}.custom-feature-card__frame{position:relative;width:100%;aspect-ratio:973 / 1319;overflow:hidden;border-radius:var(--custom-feature-grid-frame-radius)}.custom-feature-card__frame-image{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;display:block;width:100%;height:100%;object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none}.custom-feature-card__content{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;box-sizing:border-box;padding:12% 7% 9%;text-align:center}.custom-feature-card__icon{flex:0 0 auto;width:min(var(--custom-feature-grid-icon-size),34%);margin:0 auto 16px}.custom-feature-card__icon img{display:block;width:100%;height:auto;margin:0 auto;object-fit:contain}.custom-feature-card__heading{width:min(var(--custom-feature-grid-text-width),100%);margin:0 auto;font:inherit;font-weight:600;line-height:1.25}.custom-feature-card__divider{display:block;flex:0 0 auto;width:42px;height:1px;margin:13px auto;background:currentColor;opacity:.18}.custom-feature-card__text{width:min(var(--custom-feature-grid-text-width),100%);margin:13px auto 0;line-height:1.5;opacity:.88}.custom-feature-card__divider+.custom-feature-card__text{margin-top:0}.custom-feature-card__text>*{margin:0}.custom-feature-grid--reveal .custom-feature-card.is-reveal-pending{--custom-feature-reveal-y: 18px;opacity:0}.custom-feature-grid--reveal .custom-feature-card.is-revealed{--custom-feature-reveal-y: 0px;opacity:1}.custom-feature-grid--reveal .custom-feature-card:nth-child(2){transition-delay:70ms}.custom-feature-grid--reveal .custom-feature-card:nth-child(3){transition-delay:.14s}.custom-feature-grid--reveal .custom-feature-card:nth-child(4){transition-delay:.21s}.custom-feature-grid--reveal .custom-feature-card:nth-child(5){transition-delay:.28s}.custom-feature-grid--reveal .custom-feature-card:nth-child(6){transition-delay:.35s}@media(hover:hover)and (pointer:fine){.custom-feature-card--hover:hover{--custom-feature-hover-y: calc( -1 * var(--custom-feature-grid-hover-lift) )}.custom-feature-card--hover .custom-feature-card__frame{transition:filter .26s ease}.custom-feature-card--hover:hover .custom-feature-card__frame{filter:brightness(1.035)}}@container custom-feature-grid (max-width: 989px){.custom-feature-grid__grid{grid-template-columns:repeat(var(--custom-feature-grid-columns-tablet),minmax(0,1fr))}.custom-feature-card__icon{width:min(var(--custom-feature-grid-icon-size),32%);margin-bottom:14px}}@container custom-feature-grid (max-width: 749px){.custom-feature-grid__header{margin-bottom:22px}.custom-feature-grid__grid{grid-template-columns:repeat(var(--custom-feature-grid-columns-mobile),minmax(0,1fr));gap:var(--custom-feature-grid-gap-mobile)}.custom-feature-card__content{justify-content:flex-start;padding:25% 7% 7%}.custom-feature-card__icon{margin-bottom:10px}.custom-feature-grid[style*="--custom-feature-grid-columns-mobile: 2"] .custom-feature-card__icon{width:min(var(--custom-feature-grid-icon-size),36%)}.custom-feature-grid[style*="--custom-feature-grid-columns-mobile: 2"] .custom-feature-card__heading{font-size:clamp(13px,3.7vw,17px);line-height:1.22}.custom-feature-grid[style*="--custom-feature-grid-columns-mobile: 2"] .custom-feature-card__text{margin-top:8px;font-size:clamp(11px,3.15vw,14px);line-height:1.42}.custom-feature-grid[style*="--custom-feature-grid-columns-mobile: 2"] .custom-feature-card__divider{width:30px;margin:9px auto}.custom-feature-grid[style*="--custom-feature-grid-columns-mobile: 1"] .custom-feature-card__content{padding:25% 9% 9%}.custom-feature-grid[style*="--custom-feature-grid-columns-mobile: 1"] .custom-feature-card__icon{width:min(var(--custom-feature-grid-icon-size),28%);margin-bottom:16px}}@container custom-feature-grid (max-width: 420px){.custom-feature-grid__inner{width:calc(100% - 20px)}.custom-feature-grid[style*="--custom-feature-grid-columns-mobile: 2"] .custom-feature-card__content{padding:24% 6% 6%}.custom-feature-grid[style*="--custom-feature-grid-columns-mobile: 2"] .custom-feature-card__heading{font-size:clamp(12px,3.65vw,15px)}.custom-feature-grid[style*="--custom-feature-grid-columns-mobile: 2"] .custom-feature-card__text{font-size:clamp(10px,3vw,13px);line-height:1.38}}@supports not (container-type: inline-size){@media screen and (max-width:989px){.custom-feature-grid__grid{grid-template-columns:repeat(var(--custom-feature-grid-columns-tablet),minmax(0,1fr))}}@media screen and (max-width:749px){.custom-feature-grid__grid{grid-template-columns:repeat(var(--custom-feature-grid-columns-mobile),minmax(0,1fr));gap:var(--custom-feature-grid-gap-mobile)}}}@media(prefers-reduced-motion:reduce){.custom-feature-card,.custom-feature-card__frame{transition:none!important}.custom-feature-grid--reveal .custom-feature-card.is-reveal-pending{--custom-feature-reveal-y: 0px;opacity:1}.custom-feature-card--hover:hover{--custom-feature-hover-y: 0px}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/custom-feature-grid.css.map */