.cx-story{position:relative;padding-top:var(--pad-top, 96px);padding-bottom:var(--pad-bottom, 96px);background:var(--cx-bg);color:var(--cx-text);overflow-x:clip;--st-edge: max(var(--cx-gutter), (100% - var(--cx-max)) / 2);--st-pop: 0 7px 0 rgba(11, 59, 55, .9);--st-pop-hover: 0 12px 0 rgba(11, 59, 55, .9);--st-cream-card: #ffe6b3;--st-plate-shadow: 0 5px 0 rgba(11, 59, 55, .16), 0 20px 34px -22px rgba(120, 66, 8, .5)}html[data-theme=dark] .cx-story{--st-pop: 0 7px 0 rgba(0, 0, 0, .5);--st-pop-hover: 0 12px 0 rgba(0, 0, 0, .5);--st-cream-card: var(--cx-cream);--st-plate-shadow: 0 5px 0 rgba(0, 0, 0, .25), 0 20px 34px -22px rgba(0, 0, 0, .6)}.cx-story__doodles{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.cx-story__spark{position:absolute}.cx-story__spark svg{display:block;width:100%;height:100%}.cx-story__spark--1{--size: 2.8rem;top:calc(var(--pad-top, 96px) * .55);right:12%;color:var(--cx-orange)}.cx-story__spark--2{--size: 1.8rem;top:calc(var(--pad-top, 96px) + 8rem);right:22%;color:var(--cx-green-2)}html[data-theme=dark] .cx-story__spark--2{color:var(--cx-yellow)}.cx-story__head{position:relative;display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:2.4rem;margin-bottom:clamp(3.2rem,5vw,5.6rem)}.cx-story__head-copy{display:grid;gap:1.6rem;justify-items:start;max-width:64rem}.cx-story__head .cx-lead{max-width:56ch}.cx-story__nav{display:flex;gap:1rem}.cx-story__nav[hidden]{display:none}.cx-story__arrow{display:grid;place-items:center;width:5.2rem;height:5.2rem;border:0;border-radius:50%;background:var(--cx-btn-bg);color:var(--cx-btn-fg);box-shadow:0 4px 0 var(--cx-btn-press);cursor:pointer;transition:transform .35s var(--cx-spring),box-shadow .35s var(--cx-spring),opacity .3s}.cx-story__arrow svg{width:2.2rem;height:2.2rem}.cx-story__arrow:hover{transform:translateY(-2px) rotate(-6deg);box-shadow:0 6px 0 var(--cx-btn-press)}.cx-story__arrow:active{transform:translateY(3px);box-shadow:0 1px 0 var(--cx-btn-press)}.cx-story__arrow:disabled{opacity:.35;cursor:default;transform:none;box-shadow:0 4px 0 var(--cx-btn-press)}.cx-story__arrow:focus-visible{outline:3px solid var(--cx-orange);outline-offset:3px}.cx-story__rail{position:relative;display:grid;grid-auto-flow:column;grid-auto-columns:min(82vw,40rem);gap:clamp(1.6rem,2.4vw,3.2rem);margin:0;padding:1.6rem var(--st-edge) 3.2rem;scroll-padding-inline:var(--st-edge);list-style:none;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}.cx-story__rail::-webkit-scrollbar{display:none}.cx-story__rail:focus-visible{outline:3px solid var(--cx-orange);outline-offset:-3px;border-radius:var(--cx-radius)}.cx-story__rail.is-dragging{cursor:grabbing;scroll-snap-type:none;-webkit-user-select:none;user-select:none}.cx-story__rail.is-dragging a{pointer-events:none}@media screen and (min-width:990px){.cx-story__rail{grid-auto-columns:clamp(34rem,30vw,42rem)}}.cx-story__card{--c-bg: var(--cx-yellow);--c-ink: var(--cx-on-yellow);--c-ink-2: #1f4640;--c-tint: rgba(11, 59, 55, .1);--c-badge-bg: var(--cx-green);--c-badge-fg: var(--cx-on-green);--c-btn-bg: var(--cx-green);--c-btn-fg: var(--cx-cream);--c-btn-press: #062e2a;--c-icon-bg: var(--cx-cream);--c-icon-fg: var(--cx-on-cream);--tilt: -1.2deg;position:relative;display:flex;flex-direction:column;min-width:0;border-radius:var(--cx-radius-xl);background:var(--c-bg);color:var(--c-ink);box-shadow:var(--st-pop);scroll-snap-align:start;rotate:var(--tilt)}.cx-story__card:nth-child(4n+2){--c-bg: var(--cx-green);--c-ink: var(--cx-on-green);--c-ink-2: #f2e6cc;--c-tint: rgba(255, 247, 232, .1);--c-badge-bg: var(--cx-yellow);--c-badge-fg: var(--cx-on-yellow);--c-btn-bg: var(--cx-yellow);--c-btn-fg: var(--cx-on-yellow);--c-btn-press: #b88700;--tilt: 1.2deg}.cx-story__card:nth-child(4n+3){--c-bg: var(--cx-orange);--c-ink: var(--cx-on-orange);--c-ink-2: #2a1407;--c-tint: rgba(31, 15, 5, .1);--c-badge-bg: var(--cx-cream);--c-badge-fg: var(--cx-on-cream);--c-btn-bg: var(--cx-green);--c-btn-fg: var(--cx-cream);--c-btn-press: #062e2a;--tilt: -.8deg}.cx-story__card:nth-child(4n+4){--c-bg: var(--st-cream-card);--c-ink: var(--cx-on-cream);--c-ink-2: #2f5650;--c-tint: rgba(232, 93, 42, .16);--c-badge-bg: var(--cx-orange);--c-badge-fg: var(--cx-on-orange);--c-icon-bg: var(--cx-green);--c-icon-fg: var(--cx-on-green);--tilt: 1deg}@media(hover:hover){.cx-story__card:hover,.cx-story__card:nth-child(2n):hover{transform:translateY(-8px);rotate:0deg;box-shadow:var(--st-pop-hover)}}.cx-story__card{transition:transform .45s var(--cx-spring),rotate .45s var(--cx-spring),box-shadow .45s var(--cx-spring)}.cx-story__media{position:relative;aspect-ratio:1 / .86;margin:1.2rem 1.2rem 0;border-radius:calc(var(--cx-radius-xl) - 1rem);overflow:hidden;background:radial-gradient(circle,var(--c-tint) .35rem,transparent .4rem) 0 0 / 2.4rem 2.4rem}.cx-story__img{display:block;width:100%;height:100%;object-fit:cover}.cx-story__badge{position:absolute;z-index:3;top:1.2rem;left:1.2rem;display:grid;place-items:center;width:clamp(6.4rem,6vw,7.6rem);aspect-ratio:1;border-radius:50%;background:var(--c-badge-bg);color:var(--c-badge-fg);font:800 clamp(2.4rem,2.4vw,3rem)/1 var(--font-heading-family);letter-spacing:-.04em;box-shadow:0 4px #0b3b37d9;rotate:-9deg;transition:rotate .5s var(--cx-spring),scale .5s var(--cx-spring)}html[data-theme=dark] .cx-story__badge{box-shadow:0 4px #00000080}@media(hover:hover){.cx-story__card:hover .cx-story__badge{rotate:6deg;scale:1.08}}.cx-story__plate{position:absolute;left:50%;top:50%;width:72%;aspect-ratio:1;translate:-50% -50%;border-radius:50%;background:#fffaf0;box-shadow:inset 0 0 0 .6rem #ffffffa6,var(--st-plate-shadow);isolation:isolate;overflow:hidden}.cx-story__media.has-chip .cx-story__plate{top:43%;width:64%}.cx-story__img--shot{position:absolute;top:0;right:0;bottom:0;left:0;box-sizing:border-box;object-fit:contain;padding:14%;mix-blend-mode:multiply}.cx-story__art{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center}.cx-story__art-icon{position:relative;z-index:1;display:grid;place-items:center;width:46%;aspect-ratio:1;border-radius:50%;background:var(--c-icon-bg);color:var(--c-icon-fg);box-shadow:0 6px #0b3b37d9;rotate:5deg}html[data-theme=dark] .cx-story__art-icon{box-shadow:0 6px #00000073}.cx-story__art-icon svg{width:46%;height:46%;stroke-width:2.2}.cx-story__art-ring{position:absolute;left:50%;top:50%;width:70%;aspect-ratio:1;translate:-50% -50%;border-radius:50%;border:3px dashed currentColor;opacity:.32}.cx-story__art-spark{position:absolute;--size: 2.4rem;top:18%;right:16%;color:var(--c-badge-bg)}.cx-story__art-spark svg{display:block;width:100%;height:100%}@media(prefers-reduced-motion:no-preference){.cx-story__art-ring{animation:cx-spin 36s linear infinite}.cx-story__art-icon{animation:cx-float 6s ease-in-out infinite}.cx-story__card:nth-child(2n) .cx-story__art-icon{animation-delay:-2.4s}}.cx-story__product{position:absolute;left:1.2rem;right:1.2rem;bottom:1.2rem;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:4.8rem;padding:.6rem 1.6rem;border-radius:999px;background:var(--cx-cream);color:var(--cx-on-cream);text-decoration:none;box-shadow:inset 0 0 0 2px #0b3b37e6,0 3px #0b3b37e6;transition:transform .35s var(--cx-spring)}.cx-story__product-text{display:grid;min-width:0;line-height:1.25}.cx-story__product-title{font-size:1.35rem;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cx-story__product-price{font-size:1.25rem;font-weight:600;color:#2f5650}.cx-story__product svg{width:1.8rem;height:1.8rem;flex:none;color:var(--cx-orange-deep);transition:transform .35s var(--cx-spring)}.cx-story__product:hover{transform:translateY(-2px) rotate(-1deg)}.cx-story__product:hover svg{transform:translate(3px)}.cx-story__product:focus-visible{outline:3px solid var(--cx-on-cream);outline-offset:3px}.cx-story__copy{flex:1;display:flex;flex-direction:column;align-items:flex-start;gap:1rem;padding:clamp(1.8rem,2vw,2.4rem) clamp(2rem,2.2vw,2.8rem) clamp(2.2rem,2.4vw,2.8rem)}.cx-story__eyebrow{margin:0;font:800 1.15rem/1.2 var(--font-body-family);letter-spacing:.14em;text-transform:uppercase;color:var(--c-ink);opacity:.85}.cx-story__heading{margin:0;font-family:var(--font-heading-family);font-weight:800;font-size:clamp(2.4rem,2.2vw,3rem);line-height:1.08;letter-spacing:-.025em;color:var(--c-ink)}.cx-story__text{font-size:1.55rem;line-height:1.55;color:var(--c-ink-2)}.cx-story__text p{margin:0}.cx-story__text a{color:inherit;font-weight:700;text-decoration:underline;text-underline-offset:3px}.cx-story__btn{--b-bg: var(--c-btn-bg);--b-fg: var(--c-btn-fg);--b-press: var(--c-btn-press);margin-top:auto;min-height:4.8rem;padding:0 2.2rem;font-size:1.45rem}.cx-story__copy>.cx-story__text{margin-bottom:.8rem}.cx-story__btn:focus-visible{outline-color:var(--c-ink)}.cx-story__track{margin-top:.4rem}.cx-story__bar{position:relative;display:block;height:.6rem;max-width:32rem;border-radius:999px;background:rgba(var(--cx-fg-rgb),.12);overflow:hidden}.cx-story__bar-fill{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:var(--cx-orange);transform-origin:0 50%;transform:scaleX(var(--p, .25));transition:transform .2s linear}@media(prefers-reduced-motion:reduce){.cx-story__card,.cx-story__badge,.cx-story__arrow,.cx-story__product,.cx-story__product svg,.cx-story__bar-fill{transition:none}.cx-story__card:hover,.cx-story__card:nth-child(2n):hover{transform:none}.cx-story__arrow:hover,.cx-story__product:hover{transform:none}}.cx-story__img--shot{object-fit:cover;padding:0;border-radius:50%;mix-blend-mode:normal}
/*# sourceMappingURL=/cdn/shop/t/8/assets/cx-story.css.map */