.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:1;transform:none;will-change:auto;animation:none}.product-showcase__cards{position:relative;display:block;padding:0;min-height:400vh}.product-showcase__cards-stage{position:sticky;top:10rem;transform:none;margin:0 auto;width:100%;max-width:50rem}.showcase-card{position:absolute;top:0;right:0;bottom:0;left:0;margin:0;box-sizing:border-box;padding:0;background-color:var(--sabera-bg-soft);border-radius:0;display:flex;flex-direction:column;justify-content:flex-start;gap:1.6rem;overflow:hidden;opacity:1;transform:translateY(100vh)}.showcase-card__text{padding:0 2.4rem;font-size:1.5rem}.showcase-card:nth-child(1){position:relative;inset:auto;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%}}@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}}}html{scroll-snap-type:y proximity}.product-showcase__snap-track{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:-1}.product-showcase__snap{position:absolute;left:0;width:1px;height:100vh;scroll-snap-align:start;scroll-snap-stop:normal}.product-showcase__snap:nth-child(1){top:0}.product-showcase__snap:nth-child(2){top:100vh}.product-showcase__snap:nth-child(3){top:200vh}.product-showcase__snap:nth-child(4){top:300vh}@media(prefers-reduced-motion:reduce){html{scroll-snap-type: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:1;transform:translateY(100%)}.showcase-card:nth-child(1){transform:translateY(0)}.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%{transform:translateY(100vh)}to{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/7/assets/section-product-showcase.css.map */