.hp-layers,.hp-layers>.container,.hp-layers>.container-fluid,.hp-layers>.container-full,.hp-layers__layers{overflow:visible}.hp-layers .hp-layers__head{margin-bottom:var(--layers-head-gap, 56px)}.hp-layers__title-alt{display:block}.hp-layers__title-alt--italic{font-style:italic}.hp-layers__layers{position:relative}.hp-layers__layer{position:sticky;top:var(--layers-stick, 0px);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,var(--layers-media-w, 540px));align-items:var(--layers-align, center);column-gap:var(--layers-col-gap, 60px);padding-block:var(--layers-layer-py, 50px)}.hp-layers[data-stack=false] .hp-layers__layer{position:relative;top:auto}.hp-layers__layer[data-media=left]{grid-template-columns:minmax(0,var(--layers-media-w, 540px)) minmax(0,1fr)}.hp-layers__layer[data-media=left] .hp-layers__body{order:2}.hp-layers__layer[data-media=left] .hp-layers__media{order:1}.hp-layers__layer[data-media=none]{grid-template-columns:minmax(0,1fr)}.hp-layers[data-divider=true] .hp-layers__layer{border-block-start:1px solid rgba(var(--color-foreground),var(--layers-divider-alpha, .14))}.hp-layers[data-divider=true] .hp-layers__layer:first-child{border-block-start:0}.hp-layers__body{display:flex;align-items:flex-start;gap:var(--layers-icon-gap, 32px);min-width:0}.hp-layers__icon{flex:0 0 auto;width:var(--layers-icon, 74px);height:var(--layers-icon, 74px);border-radius:9999px;display:flex;align-items:center;justify-content:center;overflow:hidden}.hp-layers[data-icon-style=outline] .hp-layers__icon{border:1px solid rgba(var(--color-foreground),var(--layers-icon-alpha, .5))}.hp-layers[data-icon-style=filled] .hp-layers__icon{background-color:rgba(var(--color-foreground),var(--layers-icon-alpha, .08))}.hp-layers[data-icon-style=bare] .hp-layers__icon{width:auto;height:auto;border-radius:0}.hp-layers__icon img{display:block;width:var(--layers-icon-inner, 32px);height:var(--layers-icon-inner, 32px);object-fit:contain}.hp-layers[data-icon-style=bare] .hp-layers__icon img{width:var(--layers-icon, 74px);height:var(--layers-icon, 74px)}.hp-layers__content{min-width:0}.hp-layers__content .hp-layers__layer-eyebrow{margin-top:0;margin-bottom:var(--layers-eyebrow-gap, 10px)}.hp-layers__layer-title{margin:0;font-family:var(--font-stack-header);font-style:var(--font-style-header);font-weight:var(--font-weight-header);color:rgb(var(--color-heading))}.hp-layers__text{margin:var(--layers-text-gap, 14px) 0 0;max-width:var(--layers-text-width, 48ch);color:rgb(var(--color-foreground-secondary))}.hp-layers__text>:first-child{margin-top:0}.hp-layers__text>:last-child{margin-bottom:0}.hp-layers__cta{margin-top:var(--layers-btn-gap, 22px)}.hp-layers__media{overflow:hidden;border-radius:var(--layers-media-radius, 20px);aspect-ratio:var(--layers-media-ratio, 16 / 9)}.hp-layers__media img,.hp-layers__media svg{display:block;width:100%;height:100%;object-fit:cover}.hp-layers__media--placeholder{background-color:rgba(var(--color-foreground),.06)}@media(max-width:767px){.hp-layers .hp-layers__head{margin-bottom:var(--layers-head-gap-m, 32px)}.hp-layers__layer,.hp-layers__layer[data-media=left],.hp-layers__layer[data-media=none]{grid-template-columns:minmax(0,1fr);row-gap:var(--layers-row-gap-m, 28px);padding-block:var(--layers-layer-py-m, 32px)}.hp-layers__layer .hp-layers__body,.hp-layers__layer[data-media=left] .hp-layers__body{order:2}.hp-layers__layer .hp-layers__media,.hp-layers__layer[data-media=left] .hp-layers__media{order:3}.hp-layers[data-mobile-media=above] .hp-layers__media,.hp-layers[data-mobile-media=above] .hp-layers__layer[data-media=left] .hp-layers__media{order:1}.hp-layers[data-mobile-media=hide] .hp-layers__media{display:none}.hp-layers__layer{top:var(--layers-stick-m, var(--layers-stick, 0px))}.hp-layers[data-stack-mobile=false] .hp-layers__layer{position:relative;top:auto}.hp-layers__body{gap:var(--layers-icon-gap-m, 16px)}.hp-layers__icon{width:var(--layers-icon-m, 48px);height:var(--layers-icon-m, 48px)}.hp-layers__icon img{width:var(--layers-icon-inner-m, 22px);height:var(--layers-icon-inner-m, 22px)}.hp-layers[data-icon-style=bare] .hp-layers__icon,.hp-layers[data-icon-style=bare] .hp-layers__icon img{width:var(--layers-icon-m, 48px);height:var(--layers-icon-m, 48px)}.hp-layers__text{max-width:none}}
/*# sourceMappingURL=/cdn/shop/t/24/assets/scrolling-layers.css.map */