.product-showcase{background-color:var(--sabera-bg-soft);width:100%}.product-showcase__inner{display:flex;flex-direction:column;gap:3.2rem;width:100%;max-width:144rem;margin:0 auto}.product-showcase__text{display:flex;flex-direction:column;gap:2.4rem;padding:0 2.4rem}.product-showcase__ttl{display:flex;flex-direction:column;gap:1.6rem}.product-showcase__eyebrow{margin:0;font-family:var(--sabera-font);font-size:1.6rem;line-height:1.6;color:var(--sabera-green)}.product-showcase__heading{margin:0;font-family:var(--sabera-font);font-size:3.2rem;font-weight:700;line-height:1.5;color:var(--sabera-green)}.product-showcase__heading p{margin:0}.product-showcase__body{font-family:var(--sabera-font);font-size:1.6rem;line-height:1.6;color:var(--sabera-text)}.product-showcase__body p{margin:0}.product-showcase__btn{display:inline-flex;align-items:center;justify-content:center;align-self:flex-start;width:24rem;height:4.8rem;border:1px solid var(--sabera-text);background:transparent;font-family:var(--sabera-font);font-size:1.6rem;font-weight:400;line-height:1.3;color:var(--sabera-text);text-decoration:none;letter-spacing:.1em;transition:background-color .15s ease,color .15s ease}.product-showcase__btn:hover,.product-showcase__btn:focus-visible{background-color:var(--sabera-text);color:var(--sabera-bg-soft)}@media screen and (max-width:989px){.product-showcase{min-height:400vh;view-timeline-name:--sabera-showcase;view-timeline-axis:block;position:relative}.product-showcase__text{opacity:0;transform:translateY(2rem);will-change:opacity,transform}.product-showcase__cards{position:relative;display:block;padding:0;min-height:400vh}.product-showcase__cards-stage{position:sticky;top:50vh;transform:translateY(-50%);margin:0 auto;width:calc(100% - 4.8rem);max-width:50rem}.showcase-card{position:absolute;top:0;right:0;bottom:0;left:0;margin:0;box-sizing:border-box;padding:2.4rem;background-color:var(--sabera-bg-card);border-radius:.8rem;display:flex;flex-direction:column;justify-content:center;gap:1.6rem;overflow:hidden;opacity:0;transform:translateY(60vh)}.showcase-card:nth-child(1){position:relative;inset:auto;opacity:1;transform:none}@supports (animation-timeline: view()){.showcase-card:nth-child(2){animation:sabera-card-rise linear both;animation-timeline:--sabera-showcase;animation-range:cover 10% cover 35%}.showcase-card:nth-child(3){animation:sabera-card-rise linear both;animation-timeline:--sabera-showcase;animation-range:cover 35% cover 60%}.showcase-card:nth-child(4){animation:sabera-card-rise linear both;animation-timeline:--sabera-showcase;animation-range:cover 60% cover 85%}.product-showcase__text{animation:sabera-showcase-text-rise linear both;animation-timeline:--sabera-showcase;animation-range:cover 0% cover 10%}}@media(prefers-reduced-motion:reduce){.product-showcase__text,.showcase-card{opacity:1;transform:none;animation:none}}@supports not (animation-timeline: view()){.product-showcase__text,.showcase-card{opacity:1;transform:none}}}.showcase-card{display:flex;flex-direction:column;gap:1.6rem}.showcase-card__media{width:100%;aspect-ratio:1 / 1;overflow:hidden}.showcase-card__text{padding:0 2.4rem}@media screen and (min-width:990px){.showcase-card__media{background-color:#0000000a}}.showcase-card__media img,.showcase-card__placeholder{width:100%;height:100%;object-fit:cover}@supports (animation-timeline: view()){.showcase-card__media img{will-change:transform;animation:sabera-parallax-y linear both;animation-timeline:--sabera-showcase;animation-range:cover 0% cover 100%}@keyframes sabera-parallax-y{0%{transform:scale(1.15) translateY(-5%)}to{transform:scale(1.15) translateY(5%)}}@media(prefers-reduced-motion:reduce){.showcase-card__media img{animation:none;transform:none}}}.showcase-card__placeholder{background-image:linear-gradient(135deg,#0000000f,#00000014)}.showcase-card__text{font-family:var(--sabera-font);font-size:1.6rem;font-weight:500;line-height:1.5;color:var(--sabera-text)}.showcase-card__text p{margin:0}@media screen and (min-width:990px){.product-showcase{min-height:400vh;view-timeline-name:--sabera-showcase;view-timeline-axis:block}.product-showcase__inner{display:grid;grid-template-columns:35.2rem 1fr;gap:7.2rem;padding:0 20.8rem;box-sizing:border-box;max-width:144rem;position:relative;min-height:calc(400vh - 80px)}.product-showcase__text{position:sticky;top:calc((100vh - 70rem)/2);align-self:start;height:70rem;justify-content:center;gap:5.6rem;padding:0}.product-showcase__heading{font-size:4rem}.product-showcase__cards{align-self:stretch;position:relative;display:block;padding:0;min-height:calc(400vh - 80px)}.product-showcase__cards-stage{position:sticky;top:calc((100vh - 70rem)/2);height:70rem;width:100%;max-width:60rem;margin:0 auto}.showcase-card{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;box-sizing:border-box;padding:4rem;background-color:var(--sabera-bg-card);display:flex;flex-direction:column;gap:1.6rem;overflow:hidden;opacity:0;transform:translateY(80vh)}.product-showcase__text{opacity:0;transform:translateY(2.4rem);will-change:opacity,transform}@supports (animation-timeline: view()){.showcase-card{animation:sabera-card-rise linear both;animation-timeline:--sabera-showcase}.showcase-card:nth-child(1){animation-range:cover 0% cover 20%}.showcase-card:nth-child(2){animation-range:cover 20% cover 40%}.showcase-card:nth-child(3){animation-range:cover 40% cover 60%}.showcase-card:nth-child(4){animation-range:cover 60% cover 80%}.product-showcase__text{animation:sabera-showcase-text-rise linear both;animation-timeline:--sabera-showcase;animation-range:cover 10% cover 30%}}@media(prefers-reduced-motion:reduce){.product-showcase__text,.showcase-card{opacity:1;transform:none;animation:none}}@supports not (animation-timeline: view()){.product-showcase__text,.showcase-card{opacity:1;transform:none}}.showcase-card__media{aspect-ratio:1 / 1;max-width:52rem;margin:0 auto;width:100%}.showcase-card__text{font-size:1.8rem;text-align:center;padding:0}}@keyframes sabera-card-rise{0%{opacity:0;transform:translateY(80vh)}to{opacity:1;transform:translateY(0)}}@keyframes sabera-showcase-text-rise{0%{opacity:0;transform:translateY(2.4rem)}to{opacity:1;transform:translateY(0)}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/section-product-showcase.css.map */