.snx-loft{isolation:isolate;background:linear-gradient(180deg,var(--snx-night-2) 0%,#172820 100%)}.snx-loft__track{position:relative;height:calc(var(--snx-loft-length, 380) * 1vh)}.snx-loft__stage{position:sticky;top:0;display:flex;align-items:center;height:100vh;height:100svh;overflow:hidden}.snx-loft__grid{display:grid;grid-template-columns:minmax(0,1fr);gap:2.4rem;align-items:center}@media(min-width:990px){.snx-loft__grid{grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);gap:clamp(3.2rem,4vw,6.4rem)}}.snx-loft__copy{position:relative}.snx-loft__captions{display:grid;margin:2.4rem 0 0}.snx-loft__caption{grid-area:1 / 1;max-width:34ch;color:var(--snx-fg-soft);font-family:var(--snx-display);font-size:clamp(2rem,1.5rem + .9vw,2.6rem);font-weight:400;font-variation-settings:"SOFT" 100;line-height:1.3;opacity:0;transform:translate3d(0,1.4rem,0);transition:opacity .5s ease,transform .7s var(--snx-ease-out)}.snx-loft__caption.is-active{opacity:1;transform:none;transition-delay:.12s}.snx-loft__legend{display:grid;gap:1rem;margin:2.4rem 0 0;padding:0;list-style:none;font-size:1.45rem;line-height:1.45;color:var(--snx-fg-soft)}.snx-loft__legend li{display:flex;gap:1.2rem;align-items:flex-start;opacity:.35;transform:translate3d(-.6rem,0,0);transition:opacity .5s ease,transform .6s var(--snx-ease-out)}.snx-loft__legend strong{color:var(--snx-fg);font-weight:650}.snx-loft.is-exploded .snx-loft__legend li{opacity:1;transform:none}.snx-loft.is-exploded .snx-loft__legend li:nth-child(2){transition-delay:.08s}.snx-loft.is-exploded .snx-loft__legend li:nth-child(3){transition-delay:.16s}.snx-loft__swatch{flex:none;width:1.6rem;height:1.6rem;margin-top:.25rem;border-radius:50%}.snx-loft__swatch--cover{background:#f7f8f4}.snx-loft__swatch--fill{background:#e8eee5;box-shadow:inset 0 0 0 3px #c7d3c3}.snx-loft__swatch--skirt{background:var(--snx-sage)}.snx-loft__progress{position:relative;width:100%;max-width:28rem;height:2px;margin:3.2rem 0 0;border-radius:2px;background:var(--snx-line);overflow:hidden}.snx-loft__progress-fill{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--snx-honey);transform:scaleX(0);transform-origin:0 50%}.snx-loft__tip{max-width:40ch;margin-top:2rem;color:var(--snx-sage);font-size:1.4rem}.snx-loft__art{position:relative}.snx-loft__svg{display:block;width:100%;height:auto;overflow:visible}.snx-loft__leader{stroke-dasharray:1;stroke-dashoffset:1}.snx-loft__dot{opacity:0;transform-box:fill-box;transform-origin:center}.snx-loft__tags{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.snx-loft__tag{position:absolute;left:76%;width:24%;display:grid;gap:.2rem;color:var(--snx-fg-soft);font-size:clamp(1.2rem,.9rem + .3vw,1.4rem);line-height:1.35;opacity:0;transform:translate3d(.8rem,-50%,0);transition:opacity .45s ease,transform .6s var(--snx-ease-out)}.snx-loft__tag strong{color:var(--snx-fg);font-family:var(--snx-display);font-size:1.15em;font-weight:520;font-variation-settings:"SOFT" 100}.snx-loft__tag.is-on{opacity:1;transform:translate3d(0,-50%,0)}@media(max-width:989px){.snx-loft__stage{align-items:flex-start;padding-top:clamp(7rem,12vh,11rem)}.snx-loft__tags,.snx-loft__labels{display:none}.snx-loft__captions,.snx-loft__legend{margin-top:1.6rem}.snx-loft__tip,.snx-loft__progress{display:none}}@media(min-width:990px){.snx-loft__legend{display:none}}.snx-stats{isolation:isolate;padding:clamp(6rem,8vw,10rem) 0;background:linear-gradient(180deg,#172820 0%,var(--snx-forest) 100%)}.snx-stats__list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin:0;padding:0;list-style:none}@media(min-width:990px){.snx-stats__list{grid-template-columns:repeat(var(--snx-stat-count, 4),minmax(0,1fr))}}.snx-stat{display:grid;align-content:start;gap:1rem;padding:2.4rem clamp(1.6rem,2.4vw,3.2rem);border-left:1px solid var(--snx-line)}.snx-stat:nth-child(odd){border-left:0}@media(min-width:990px){.snx-stat:nth-child(odd){border-left:1px solid var(--snx-line)}.snx-stat:first-child{border-left:0}}.snx-stat__value{display:flex;align-items:baseline;color:var(--snx-fg);font-family:var(--snx-display);font-size:clamp(4.4rem,3rem + 3vw,8rem);font-weight:440;font-variation-settings:"SOFT" 100;line-height:1;letter-spacing:-.03em;font-variant-numeric:lining-nums tabular-nums;white-space:nowrap}.snx-stat__suffix{margin-left:.22em;color:var(--snx-honey);font-size:.42em;letter-spacing:0}.snx-stat__label{max-width:22ch;color:var(--snx-fg-soft);font-size:1.5rem;line-height:1.4}.snx-videos{isolation:isolate;padding:clamp(6rem,8vw,11rem) 0 clamp(7rem,9vw,12rem);background:linear-gradient(180deg,var(--snx-forest) 0%,var(--snx-forest-2) 100%)}.snx-videos__head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:2rem;margin-bottom:clamp(3.2rem,4vw,4.8rem)}.snx-videos__sub{margin-top:1.2rem;color:var(--snx-fg-soft)}.snx-videos__nav{display:none;gap:1rem}@media(min-width:750px){.snx-videos__nav{display:flex}}.snx-videos__rail{--rail-pad: max(var(--snx-gutter), calc((100vw - var(--snx-max)) / 2 + var(--snx-gutter)));display:flex;gap:clamp(1.2rem,1.6vw,2rem);padding:1.6rem var(--rail-pad) 3.2rem;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:var(--rail-pad);scrollbar-width:none;perspective:1200px}.snx-videos__rail::-webkit-scrollbar{display:none}.snx-reel{flex:0 0 clamp(22rem,64vw,28rem);margin:0;scroll-snap-align:start}.snx-reel__frame{--rx: 0deg;--ry: 0deg;position:relative;aspect-ratio:9 / 16;border-radius:2.4rem;overflow:hidden;background:#0b1511;box-shadow:0 3rem 6rem -3rem #000c,0 0 0 1px #e8eee51a;transform:rotateX(var(--rx)) rotateY(var(--ry));transition:transform .7s var(--snx-ease-out),box-shadow .5s ease;transform-style:preserve-3d}.snx-reel.is-playing .snx-reel__frame{box-shadow:0 3rem 6rem -3rem #000c,0 0 0 2px var(--snx-honey)}.snx-reel__video{display:block;width:100%;height:100%;object-fit:cover;background:#0b1511}.snx-reel__toggle{position:absolute;top:50%;left:50%;display:grid;place-items:center;width:6.4rem;height:6.4rem;padding:0;border:0;border-radius:50%;background:#0f1b1680;color:var(--snx-mist);cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transform:translate(-50%,-50%);transition:opacity .35s ease,transform .5s var(--snx-ease-spring),background-color .3s ease}.snx-reel__toggle:hover{transform:translate(-50%,-50%) scale(1.08)}.snx-reel__ring{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.snx-reel__ring-progress{color:var(--snx-honey);stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--progress, 0))}.snx-reel__icon{grid-area:1 / 1;display:grid;place-items:center;transition:opacity .25s ease,transform .4s var(--snx-ease-spring)}.snx-reel__icon .snx-icon{width:2.4rem;height:2.4rem}.snx-reel__icon--pause,.snx-reel.is-playing .snx-reel__icon--play{opacity:0;transform:scale(.6)}.snx-reel.is-playing .snx-reel__icon--pause{opacity:1;transform:none}.snx-reel.is-playing .snx-reel__toggle{opacity:0}.snx-reel.is-playing .snx-reel__frame:hover .snx-reel__toggle,.snx-reel.is-playing .snx-reel__toggle:focus-visible,.snx-reel.show-controls .snx-reel__toggle{opacity:1}.snx-reel__caption{margin-top:1.2rem;color:var(--snx-fg-soft);font-size:1.4rem}@media(prefers-reduced-motion:reduce){.snx-loft__track{height:auto}.snx-loft__stage{position:relative;height:auto;min-height:0;padding:clamp(6rem,9vw,12rem) 0}}
/*# sourceMappingURL=/cdn/shop/t/16/assets/snugler-story.css.map */