.cs-tile{position:relative}.cs-anchor{display:block;height:0;scroll-margin-top:var(--cs-header-h)}.cs-story>.cs-tile:first-of-type{scroll-margin-top:var(--cs-header-h)}.cs-show{padding:var(--cs-section-y) 0}.cs-show__head{text-align:center;max-width:900px;margin:0 auto 8px}.cs-show__intro p{margin:0 auto}.cs-show__stage{margin:24px 0 0}.cs-show__frame{position:relative;width:min(100%,880px);aspect-ratio:var(--ar, 1600 / 1404);margin:0 auto}.cs-show__img{width:100%;height:100%;object-fit:contain}.cs-show__list{display:grid;gap:20px;margin-top:40px;grid-template-columns:1fr}@media(min-width:750px){.cs-show__list{grid-template-columns:repeat(2,1fr)}}@media(min-width:990px){.cs-show__list{grid-template-columns:repeat(5,1fr);gap:24px}}.cs-show__item{display:grid;grid-template-columns:28px 1fr;gap:12px;align-items:start}.cs-show__item strong{display:block;font-size:17px;font-weight:600}.cs-show__text{display:block;color:var(--cs-muted);font-size:17px}.cs-bg-dark .cs-show__text{color:var(--cs-on-dark-muted)}.cs-show__num,.cs-dot-marker__dot{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--cs-teal);color:#fff;font-size:13px;font-weight:600;letter-spacing:0}.cs-dot-marker{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);pointer-events:none}.cs-dot-marker__dot{box-shadow:0 0 0 4px #ffffffe6}.cs-statement{padding:calc(var(--cs-section-y) * 1.4) 0}.cs-statement__text{font-family:var(--cs-font-head);font-weight:600;font-size:56px;line-height:1.07;letter-spacing:-.28px;max-width:1000px;margin:0 auto;text-wrap:balance}@media(max-width:1068px){.cs-statement__text{font-size:40px}}@media(max-width:640px){.cs-statement__text{font-size:30px;line-height:1.12}}.cs-stackscene{padding:var(--cs-section-y) 0}.cs-stackscene__grid{display:grid;gap:32px;align-items:center}.cs-stage{display:grid;grid-template-columns:1fr 1fr;gap:12px}.cs-stage .cs-layer img{width:100%;height:auto;border-radius:18px}.cs-stage--sequence{grid-template-columns:1fr 1fr;max-width:420px}.cs-stage--sequence .cs-layer:not(:first-child):not(:last-child){display:none}.cs-caps__list{display:grid;gap:14px;margin-bottom:24px}.cs-caps__list li{font-family:var(--cs-font-head);font-size:28px;font-weight:600;line-height:1.14;letter-spacing:.196px}@media(max-width:640px){.cs-caps__list li{font-size:21px;line-height:1.19}}@media(min-width:990px){.cs-stackscene__grid{grid-template-columns:1fr 1fr;gap:96px}.cs-stackscene__grid--media-right .cs-stage{order:2}}.cs-scene{padding:var(--cs-section-y) 0;overflow:clip}.cs-scene__grid{display:grid;gap:40px;align-items:center}.cs-scene__copy .cs-lead{margin-bottom:24px}.cs-scene__copy .cs-lead p{max-width:16em}.cs-facts{display:grid;margin-bottom:24px;max-width:520px}.cs-facts li{padding:12px 0;border-top:1px solid var(--cs-hairline);font-size:17px}.cs-facts li:last-child{border-bottom:1px solid var(--cs-hairline)}.cs-bg-dark .cs-facts li{border-color:#fff3}.cs-scene__media{display:grid;grid-template-columns:1.2fr 1fr;gap:12px;align-items:end}.cs-scene__photo,.cs-scene__video{position:relative;border-radius:18px;overflow:hidden;background:var(--cs-sand)}.cs-bg-dark .cs-scene__photo,.cs-bg-dark .cs-scene__video{background:#1d1d1f}.cs-scene__photo img{width:100%;height:auto}.cs-scene__video video,.cs-scene__video img{width:100%;height:auto;display:block}.cs-scene__video .cs-admin-note{position:absolute;left:8px;right:8px;bottom:8px;margin:0;font-size:12px}.cs-vidbtn{position:absolute;right:10px;bottom:10px;width:44px;height:44px;border-radius:50%;border:0;background:#d2d2d7a3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#1d1d1f;display:grid;place-items:center;cursor:pointer}@media(min-width:990px){.cs-scene__grid{grid-template-columns:1fr 1.2fr;gap:96px}}.cs-fx.cs-story-on .cs-pin{position:relative;padding:0}.cs-fx.cs-story-on .cs-pin[data-len=S]{height:170svh}.cs-fx.cs-story-on .cs-pin[data-len=M]{height:240svh}.cs-fx.cs-story-on .cs-pin[data-len=L]{height:320svh}.cs-fx.cs-story-on .cs-sticky{position:sticky;top:var(--cs-header-h);height:calc(100svh - var(--cs-header-h));display:flex;align-items:center;overflow:hidden}.cs-fx.cs-story-on .cs-sticky>.page-width{width:100%}@media(max-width:989px){.cs-fx.cs-story-on .cs-pin[data-len=S]{height:140svh}.cs-fx.cs-story-on .cs-pin[data-len=M]{height:190svh}.cs-fx.cs-story-on .cs-pin[data-len=L]{height:260svh}}.cs-fx.cs-story-on .cs-hero__sticky{flex-direction:column;justify-content:flex-start;align-items:center;padding-top:5svh;padding-bottom:2svh}.cs-fx.cs-story-on .cs-hero__copy{will-change:opacity,transform;flex:none}.cs-fx.cs-story-on .cs-hero__copy.is-away{visibility:hidden}.cs-fx.cs-story-on .cs-hero__media{flex:1 1 0;min-height:0;margin-top:3svh;align-items:center}.cs-fx.cs-story-on .cs-hero__img{width:100%;height:100%;max-width:1040px;object-fit:contain;transform-origin:50% 0;will-change:transform}@media(max-height:700px)and (max-width:989px){.cs-hero__text{display:none}.cs-fx.cs-story-on .cs-hero__ctas{margin-top:14px}}@media(max-width:989px){.cs-fx.cs-story-on .cs-hero__sticky{padding-top:3svh}}.cs-fx.cs-story-on .cs-show__inner{height:100%;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:8px;padding-top:2.5svh;padding-bottom:2.5svh}.cs-fx.cs-story-on .cs-show__head,.cs-fx.cs-story-on .cs-show__head .cs-h2{margin-bottom:0}.cs-fx.cs-story-on .cs-show__intro{display:none}.cs-fx.cs-story-on .cs-show__stage{margin:0;min-height:0;display:grid;place-items:center}.cs-fx.cs-story-on .cs-show__frame{--stage-h: calc(100svh - var(--cs-header-h) - 250px);width:min(100%,calc(var(--stage-h) * var(--arn, 1.14)));max-height:100%;transform-origin:50% 55%;will-change:transform}.cs-fx.cs-story-on .cs-show__list{display:grid;grid-template-columns:1fr;margin:0;min-height:96px;gap:0;text-align:center}.cs-fx.cs-story-on .cs-show__item{grid-area:1 / 1;display:grid;grid-template-columns:auto;justify-items:center;align-content:start;gap:6px;opacity:0;transform:translateY(10px);transition:opacity .25s var(--cs-ease),transform .25s var(--cs-ease);pointer-events:none}.cs-fx.cs-story-on .cs-show__item.is-on{opacity:1;transform:none;pointer-events:auto}.cs-fx.cs-story-on .cs-show__item .cs-show__words{display:grid;gap:4px;justify-items:center;max-width:34em}.cs-fx.cs-story-on .cs-show__item strong{font-size:21px;line-height:1.19;letter-spacing:.231px}.cs-fx.cs-story-on .cs-show__num{display:none}.cs-fx.cs-story-on .cs-dot-marker__dot{transition:transform .2s var(--cs-ease),background-color .2s ease,box-shadow .2s ease;background:#0a6c708c;transform:scale(.7)}.cs-fx.cs-story-on .cs-dot-marker.is-on .cs-dot-marker__dot{background:var(--cs-teal);transform:scale(1.15);box-shadow:0 0 0 4px #fffffff2,0 0 0 9px #0a6c7038}@media(max-width:640px){.cs-fx.cs-story-on .cs-show__frame{--stage-h: calc(100svh - var(--cs-header-h) - 215px)}.cs-fx.cs-story-on .cs-show__item strong{font-size:19px}}.cs-fx.cs-story-on .cs-statement .cs-sticky{align-items:center}.cs-fx.cs-story-on .cs-w{color:var(--cs-dim);transition:color .25s ease}.cs-fx.cs-story-on .cs-w.is-lit{color:var(--cs-ink)}.cs-fx.cs-story-on .cs-bg-dark .cs-w.is-lit{color:#fff}.cs-fx.cs-story-on .cs-stackscene__grid{height:100%;align-content:center}.cs-fx.cs-story-on .cs-stage{--h: calc(100svh - var(--cs-header-h) - 80px);display:block;position:relative;aspect-ratio:var(--ratio, 3/4);width:100%;max-width:calc(var(--h) * (var(--ratio, .75)));max-height:var(--h);margin:0 auto}.cs-fx.cs-story-on .cs-stage .cs-layer{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .4s ease;display:block!important}.cs-fx.cs-story-on .cs-stage--sequence .cs-layer{transition:none}.cs-fx.cs-story-on .cs-stage .cs-layer.is-on{opacity:1}.cs-fx.cs-story-on .cs-stage .cs-layer img{width:100%;height:100%;object-fit:cover;border-radius:18px}.cs-fx.cs-story-on .cs-caps__list li{color:var(--cs-dim);transition:color .3s ease}.cs-fx.cs-story-on .cs-caps__list li.is-on{color:var(--cs-ink)}.cs-fx.cs-story-on .cs-bg-dark .cs-caps__list li.is-on{color:#fff}@media(max-width:989px){.cs-fx.cs-story-on .cs-stackscene__grid{gap:14px}.cs-fx.cs-story-on .cs-stage{--h: calc(100svh - var(--cs-header-h) - 190px)}.cs-fx.cs-story-on .cs-stackscene__copy .cs-h2{font-size:28px;margin-bottom:6px;text-align:center}.cs-fx.cs-story-on .cs-caps__list{display:grid;margin-bottom:4px;min-height:52px;text-align:center}.cs-fx.cs-story-on .cs-caps__list li{grid-area:1 / 1;opacity:0;transition:opacity .3s ease}.cs-fx.cs-story-on .cs-caps__list li.is-on{opacity:1}.cs-fx.cs-story-on .cs-stackscene__copy p{text-align:center}}.cs-fx.cs-story-on .cs-scene__photo img{transform-origin:50% 40%;will-change:transform}.cs-pack{padding:48px 0 var(--cs-section-y);text-align:center;overflow:clip}.cs-pack__copy{max-width:820px;margin:0 auto;padding:0 var(--cs-gutter)}.cs-pack__copy .cs-hero__text{margin-left:auto;margin-right:auto}.cs-pack__copy .cs-hero__ctas,.cs-pack__copy .cs-hero__price{justify-content:center}.cs-pack__still{width:min(100%,640px);margin:24px auto 40px;aspect-ratio:1900 / 1620}.cs-pack__still img{width:100%;height:100%;object-fit:contain}.cs-pack__stage{display:none}.cs-pack__copy--out .cs-hero__ctas{margin-top:20px}.cs-fx.cs-story-on .cs-pack{padding:0;text-align:center}.cs-fx.cs-story-on .cs-pack[data-len=XL]{height:520svh}@media(max-width:989px){.cs-fx.cs-story-on .cs-pack[data-len=XL]{height:440svh}}.cs-fx.cs-story-on .cs-pack__sticky{display:block;background:inherit;--stage-h: calc(100svh - var(--cs-header-h));--bag-h: min(calc(var(--stage-h) * .8), 780px, calc(94vw / 1.1728));--bag-w: calc(var(--bag-h) * 1.1728)}.cs-fx.cs-story-on .cs-pack.cs-bg-cream .cs-pack__sticky{background:var(--cs-cream)}.cs-fx.cs-story-on .cs-pack.cs-bg-sand .cs-pack__sticky{background:var(--cs-sand)}@media(max-width:1179px){.cs-fx.cs-story-on .cs-pack__sticky{--bag-h: min(calc(var(--stage-h) * .6), 700px, calc(94vw / 1.1728))}}@media(max-width:749px){.cs-fx.cs-story-on .cs-pack__sticky{--bag-h: min(calc(var(--stage-h) * .58), calc(104vw / 1.1728))}.cs-fx.cs-story-on .cs-pack__bag{margin-left:calc(var(--bag-w) * -.495)}}.cs-fx.cs-story-on .cs-pack__still{display:none}.cs-fx.cs-story-on .cs-pack__stage{display:block;position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.cs-fx.cs-story-on .cs-pack__bag{position:absolute;bottom:0;left:50%;width:var(--bag-w);height:var(--bag-h);margin-left:calc(var(--bag-w) * -.47);transform-origin:50% 100%;will-change:transform;pointer-events:none}.cs-pack__thump{position:absolute;top:0;right:0;bottom:0;left:0;transform-origin:50% 100%}.cs-fx.cs-story-on .cs-pack__bag img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;max-width:none;object-fit:contain}.cs-pack__shadow{position:absolute;left:12%;width:72%;top:90.5%;height:9%;background:radial-gradient(closest-side,rgba(19,32,31,.26),rgba(19,32,31,.1) 55%,transparent);filter:blur(5px)}.cs-fx.cs-story-on .cs-pack__bag img.cs-pack__lid{visibility:hidden;clip-path:inset(0 0 59.2% 0);transform-origin:50% 40.8%;backface-visibility:hidden}.cs-fx.cs-story-on .cs-pack__bag.is-closing img.cs-pack__lid{visibility:visible}.cs-fx.cs-story-on .cs-pack__bag.is-closing img.cs-pack__open{clip-path:inset(40.7% 0 0 0)}.cs-fx.cs-story-on .cs-pack__bag img.cs-pack__closed{opacity:0}.cs-fx.cs-story-on .cs-pack__items{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none}.cs-fx.cs-story-on .cs-pack__item{position:absolute;left:0;top:0;will-change:transform}.cs-pack__bob{display:block;will-change:transform}.cs-pack__bob img{display:block;width:100%;height:auto}.cs-fx.cs-story-on .cs-pack__bob img{animation:cs-pop .52s var(--cs-ease) both;animation-delay:calc(var(--i, 0) * 60ms + .12s)}@keyframes cs-pop{0%{opacity:0;transform:translate3d(0,16px,0) scale(.96)}}.cs-fx.cs-story-on .cs-pack__copy{position:absolute;left:0;right:0;z-index:3;margin:0 auto;will-change:opacity,transform}.cs-fx.cs-story-on .cs-pack__copy--in{top:4svh}.cs-fx.cs-story-on .cs-pack__copy--out{top:5svh;opacity:0;visibility:hidden}.cs-fx.cs-story-on .cs-pack__copy--in.is-away{visibility:hidden}.cs-fx.cs-story-on .cs-pack__copy--out.is-on{visibility:visible}@media(max-height:760px)and (max-width:989px){.cs-pack__copy--in .cs-hero__price,.cs-pack__copy--in .cs-eyebrow{display:none}}@media(max-height:720px){.cs-pack__copy--in .cs-hero__price{display:none}}@media(max-height:640px)and (max-width:989px){.cs-pack__copy--in .cs-hero__text{display:none}}@media(max-width:640px){.cs-pack__copy--out .cs-lead{font-size:19px}}@media(min-width:750px)and (max-width:1179px){.cs-fx.cs-story-on .cs-pack__copy--in .cs-hero__price{display:none}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/cs-story.css.map */
