.cc-product-story{background:var(--cc-story-bg, #6d4b8d);color:#fff;padding-block:var(--cc-story-desktop-padding, 45px)}.cc-product-story__container{width:100%;max-width:160rem;padding-inline:clamp(2rem,4.8vw,7.6rem);margin-inline:auto}.cc-product-story__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:clamp(26rem,20vw,32rem) clamp(34rem,28.9vw,46.75rem);grid-template-areas:"steps top-image" "bottom-image faq";column-gap:clamp(2.4rem,3vw,4.8rem);row-gap:clamp(2.4rem,3.1vw,5rem)}.cc-product-story__tile{min-width:0;min-height:0;overflow:hidden;border-radius:1.8rem}.cc-product-story__tile--steps{grid-area:steps;color:var(--cc-story-steps-text, #fff)}.cc-product-story__tile--top-image{grid-area:top-image}.cc-product-story__tile--bottom-image{grid-area:bottom-image}.cc-product-story__tile--faq{grid-area:faq;color:var(--cc-story-faq-text, #fff)}.cc-product-story__tile--image{background:var(--cc-story-bg, #6d4b8d)}.cc-product-story__photo,.cc-product-story__placeholder{display:block;width:100%;height:100%;object-fit:cover;object-position:center center}.cc-product-story__tile--bottom-image .cc-product-story__photo{object-position:center top}.cc-product-story__placeholder{background:#ffffff1f;fill:#ffffff80}.cc-product-story__tile--text{position:relative;background:var(--cc-story-tile-bg, #52386a);box-shadow:0 .4rem 1.4rem #1808284d;overflow:hidden}.cc-product-story__tile-inner{position:relative;z-index:1;height:100%;min-height:0;padding:clamp(2.4rem,3vw,4.5rem)}.cc-product-story__heading{margin:0 0 clamp(1.5rem,1.8vw,3rem);font-family:var(--cc-font-obviously, sans-serif);font-weight:800;font-size:clamp(3rem,3vw,5rem);line-height:1.05;color:inherit;text-transform:uppercase;text-align:center}.cc-product-story__tile--steps .cc-product-story__tile-inner{display:flex;flex-direction:column;align-items:stretch;justify-content:center}.cc-product-story__steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:clamp(.7rem,1.5vw,2.4rem);align-items:start}.cc-product-story__step{min-width:0;text-align:center}.cc-product-story__step-icon{display:flex;justify-content:center;align-items:center;width:clamp(3.5rem,3vw,5rem);height:clamp(3.5rem,3vw,5rem);margin:0 auto .6rem;color:inherit}.cc-product-story__step-image,.cc-product-story__step-icon svg{display:block;width:100%;height:100%;object-fit:contain}.cc-product-story__step-heading{margin:0 0 .7rem;font-family:var(--cc-font-obviously-narrow, sans-serif);font-weight:600;font-size:clamp(1.3rem,1.5vw,2.4rem);line-height:1.1;text-transform:uppercase;color:inherit}.cc-product-story__step-description{margin:0;font-family:var(--cc-font-thicccboi, sans-serif);font-size:clamp(1.2rem,1.3vw,1.9rem);font-weight:500;line-height:1.4;color:inherit}.cc-product-story__step-description--richtext>*{margin-block:0;color:inherit;font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit}.cc-product-story__step-description--richtext>*+*{margin-top:.4em}.cc-product-story__faq-inner{display:flex;flex-direction:column;padding:clamp(2.4rem,3.1vw,4.7rem)}.cc-product-story__faq-list{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:none;-ms-overflow-style:none}.cc-product-story__faq-list::-webkit-scrollbar{display:none;width:0;height:0}.cc-product-story__faq-item{border-bottom:1px solid color-mix(in srgb,currentColor 55%,transparent)}.cc-product-story__faq-item:last-child{border-bottom:0}.cc-product-story__faq-question{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.2rem 0;cursor:pointer;list-style:none;color:inherit;font-family:var(--cc-font-thicccboi, sans-serif);font-weight:700;font-size:clamp(1.4rem,1.36vw,2.2rem);line-height:1.25}.cc-product-story__faq-question::-webkit-details-marker{display:none}.cc-product-story__faq-question::marker{content:""}.cc-product-story__faq-question:focus-visible{outline:2px solid currentColor;outline-offset:-2px;border-radius:4px}.cc-product-story__faq-indicator{position:relative;flex:0 0 2rem;width:2rem;height:2rem;border-radius:50%;background:var(--cc-story-faq-text, #fff);color:var(--cc-story-tile-bg, #52386a)}.cc-product-story__faq-indicator:before,.cc-product-story__faq-indicator:after{content:"";position:absolute;background:currentColor;border-radius:1px;left:50%;top:50%;transform:translate(-50%,-50%)}.cc-product-story__faq-indicator:before{width:1rem;height:2px}.cc-product-story__faq-indicator:after{width:2px;height:1rem}.cc-product-story__faq-item[open] .cc-product-story__faq-indicator:after{display:none}.cc-product-story__faq-answer{padding:0 3.6rem 1.4rem 0;color:inherit;font-family:var(--cc-font-thicccboi, sans-serif);font-size:clamp(1.3rem,1.12vw,1.7rem);font-weight:500;line-height:1.5}.cc-product-story__faq-answer,.cc-product-story__faq-answer :is(p,a,h3,h4){color:inherit}.cc-product-story__faq-answer>:first-child{margin-top:0}.cc-product-story__faq-answer>:last-child{margin-bottom:0}@media screen and (min-width:750px){.cc-product-story__tile--bottom-image .cc-product-story__photo{transform:scale(1.1);transform-origin:center top}.cc-product-story__faq-list{display:flex;flex-direction:column;justify-content:flex-start;row-gap:.8rem}.cc-product-story__faq-item{flex:0 0 auto}}@media screen and (min-width:750px)and (max-width:1099px){.cc-product-story__tile-inner{padding:2rem}.cc-product-story__step-description{font-size:1.2rem}.cc-product-story__step-heading{font-size:1.3rem}.cc-product-story__heading{font-size:clamp(2.6rem,3vw,3.6rem)}.cc-product-story__faq-question{padding-block:1rem}}@media screen and (max-width:749px){.cc-product-story{padding:0 0 3.5rem}.cc-product-story__container{padding:0;max-width:none}.cc-product-story__grid{display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"top-image" "steps" "bottom-image" "faq";grid-template-rows:auto;row-gap:0;column-gap:0}.cc-product-story__tile--image{width:100%;border-radius:0}.cc-product-story__tile--top-image{aspect-ratio:1.42 / 1}.cc-product-story__tile--bottom-image{aspect-ratio:1 / 1.05}.cc-product-story__tile--steps{position:relative;z-index:2;margin:calc(-1 * var(--cc-story-mobile-step-overlap, 70px)) 2.4rem 3.6rem;border-radius:1.1rem}.cc-product-story__tile--steps .cc-product-story__tile-inner{padding:1.9rem 1.2rem 2.2rem}.cc-product-story__heading{font-size:clamp(2.7rem,7vw,3.6rem);line-height:1.05;margin-bottom:1.8rem}.cc-product-story__steps{column-gap:.6rem}.cc-product-story__step-icon{width:3.5rem;height:3.5rem;margin-bottom:.5rem}.cc-product-story__step-heading{font-size:clamp(1.1rem,3vw,1.6rem);margin-bottom:.5rem}.cc-product-story__step-description{font-size:clamp(1.05rem,2.9vw,1.3rem);line-height:1.3}.cc-product-story__tile--faq{position:relative;z-index:2;height:auto;margin:calc(-1 * var(--cc-story-mobile-faq-overlap, 50px)) 1.6rem 0;border-radius:1.6rem}.cc-product-story__faq-inner{height:auto;padding:2.1rem 2.4rem 3rem}.cc-product-story__faq-list{flex:none;overflow:visible;overscroll-behavior:auto}.cc-product-story__tile--faq .cc-product-story__heading{margin-bottom:1.4rem}.cc-product-story__faq-question{padding:1rem 0;font-size:1.2rem}.cc-product-story__faq-indicator{width:1.5rem;height:1.5rem;flex-basis:1.5rem}.cc-product-story__faq-indicator:before{width:.8rem}.cc-product-story__faq-indicator:after{height:.8rem}.cc-product-story__faq-answer{padding:0 2rem 1.1rem 0;font-size:1.2rem}}@media(prefers-reduced-motion:reduce){.cc-product-story__faq-item,.cc-product-story__faq-indicator{scroll-behavior:auto}}
/*# sourceMappingURL=/cdn/shop/t/432/assets/custom-product-story-tiles.css.map */