.eg-storycards{background:var(--eg-storycards-band-bg);padding-block:0}.eg-storycards__head{max-width:var(--eg-features-measure);margin-inline:auto;margin-bottom:var(--eg-features-list-space-above);text-align:center}.eg-storycards__title{margin-top:var(--eg-features-heading-space-above)}.eg-storycards__intro{margin-top:var(--eg-features-intro-space-above)}.eg-storycards__list{list-style:none;margin:0 auto;padding:0;max-width:var(--eg-storycards-width);display:grid;gap:var(--eg-storycards-gap)}.eg-storycard{display:grid;grid-template-columns:1fr 1fr}.eg-storycard__media{position:relative;aspect-ratio:1 / 1}.eg-storycard__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.eg-storycard__img--placeholder{background:var(--eg-toast);fill:var(--eg-brulee)}.eg-storycard__panel{padding:var(--eg-storycards-panel-pad);background:var(--eg-storycards-panel-bg)}.eg-storycard__eyebrow{margin:0}.eg-storycard__title{margin:0;padding-top:var(--eg-features-heading-space-above);font-size:var(--eg-features-heading-size);color:var(--eg-ink)}.eg-storycard__text{margin:0;padding-top:var(--eg-features-intro-space-above);font-size:var(--eg-features-text-size)}.eg-storycard__text>p{margin:0}.eg-storycard__text>p+p{padding-top:var(--eg-features-intro-space-above)}.eg-storycard__steps{margin:0;padding-top:var(--eg-features-intro-space-above);font-size:var(--eg-features-text-size)}.eg-storycard__steps ol{display:grid;row-gap:var(--eg-hr-list-gap);margin:0;padding-inline:var(--eg-hr-list-hang) 0;list-style-position:outside;line-height:var(--eg-hr-list-lh);color:var(--eg-ink)}.eg-storycard__steps li::marker{color:var(--eg-hr-list-marker-ink);content:counter(list-item) "." var(--eg-hr-list-marker-gap)}.eg-storycards__cta{max-width:var(--eg-storycards-width);margin:var(--eg-features-cta-space-above) auto 0}.eg-storycards__foot{max-width:var(--eg-features-measure);margin:var(--eg-features-cta-space-above) auto 0;text-align:center}@media screen and (min-width:750px)and (prefers-reduced-motion:no-preference){.eg-storycards{--eg-hr-seam-half: calc(var(--eg-hr-frame) / 2)}[data-eg-sc-ready] .eg-storycards__list{max-width:none;margin-inline:0;grid-template-columns:1fr 1fr;grid-template-rows:repeat(var(--eg-storycards-pairs, 1),auto);column-gap:var(--eg-hr-frame);row-gap:0;padding-inline:var(--eg-hr-frame);padding-block:var(--eg-hr-seam-half)}[data-eg-sc-ready] .eg-storycard{display:contents}[data-eg-sc-ready] .eg-storycard__media{grid-column:1;grid-row:1 / -1;align-self:start;position:sticky;top:var(--eg-hr-frame);block-size:calc(var(--eg-hr-panel-min-h) - var(--eg-hr-frame) * 2);aspect-ratio:auto;inline-size:100%;min-width:0}[data-eg-sc-ready] .eg-storycard__panel{grid-column:2;align-self:start;background:none;padding:var(--eg-storycards-copy-pad) 0;max-inline-size:var(--eg-hr-measure)}[data-eg-sc-armed] .eg-storycard__media{transition:opacity var(--eg-hr-fade-dur) var(--eg-hr-fade-ease)}[data-eg-sc-ready] .eg-storycards__list>.eg-storycard:not(:first-child) .eg-storycard__media{opacity:0}[data-eg-sc-ready] .eg-storycards__list>.eg-storycard:not(:first-child) .eg-storycard__media[data-eg-sc-shown]{opacity:1}}@media screen and (max-width:749px){.eg-storycards{--eg-hr-frame: 2.4rem;--eg-hr-seam-half: calc(var(--eg-home-stack-gap) / 2)}.eg-storycards__list{max-width:none;margin-inline:0;grid-template-columns:minmax(0,1fr);row-gap:var(--eg-hr-frame);padding-inline:var(--eg-hr-frame);padding-block:var(--eg-hr-seam-half)}.eg-storycard{display:contents}.eg-storycard+.eg-storycard .eg-storycard__media{margin-block-start:calc(var(--eg-home-stack-gap) - var(--eg-hr-frame))}.eg-storycard__media{aspect-ratio:var(--eg-hr-media-ratio);block-size:auto;inline-size:100%;min-width:0}.eg-storycard__panel{background:none;padding:0;max-inline-size:var(--eg-hr-measure)}.eg-storycard__title{font-size:var(--eg-home-head-size);line-height:var(--eg-home-head-lh)}.eg-storycard__text,.eg-storycard__steps{font-size:var(--eg-home-body-size);line-height:var(--eg-home-body-lh)}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/section-eg-story-cards.css.map */