.sticky-image-cards{--sticky-image-cards-radius: var(--radius-xl, 28px);padding-left:var(--page-gutter);padding-right:var(--page-gutter);min-width:0;overflow:visible;background:var(--bg);color:var(--fg)}.sticky-image-cards__inner{width:min(var(--max-w),100%);margin:0 auto;min-width:0;overflow:visible}.sticky-image-cards__head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:clamp(18px,2vw,28px)}.sticky-image-cards__heading{flex:1 1 auto;min-width:0}.sticky-image-cards__kicker{margin:0 0 12px;color:var(--muted);font-size:var(--type-eyebrow, 11px);font-weight:700;letter-spacing:.18em;text-transform:uppercase}.sticky-image-cards__title{margin:0;max-width:none}.sticky-image-cards__title:not(.theme-content-heading){font-family:var(--font-heading);font-size:clamp(28px,4vw,60px);font-weight:var(--font-heading-weight);line-height:var(--heading-line-height);letter-spacing:var(--heading-letter-spacing);text-transform:var(--heading-transform);text-wrap:pretty;overflow-wrap:normal;word-break:normal}.sticky-image-cards__copy{flex:0 1 min(360px,32vw);margin:0;max-width:360px;min-width:min(260px,100%);color:var(--muted)}.sticky-image-cards__copy:not(.theme-content-description){font-size:14px;line-height:1.55}.sticky-image-cards__copy p{margin:0}.sticky-image-cards__window{position:relative;min-width:0;max-width:100%}.sticky-image-cards__track{display:grid;grid-template-columns:1fr;gap:clamp(56px,7vw,100px);width:100%}.sticky-image-cards__item{position:relative;display:grid;grid-template-columns:minmax(260px,1fr) minmax(0,1fr);grid-template-rows:none;align-items:center;min-height:0;overflow:visible;border-radius:0;background:var(--bg);color:var(--fg);margin-top:var(--block-space-top-desktop, 0);margin-bottom:var(--block-space-bottom-desktop, 0)}.sticky-image-cards__item--media-right{grid-template-columns:minmax(0,1fr) minmax(260px,1fr)}.sticky-image-cards__item--media-right .sticky-image-cards__item-media{order:2}.sticky-image-cards__item--media-right .sticky-image-cards__item-body{order:1}.sticky-image-cards__item-media{position:relative;display:grid;place-items:center;width:100%;height:auto;min-height:0;overflow:visible;aspect-ratio:4 / 5}.sticky-image-cards__item-media-inner{display:block;width:var(--sticky-image-cards-media-scale, 100%);height:var(--sticky-image-cards-media-scale, 100%);min-width:0;min-height:0;overflow:hidden;border-radius:var(--sticky-image-cards-image-radius, 0);background:var(--surface)}.sticky-image-cards__item-media img,.sticky-image-cards__item-media video,.sticky-image-cards__video-wrap,.sticky-image-cards__item-media svg{display:block;width:100%;height:100%;object-fit:cover;transition:transform .9s cubic-bezier(.22,1,.36,1),filter .9s cubic-bezier(.22,1,.36,1)}.sticky-image-cards__video-wrap{position:relative}.sticky-image-cards__video-wrap .sticky-image-cards__image,.sticky-image-cards__video-wrap .sticky-image-cards__video{position:absolute;top:0;right:0;bottom:0;left:0}.sticky-image-cards__item:hover .sticky-image-cards__item-media img,.sticky-image-cards__item:hover .sticky-image-cards__item-media video,.sticky-image-cards__item:hover .sticky-image-cards__item-media svg{transform:scale(1.035)}.sticky-image-cards__item-body{display:grid;align-content:var(--sticky-image-cards-content-y, center);justify-items:var(--sticky-image-cards-content-x, start);gap:12px;padding:clamp(28px,4vw,64px);text-align:var(--sticky-image-cards-content-text-align, left)}.sticky-image-cards__item-meta,.sticky-image-cards__item-footer{display:flex;align-items:center;justify-content:var(--sticky-image-cards-content-justify, flex-start);gap:12px;justify-self:var(--sticky-image-cards-content-x, start)}.sticky-image-cards__item-kicker{font-size:10px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.sticky-image-cards__item-note{display:inline-flex;align-items:center;min-height:32px;padding:0 12px;border-radius:999px;background:color-mix(in srgb,var(--fg) 6%,transparent);font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;white-space:nowrap}.sticky-image-cards__item:nth-child(3) .sticky-image-cards__item-note{background:var(--fg);color:var(--bg)}.sticky-image-cards__item-copy{display:grid;gap:12px;min-width:0}.sticky-image-cards__item-title{display:block;max-width:min(18ch,100%);margin:0;color:inherit}.sticky-image-cards__item-description{display:block;max-width:24ch;margin:0;color:var(--muted)}.sticky-image-cards__button{transition:transform .32s cubic-bezier(.22,1,.36,1)}.sticky-image-cards__item:hover .sticky-image-cards__button{transform:translate(4px)}@media(min-width:981px){.sticky-image-cards--sticky .sticky-image-cards__item{position:sticky;top:calc(var(--axiom-header-height, 68px) + 16px);align-self:start}.sticky-image-cards--sticky .sticky-image-cards__item:nth-child(1){z-index:1}.sticky-image-cards--sticky .sticky-image-cards__item:nth-child(2){z-index:2}.sticky-image-cards--sticky .sticky-image-cards__item:nth-child(3){z-index:3}.sticky-image-cards--sticky .sticky-image-cards__item:nth-child(4){z-index:4}}@media(hover:none){.sticky-image-cards__item-media img,.sticky-image-cards__item-media video,.sticky-image-cards__video-wrap,.sticky-image-cards__item-media svg{transition:none;transform:none!important;filter:none!important}.sticky-image-cards__item:hover .sticky-image-cards__button{transform:none}}@media(max-width:980px){.sticky-image-cards{overflow:clip}.sticky-image-cards__head{display:grid;align-items:start;gap:14px}.sticky-image-cards__title{font-size:34px}.sticky-image-cards__copy{max-width:34ch;font-size:17px;line-height:1.42}.sticky-image-cards__item,.sticky-image-cards__item--media-right{grid-template-columns:1fr;margin-top:var(--block-space-top-mobile, 0);margin-bottom:var(--block-space-bottom-mobile, 0)}.sticky-image-cards__item--media-right .sticky-image-cards__item-media,.sticky-image-cards__item--media-right .sticky-image-cards__item-body{order:initial}}@media(max-width:767px){.sticky-image-cards__track{gap:clamp(42px,14vw,72px)}.sticky-image-cards__item-body{padding:20px 0 0}}
/*# sourceMappingURL=/cdn/shop/t/3404/assets/section-sticky-image-cards.css.map */
