.dg-showcase{position:relative}.dg-showcase__pin{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden;isolation:isolate}.dg-showcase__bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:radial-gradient(60% 50% at 50% 42%,rgba(63,130,109,.1),transparent 72%),linear-gradient(180deg,#fff 0%,var(--dg-green-50) 100%)}.dg-showcase__stage{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:grid;place-items:center}.dg-showcase__halo{position:absolute;top:46%;left:50%;width:52rem;height:52rem;max-width:88vw;max-height:70vh;transform:translate(-50%,-50%);background:radial-gradient(closest-side,rgba(63,130,109,.22),rgba(75,143,179,.1) 45%,transparent 72%);filter:blur(4px);z-index:-1;pointer-events:none}.dg-showcase__mv{width:min(90vw,60rem);height:82vh;height:82svh;background:transparent;pointer-events:none;--poster-color: transparent;--progress-bar-height: 0px}.dg-showcase__ph{width:40rem;max-width:80vw;opacity:.5}.dg-showcase__loader{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-family:var(--dg-font-sans);font-size:var(--dg-text-xs);font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--dg-green-700);transition:opacity .4s var(--dg-ease)}.dg-showcase.is-loaded .dg-showcase__loader{opacity:0}.dg-showcase__acts{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none}.dg-showcase__act{position:absolute;top:50%;transform:translateY(-50%);width:min(42rem,42vw);opacity:0;visibility:hidden;transition:opacity .6s var(--dg-ease),transform .6s var(--dg-ease)}.dg-showcase__act--left{left:clamp(2rem,5vw,8rem);transform:translateY(-46%)}.dg-showcase__act--right{right:clamp(2rem,5vw,8rem);text-align:right;transform:translateY(-46%)}.dg-showcase__act--right .dg-eyebrow:before{display:none}.dg-showcase__act--center{left:50%;bottom:8vh;top:auto;transform:translate(-50%) translateY(20px);text-align:center;width:min(52rem,90vw)}.dg-showcase__act.is-active{opacity:1;visibility:visible;transform:translateY(-50%);pointer-events:auto}.dg-showcase__act--center.is-active{transform:translate(-50%) translateY(0)}.dg-showcase__act-title{font-size:var(--dg-text-2xl);line-height:1.06;letter-spacing:-.02em;margin:0}.dg-showcase__act-title em{font-style:italic;color:var(--dg-green-700)}.dg-showcase__act-text{font-size:var(--dg-text-lg);line-height:var(--dg-leading-snug);color:var(--dg-muted);margin:var(--dg-space-4) 0 0}.dg-showcase__act--right .dg-showcase__act-text{margin-left:auto}.dg-showcase__act-cta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--dg-space-3) var(--dg-space-5);margin-top:var(--dg-space-6)}.dg-showcase__act--right .dg-showcase__act-cta{justify-content:flex-end}.dg-showcase__act--center .dg-showcase__act-cta{justify-content:center}.dg-showcase__rail{position:absolute;top:50%;right:2.4rem;transform:translateY(-50%);z-index:3;display:flex;flex-direction:column;gap:1rem}.dg-showcase__dot{width:.8rem;height:.8rem;border-radius:50%;background:#16241f29;transition:background .4s var(--dg-ease),transform .4s var(--dg-ease)}.dg-showcase__dot.is-active{background:var(--dg-green);transform:scale(1.5)}.dg-showcase__hint{position:absolute;bottom:3vh;left:50%;transform:translate(-50%);z-index:3;display:flex;flex-direction:column;align-items:center;gap:.6rem;font-family:var(--dg-font-sans);font-size:1.1rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--dg-muted);transition:opacity .4s var(--dg-ease)}.dg-showcase__hint svg{width:1.8rem;height:2.2rem;animation:dg-showcase-bob 1.8s var(--dg-ease-in-out) infinite}.dg-showcase__hint.is-hidden{opacity:0}@keyframes dg-showcase-bob{0%,to{transform:translateY(0)}50%{transform:translateY(4px)}}@media(max-width:749px){.dg-showcase__mv{width:92vw;height:56vh;height:56svh;margin-top:-8vh}.dg-showcase__halo{top:38%;width:40rem;height:40rem}.dg-showcase__act,.dg-showcase__act--left,.dg-showcase__act--right,.dg-showcase__act--center{left:50%;right:auto;top:auto;bottom:10vh;width:min(46rem,88vw);transform:translate(-50%) translateY(16px);text-align:center}.dg-showcase__act.is-active{transform:translate(-50%) translateY(0)}.dg-showcase__act--right{text-align:center}.dg-showcase__act--right .dg-showcase__act-text{margin-inline:auto}.dg-showcase__act-cta,.dg-showcase__act--right .dg-showcase__act-cta{justify-content:center}.dg-showcase__rail{right:1.2rem}.dg-showcase__act-title{font-size:var(--dg-text-xl)}.dg-showcase__act-text{font-size:var(--dg-text-base)}}@media(prefers-reduced-motion:reduce){.dg-showcase__hint svg{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/section-dg-showcase.css.map */