.cine-jar-spin{position:relative;background:var(--bg);color:var(--fg)}.cine-jar-spin__track{display:block;position:relative;height:var(--spin-height, 320svh)}.cine-jar-spin__stage{position:sticky;top:0;height:100svh;overflow:clip;isolation:isolate}.cine-jar-spin__poster,.cine-jar-spin__canvas,.cine-jar-spin__video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.cine-jar-spin__canvas{z-index:1;opacity:0;transition:opacity .6s var(--cine-ease, ease)}.cine-jar-spin__track.is-ready .cine-jar-spin__canvas{opacity:1}.cine-jar-spin__video{z-index:1;opacity:0;pointer-events:none;transition:opacity .6s var(--cine-ease, ease)}.cine-jar-spin__track.is-ready .cine-jar-spin__video{opacity:1}.cine-jar-spin__scrim{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;background:linear-gradient(180deg,var(--abyss) 0%,transparent 22%,transparent 70%,var(--abyss) 100%),radial-gradient(ellipse 70% 60% at 50% 55%,transparent 45%,rgba(3,25,26,.55) 100%)}.cine-jar-spin__copy{position:absolute;z-index:3;left:0;right:0;top:clamp(112px,16vh,160px);display:grid;gap:12px;justify-items:center;text-align:center}.cine-jar-spin__heading{margin:0;text-wrap:balance}.cine-jar-spin__copy{transition:opacity .5s var(--cine-ease, ease),transform .5s var(--cine-ease, ease)}.cine-jar-spin__track.is-past-intro .cine-jar-spin__copy{opacity:0;transform:translateY(-24px)}.cine-jar-spin__captions{position:absolute;z-index:3;top:0;right:0;bottom:0;left:0;margin:0;padding:0;list-style:none;pointer-events:none}.cine-jar-spin__caption{position:absolute;bottom:18vh;max-width:300px;display:grid;gap:6px;opacity:0;transform:translateY(18px);transition:opacity .55s var(--cine-ease, ease),transform .55s var(--cine-ease, ease)}.cine-jar-spin__caption--left{left:clamp(20px,7vw,120px)}.cine-jar-spin__caption--right{right:clamp(20px,7vw,120px);text-align:right}.cine-jar-spin__caption.is-on{opacity:1;transform:none}.cine-jar-spin__caption-num{color:var(--gold)}.cine-jar-spin__caption-title{font-family:var(--cine-font-display, "Cormorant", Georgia, serif);font-weight:300;font-size:clamp(1.9rem,3.4vw,3rem);line-height:1.02;letter-spacing:-.02em}.cine-jar-spin__caption-body{color:var(--fg-muted);font-size:15px;line-height:1.6}@media(max-width:749px){.cine-jar-spin__track{height:min(var(--spin-height, 320svh),260svh)}.cine-jar-spin__caption,.cine-jar-spin__caption--right{left:20px;right:20px;bottom:12vh;max-width:none;text-align:left}}.cine-jar-spin__track.is-static{height:auto}.cine-jar-spin__track.is-static .cine-jar-spin__stage{position:relative;height:auto;display:grid;padding-block:120px 64px;gap:32px}.cine-jar-spin__track.is-static .cine-jar-spin__poster{position:relative;aspect-ratio:16 / 9;height:auto}.cine-jar-spin__track.is-static .cine-jar-spin__canvas,.cine-jar-spin__track.is-static .cine-jar-spin__video,.cine-jar-spin__track.is-static .cine-jar-spin__scrim{display:none}.cine-jar-spin__track.is-static .cine-jar-spin__copy,.cine-jar-spin__track.is-static .cine-jar-spin__captions{position:relative;inset:auto;top:auto}.cine-jar-spin__track.is-static .cine-jar-spin__captions{display:grid;gap:24px;padding-inline:clamp(20px,4vw,48px)}.cine-jar-spin__track.is-static .cine-jar-spin__caption{position:relative;inset:auto;opacity:1;transform:none;text-align:left;max-width:60ch}.cine-jar-spin__picture{display:contents}.cine-jar-spin__loop{display:none}@media(max-width:749px),(hover:none)and (pointer:coarse){.cine-jar-spin .cine-jar-spin__track{height:auto}.cine-jar-spin .cine-jar-spin__track .cine-jar-spin__stage{position:relative;top:auto;height:auto;overflow:visible;display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"copy" "media" "caps";justify-items:center;row-gap:clamp(28px,7vw,40px);padding:clamp(72px,16vw,112px) 20px clamp(64px,14vw,96px);background:radial-gradient(ellipse 90% 55% at 50% 52%,rgba(11,125,125,.16),transparent 70%)}.cine-jar-spin .cine-jar-spin__track .cine-jar-spin__copy{grid-area:copy;position:relative;inset:auto;padding-inline:0;opacity:1;transform:none;transition:none}.cine-jar-spin .cine-jar-spin__track .cine-jar-spin__poster,.cine-jar-spin .cine-jar-spin__track .cine-jar-spin__loop,.cine-jar-spin .cine-jar-spin__track .cine-jar-spin__scrim{grid-area:media;position:relative;inset:auto;width:100%;max-width:440px;height:auto;aspect-ratio:3 / 4;border-radius:22px;object-fit:cover}.cine-jar-spin .cine-jar-spin__track .cine-jar-spin__poster{box-shadow:0 40px 80px -36px #000000bf,0 0 0 1px #f3ede30f;background:var(--deep, #062B2B)}.cine-jar-spin .cine-jar-spin__track .cine-jar-spin__loop{display:block;z-index:1;opacity:0;pointer-events:none;transition:opacity .8s var(--cine-ease, ease)}.cine-jar-spin .cine-jar-spin__track.is-looping .cine-jar-spin__loop{opacity:1}.cine-jar-spin .cine-jar-spin__track .cine-jar-spin__canvas,.cine-jar-spin .cine-jar-spin__track .cine-jar-spin__video{display:none}.cine-jar-spin .cine-jar-spin__track .cine-jar-spin__scrim{z-index:2;background:radial-gradient(ellipse 85% 70% at 50% 45%,transparent 55%,rgba(3,25,26,.45) 100%);box-shadow:inset 0 0 0 1px #f3ede314}.cine-jar-spin .cine-jar-spin__track .cine-jar-spin__captions{grid-area:caps;position:relative;inset:auto;width:100%;max-width:440px;display:grid;padding:0;pointer-events:auto}.cine-jar-spin .cine-jar-spin__track .cine-jar-spin__caption{position:relative;inset:auto;max-width:none;grid-template-columns:2.25rem minmax(0,1fr);column-gap:12px;row-gap:4px;padding-block:18px;border-top:1px solid rgba(243,237,227,.12);text-align:left;opacity:1;transform:none;transition:none}.cine-jar-spin .cine-jar-spin__track .cine-jar-spin__caption:last-child{border-bottom:1px solid rgba(243,237,227,.12)}.cine-jar-spin .cine-jar-spin__caption-num{grid-row:span 2;padding-top:.55em}.cine-jar-spin .cine-jar-spin__caption-title{font-size:clamp(1.55rem,6.4vw,2rem)}.cine-jar-spin .cine-jar-spin__caption-body{grid-column:2;font-size:14.5px}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/cine-jar-spin.css.map */