.scrolled-cards{display:block;position:relative;padding-block:var(--pt-mobile) var(--pb-mobile);margin-inline:15px;background:var(--beige-background);--sc-card-width: calc(33.333% - 12px) ;--sc-line: linear-gradient(180deg, #e9e8e2, #d2d1ca 20%, #d2d1ca 80%, #e9e8e2)}.lk-imported-section .scrolled-cards .page-width{width:100%;max-width:none;padding:0}.scrolled-cards__stage{display:grid;grid-template-columns:1fr;gap:var(--card-gap)}.scrolled-cards__center{grid-column:1 / -1;text-align:center;margin:0 auto 16px;width:100%}.scrolled-cards__heading{margin-bottom:20px}.scrolled-cards__heading p{margin:0;line-height:.95}.scrolled-cards__description{max-width:450px;margin-inline:auto;font-size:14px;line-height:1.1;color:var(--dark-green)}.scrolled-cards__description p{margin-block:0 1em}.scrolled-cards__description p:last-child{margin-bottom:0}.scrolled-cards__card{position:relative;min-width:0}.scrolled-cards__card-link{display:block;text-decoration:none;color:inherit}.scrolled-cards__card-media{position:relative;aspect-ratio:.74;overflow:hidden;border-radius:var(--card-radius);background:rgb(var(--color-foreground-rgb) / .06);isolation:isolate}.scrolled-cards__card-media>:is(img,.scrolled-cards__video-wrap,.scrolled-cards__external-video,.scrolled-cards__card-placeholder){width:100%;height:100%}.scrolled-cards__card-media :is(img,video,iframe,svg){display:block;width:100%;height:100%;object-fit:cover}.scrolled-cards__external-video iframe{border:0;pointer-events:none}.scrolled-cards__video-wrap{position:relative}.scrolled-cards__poster{position:absolute;top:0;right:0;bottom:0;left:0}.scrolled-cards__shopify-video{position:relative;opacity:0;transition:opacity .18s}.is-video-ready .scrolled-cards__shopify-video{position:relative;opacity:1}.scrolled-cards__card-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#000;opacity:var(--card-overlay-opacity);pointer-events:none}.scrolled-cards__card-content{position:absolute;inset:auto 20px 20px;z-index:2;color:var(--soft-beige)}.scrolled-cards__card-title{display:flex;flex-direction:column;gap:2px;margin:0 0 8px;color:inherit;font:500 32px/1 var(--font-body--family);letter-spacing:-2px}.scrolled-cards__card-title-main{font-family:var(--font-heading--family);font-style:italic}.scrolled-cards__card-title-audience{font-family:var(--font-body--family)}.scrolled-cards .scrolled-cards__card-button{display:flex;gap:8px;align-items:center;width:fit-content;min-height:0;padding:0;border:0;border-radius:0;box-shadow:none;background:transparent;color:#fff;font:500 14px/1.1 var(--font-body--family);letter-spacing:normal;text-transform:uppercase}.scrolled-cards__card-button-icon{position:relative;overflow:hidden;display:flex;width:20px;height:20px}.scrolled-cards__card-button-icon .svg-wrapper{width:20px;height:20px}.scrolled-cards__card-button-icon svg{padding:3px}.scrolled-cards__card-button-icon .btn-arrow-right__icon-first{width:100%;height:100%;display:block;transition:transform .7s}.scrolled-cards__card-button-icon .btn-arrow-right__icon-second{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;transform:translate(-150%);transition:transform .7s}.scrolled-cards__lines{display:none}@media(hover:hover){.scrolled-cards__card-button:hover .btn-arrow-right__icon-first{transform:translate(150%)}.scrolled-cards__card-button:hover .btn-arrow-right__icon-second{transform:translate(0)}}@media(min-width:550px){.scrolled-cards__stage{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:990px){.scrolled-cards{padding-block:var(--pt-desktop) var(--pb-desktop);margin-inline:20px}.scrolled-cards__stage{grid-template-columns:1fr 1fr 1fr;align-items:center}.scrolled-cards__center{grid-column:2;grid-row:1;margin:0}.scrolled-cards__card--left{grid-column:1;grid-row:1}.scrolled-cards__card--right{grid-column:3;grid-row:1}.scrolled-cards__description{margin:12px auto 0;font-size:16px}.scrolled-cards__card-title{font-size:40px}}@media(min-width:1200px){.scrolled-cards__card-content{inset:auto 22px 22px}.scrolled-cards__card-title{margin-bottom:14px}}@supports (animation-timeline: view()) and (animation-range: contain 0% contain 100%){@media(min-width:990px)and (prefers-reduced-motion:no-preference){.scrolled-cards__track{height:var(--track-height);view-timeline:--lk-cards block;view-timeline-inset:0}.scrolled-cards__stage{display:block;position:sticky;top:var(--scene-top);height:var(--scene-height)}.scrolled-cards__center{position:absolute;top:38%;left:50%;width:var(--sc-card-width);transform:translate(-50%,-50%);z-index:3;pointer-events:none}.scrolled-cards__card{position:absolute;width:var(--sc-card-width);top:var(--card-top);z-index:2}.scrolled-cards__card--left{left:0;animation:lk-card-left linear both}.scrolled-cards__card--right{right:0;animation:lk-card-right linear both}.scrolled-cards__center{animation:lk-card-center linear both}.scrolled-cards__card,.scrolled-cards__center{animation-timeline:--lk-cards;animation-range:contain 0% contain 100%}.scrolled-cards__lines{display:block;position:absolute;top:0;right:-8px;bottom:0;left:-8px;pointer-events:none}.scrolled-cards__stage:before,.scrolled-cards__stage:after,.scrolled-cards__lines:before,.scrolled-cards__lines:after{content:"";position:absolute;inset-block:0;width:1px;background:var(--sc-line);pointer-events:none}.scrolled-cards__stage:before{left:calc(50% - var(--sc-card-width) / 2 - 8px)}.scrolled-cards__stage:after{left:calc(50% + var(--sc-card-width) / 2 + 8px)}.scrolled-cards__lines:before{left:0}.scrolled-cards__lines:after{right:0}@keyframes lk-card-right{0%,8%{transform:translateY(56vh)}28%{transform:translateY(0)}62%,to{transform:translateY(min(calc(-1 * var(--card-travel)),calc(-1 * var(--card-exit-offset) - 100%)))}}@keyframes lk-card-left{0%,36%{transform:translateY(56vh)}58%{transform:translateY(0)}94%,to{transform:translateY(min(calc(-1 * var(--card-travel)),calc(-1 * var(--card-exit-offset) - 100%)))}}@keyframes lk-card-center{0%,76%{transform:translate(-50%,-50%);opacity:1}to{transform:translate(-50%,calc(-50% - var(--content-exit)));opacity:0}}}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/scrolled-cards.css.map */