.stack-cards{padding-block:4.8rem;color:rgb(var(--color-foreground))}@media screen and (min-width:750px){.stack-cards{padding-block:8rem}}.stack-cards__header{display:flex;flex-direction:column;gap:1.6rem;max-width:72rem;margin-bottom:4rem}.stack-cards__heading{color:inherit;text-wrap:balance}.stack-cards__heading-line{display:block}.stack-cards__text{max-width:64rem}.stack-cards__description{max-width:64rem;margin-top:calc(var(--stay-space-heading-text) - 1.6rem);color:inherit;text-wrap:balance}.stack-cards__description>*{margin:0}.stack-cards__description>*+*{margin-top:1.2rem}.stack-cards__description strong{font-weight:600}.stack-cards__list,.stack-cards__steps,.stack-cards__track{margin:0;padding:0;list-style:none}.stack-cards__icon{display:flex;width:3.2rem;height:3.2rem;color:var(--stack-icon-color, currentColor)}.stack-cards__icon svg,.stack-cards__icon img,.stack-cards__icon-mask{width:100%;height:100%;object-fit:contain}.stack-cards__icon svg{stroke-width:1.5}.stack-cards__icon-mask{background-color:currentColor;-webkit-mask:var(--stack-icon-mask) center / contain no-repeat;mask:var(--stack-icon-mask) center / contain no-repeat}.stack-cards__title{margin:0;font-family:var(--font-heading-family);font-size:clamp(2.8rem,2rem + 1.6vw,4rem);font-weight:600;line-height:1.05;letter-spacing:-.03em;color:inherit;word-break:normal;overflow-wrap:normal;-webkit-hyphens:manual;hyphens:manual}.stack-cards__card-text{max-width:28em}.stack-cards__card-text>:is(p,ul,ol){margin:0}:is(.stack-cards__media,.stack-cards__step-media,.stack-cards__focus-photo,.stack-cards__slide-media,.stack-cards__tile-media) img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:var(--stack-focus, 50% 50%)}.stack-cards--stack .stack-cards__list,.stack-cards--deck .stack-cards__list{display:flex;flex-direction:column;gap:2.4rem}.stack-cards__card{border-radius:var(--stay-radius);background:rgb(var(--color-background));color:rgb(var(--color-foreground));overflow:clip}.stack-cards--stack .stack-cards__card{position:sticky;top:calc(2rem + var(--stack-index) * 1.6rem);display:grid;grid-template-rows:auto minmax(24rem,1fr);min-height:min(84svh,64rem);box-shadow:0 -1.2rem 3.2rem rgba(var(--color-shadow, 18, 18, 18),.08)}.stack-cards--stack .stack-cards__card--no-image{grid-template-rows:auto;min-height:min(56svh,44rem)}.stack-cards__body{display:flex;flex-direction:column;align-items:flex-start;gap:1.6rem}.stack-cards--stack .stack-cards__body{padding:clamp(2.4rem,4vw,6.4rem)}.stack-cards--stack .stack-cards__icon{width:clamp(4.8rem,5vw,7.2rem);height:clamp(4.8rem,5vw,7.2rem)}.stack-cards--stack .stack-cards__icon svg{stroke-width:1.25}.stack-cards--stack .stack-cards__title{font-size:clamp(4rem,2.4rem + 3vw,7.2rem)}.stack-cards__media{position:relative;border-radius:var(--stay-radius);overflow:clip}.stack-cards--stack .stack-cards__media{min-height:24rem;margin:0 1.2rem 1.2rem}@media screen and (min-width:990px){.stack-cards--stack .stack-cards__card{top:calc(4rem + var(--stack-index) * 2rem);grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:none;min-height:min(76svh,64rem)}.stack-cards--stack .stack-cards__card--no-image{grid-template-columns:minmax(0,1fr)}.stack-cards--stack .stack-cards__body{justify-content:flex-end}.stack-cards--stack .stack-cards__icon{margin-bottom:auto}.stack-cards--stack .stack-cards__media{margin:1.6rem 1.6rem 1.6rem 0}}.stack-cards--deck{--deck-card-height: min(64svh, 52rem);--deck-gap: 2.4rem;--deck-step: 1.2rem;--deck-top: calc((100svh - var(--deck-card-height)) / 2)}.stack-cards--deck .stack-cards__list{gap:var(--deck-gap);view-timeline:--stay-stack block}.stack-cards--deck .stack-cards__card{position:sticky;top:calc(var(--deck-top) + var(--stack-index) * var(--deck-step));display:grid;grid-template-rows:minmax(0,1fr) auto;height:var(--deck-card-height);box-shadow:0 -.8rem 2.4rem rgba(var(--color-shadow, 18, 18, 18),.12)}.stack-cards--deck .stack-cards__card--no-image{grid-template-rows:auto}.stack-cards--deck .stack-cards__body{gap:1.2rem;padding:2.4rem}.stack-cards--deck .stack-cards__body .stack-cards__icon{margin-bottom:.8rem}.stack-cards--deck .stack-cards__media{order:-1;margin:0;border-radius:0}.stack-cards--deck .stack-cards__media img{transform-origin:var(--stack-focus, 50% 50%);transition:transform var(--stay-motion-duration-media, 1.4s) var(--stay-motion-ease, ease)}@media(hover:hover)and (prefers-reduced-motion:no-preference){.stack-cards--deck .stack-cards__card:hover .stack-cards__media img{transform:scale(var(--stay-motion-media-scale, 1.04))}}@media screen and (min-width:990px){.stack-cards--deck{--deck-card-height: min(56svh, 44rem);--deck-gap: 4rem;--deck-step: 1.6rem}.stack-cards--deck .stack-cards__layout{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(4.8rem,6vw,9.6rem);align-items:start}.stack-cards--deck .stack-cards__header{position:sticky;top:var(--deck-top);justify-content:center;min-height:var(--deck-card-height);margin-bottom:0}}@media screen and (min-width:990px)and (max-width:1439px){.stack-cards--deck .stack-cards__card:not(.stack-cards__card--no-image){grid-template-columns:minmax(0,11fr) minmax(0,9fr)}.stack-cards--deck .stack-cards__card .stack-cards__title{font-size:3.24rem}}@media screen and (min-width:560px){.stack-cards--deck .stack-cards__card{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:none}.stack-cards--deck .stack-cards__card--no-image{grid-template-columns:minmax(0,1fr)}.stack-cards--deck .stack-cards__body{justify-content:flex-end;padding:clamp(2.4rem,3vw,4rem)}.stack-cards--deck .stack-cards__body .stack-cards__icon{margin-bottom:auto}.stack-cards--deck .stack-cards__media{order:0}}.stack-cards--deck{--stack-title-size: clamp(2.8rem, 2.5rem + .77vw, 3.6rem)}.stack-cards--deck .stack-cards__title{font-size:var(--stack-title-size)}.stack-cards--deck .stack-cards__card-text{font-size:clamp(1.6rem,1.53rem + .19vw,1.8rem);font-weight:400;letter-spacing:0}.stack-cards--icons-top_large .stack-cards__body .stack-cards__icon{width:calc(1.2 * var(--stack-title-size));height:calc(1.2 * var(--stack-title-size))}@media screen and (max-width:559px){.stack-cards--icons-top_large .stack-cards__body .stack-cards__icon{margin-bottom:1.2rem}}.stack-cards--icons-bottom .stack-cards__body{justify-content:flex-end}.stack-cards--icons-bottom .stack-cards__body .stack-cards__icon{width:calc(1.2 * var(--stack-title-size));height:calc(1.2 * var(--stack-title-size));margin-bottom:.4rem}.stack-cards__tag{position:absolute;z-index:1;top:.4rem;left:2.4rem;padding:.1rem .8rem;border-radius:var(--stay-radius-pill);background:rgb(var(--stay-color-cream));color:rgb(var(--stay-color-depth));font-size:1.2rem;font-weight:600;font-variant-numeric:tabular-nums;line-height:1.5;letter-spacing:.04em}@media screen and (min-width:990px){.stack-cards__tag{left:clamp(2.4rem,3vw,4rem)}}.stack-cards__panel{display:flex;flex-direction:column;align-items:flex-start;gap:2.4rem;margin-bottom:4rem;color:rgb(var(--color-foreground))}.stack-cards .stack-cards__panel .stack-cards__header{position:static;gap:1.2rem;min-height:0;margin-bottom:0}.stack-cards__panel .stack-cards__description{margin-top:calc(var(--stay-space-heading-text) - 1.2rem)}.stack-cards__panel .stack-cards__header+.stack-cards__panel-link{margin-top:calc(var(--stay-space-text-cta) - 2.4rem)}.stack-cards__panel .stack-cards__header+.stack-cards__panel-link.button--link{margin-top:calc(var(--stay-space-text-cta) - 2.4rem - (4.4rem - 2.3rem) / 2)}@media screen and (min-width:990px){.stack-cards--deck .stack-cards__panel{position:sticky;top:var(--deck-top);min-height:var(--deck-card-height);margin-bottom:0}@media(max-height:700px){.stack-cards--deck .stack-cards__panel{top:max(2.4rem,calc(var(--deck-top) - 4rem))}}.stack-cards__panel .stack-cards__description{max-width:min(100%,48ch)}}@supports (animation-timeline: view()){@media(prefers-reduced-motion:no-preference){html.stay-motion .stack-cards--deck [data-stay-recede]{--deck-recede-start: calc((var(--stack-index) + 1) * (var(--deck-card-height) + var(--deck-gap)));--deck-recede-end: calc( var(--deck-recede-start) + 100svh - var(--deck-top) - (var(--stack-index) + 1) * var(--deck-step) );transform-origin:50% 0;animation:stay-recede linear both;animation-timeline:--stay-stack;animation-range:cover var(--deck-recede-start) cover var(--deck-recede-end)}html.stay-motion .stack-cards--deck [data-stay-recede]>*{animation:stay-dim linear both;animation-timeline:--stay-stack;animation-range:cover var(--deck-recede-start) cover var(--deck-recede-end)}}}@media screen and (min-width:750px){.stack-cards--focus{padding-block:12rem}}.stack-cards__steps{display:flex;flex-direction:column;gap:5.6rem}.stack-cards__step{display:flex;flex-direction:column;align-items:flex-start;gap:1.2rem}.stack-cards__step-media{position:relative;width:100%;aspect-ratio:4 / 3;margin-bottom:1.2rem;border-radius:var(--stay-radius);overflow:clip}.stack-cards--focus .stack-cards__title{font-size:clamp(3.2rem,2rem + 2.4vw,5.6rem)}.stack-cards__focus-media{display:none}@media screen and (min-width:990px){.stack-cards--focus{--focus-frame-height: min(80svh, 72rem)}.stack-cards__focus{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(4.8rem,7vw,12rem);align-items:start}.stack-cards--focus .stack-cards__header{margin-bottom:0}.stack-cards__steps{gap:0}.stack-cards__step{justify-content:center;min-height:64svh}.stack-cards__step-media{display:none}.stack-cards__focus-media{display:block;position:sticky;top:calc((100svh - var(--focus-frame-height)) / 2)}.stack-cards__focus-frame{position:relative;height:var(--focus-frame-height);border-radius:var(--stay-radius);overflow:clip}.stack-cards__focus-photo{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .9s var(--stay-motion-ease)}.stack-cards__focus-photo img{scale:1.06;transition:scale 1.8s var(--stay-motion-ease)}.stack-cards__focus-photo.is-active{opacity:1}.stack-cards__focus-photo.is-active img{scale:1}.stack-cards__focus.is-ready .stack-cards__step{opacity:.28;transition:opacity .6s var(--stay-motion-ease)}.stack-cards__focus.is-ready .stack-cards__step.is-active{opacity:1}}@media(prefers-reduced-motion:reduce){.stack-cards__focus-photo,.stack-cards__focus-photo img,.stack-cards__focus.is-ready .stack-cards__step{transition:none}.stack-cards__focus-photo img{scale:none}}.stack-cards--track{--track-inset: max(var(--stay-gutter), calc((100% - var(--page-width)) / 2))}.stack-cards__track--full{--track-inset: var(--stay-gutter-full)}.stack-cards__track--narrow{--track-inset: max(var(--stay-gutter), calc((100% - var(--stay-width-narrow)) / 2))}.stack-cards__track{display:flex;gap:2.4rem;margin-bottom:calc(-1 * var(--stay-motion-distance));padding-bottom:var(--stay-motion-distance);padding-inline:var(--track-inset);scroll-padding-inline:var(--track-inset);overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none}.stack-cards__track::-webkit-scrollbar{display:none}.stack-cards__track:focus-visible{outline:.2rem solid rgb(var(--color-foreground));outline-offset:.4rem}.stack-cards__slide{display:flex;flex:0 0 min(78vw,36rem);flex-direction:column;gap:2rem;scroll-snap-align:start}.stack-cards__slide-media{position:relative;aspect-ratio:4 / 5;border-radius:var(--stay-radius);overflow:clip}.stack-cards__slide-body{display:flex;flex-direction:column;align-items:flex-start;gap:1rem}.stack-cards--track .stack-cards__title{font-size:clamp(2.4rem,1.8rem + 1vw,3.2rem)}.stack-cards__progress{display:none}@media screen and (min-width:990px){.stack-cards--track .stack-cards__header{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:clamp(4.8rem,6vw,9.6rem);align-items:end;max-width:none;margin-bottom:4.8rem}.stack-cards--track .stack-cards__heading{grid-row:span 2;align-self:end}.stack-cards--track .stack-cards__slide{flex-basis:clamp(28rem,24vw,38rem)}}@supports (animation-timeline: view()){@media screen and (min-width:990px)and (prefers-reduced-motion:no-preference){html.stay-motion .stack-cards--track{padding-block:0}html.stay-motion .stack-cards--track .stack-cards__pin{height:calc(100svh + var(--stack-count) * 32svh);view-timeline:--stay-pin block}html.stay-motion .stack-cards--track .stack-cards__stage{position:sticky;top:0;display:flex;flex-direction:column;justify-content:center;height:100svh;container-type:inline-size;overflow:clip}html.stay-motion .stack-cards--track .stack-cards__header{margin-bottom:clamp(3.2rem,5svh,6.4rem)}html.stay-motion .stack-cards--track .stack-cards__track{width:max-content;overflow:visible;scroll-snap-type:none;animation:stay-track linear both;animation-timeline:--stay-pin;animation-range:contain 0% contain 100%}html.stay-motion .stack-cards--track .stack-cards__slide-media{aspect-ratio:auto;height:min(46svh,52rem)}html.stay-motion .stack-cards--track .stack-cards__progress{display:block;height:.1rem;margin-top:clamp(3.2rem,5svh,5.6rem);background:rgba(var(--color-foreground),.2)}html.stay-motion .stack-cards--track [data-stay-pin-progress]{display:block;height:100%;background:var(--stack-icon-color, currentColor);transform-origin:left center;animation:stay-progress linear both;animation-timeline:--stay-pin;animation-range:contain 0% contain 100%}}}@media screen and (min-width:750px){.stack-cards--mosaic{padding-block:12rem}}.stack-cards__mosaic{display:grid;gap:5.6rem}.stack-cards--mosaic .stack-cards__header{margin-bottom:0}.stack-cards__tile{--stay-drift: 0px;display:flex;flex-direction:column;gap:2.4rem}.stack-cards__tile-media{position:relative;aspect-ratio:4 / 5;border-radius:var(--stay-radius);overflow:clip}.stack-cards__tile-body{display:flex;flex-direction:column;align-items:flex-start;gap:1.2rem}@media screen and (min-width:750px){.stack-cards__mosaic{grid-template-columns:minmax(0,5fr) minmax(0,6fr);column-gap:clamp(4.8rem,8vw,14.4rem);row-gap:0}.stack-cards--mosaic .stack-cards__header{grid-column:1;grid-row:1;padding-bottom:9.6rem}.stack-cards__tile{grid-row:span 2;padding-bottom:9.6rem}.stack-cards__tile--right{--stay-drift: 4.8rem;grid-column:2}.stack-cards__tile--left{--stay-drift: 1.6rem;grid-column:1;align-self:center}.stack-cards__tile--left .stack-cards__tile-media{aspect-ratio:1}}.shopify-section[tabindex="-1"]:focus{outline:none}
/*# sourceMappingURL=/cdn/shop/t/27/assets/section-stack-cards.css.map */