/* CHI's original homepage composition. */
.chi-slideshow{display:block;position:relative;background:#e6f3f3}.slides{position:relative}.slide{position:relative}.slide picture{display:block}.slide__image{width:100%;height:auto;aspect-ratio:1.98;object-fit:cover}.slide__content{position:absolute;inset:0;display:flex;align-items:center;pointer-events:none}.slide__content>div{width:40%;pointer-events:auto;color:#fff}.slide__content h2{color:#fff;text-transform:uppercase;font-weight:400;font-size:clamp(22px,3.6vw,50px)}.slide__content .rte{font-size:clamp(14px,1.7vw,24px);margin-bottom:24px}.slide__link{position:absolute;inset:0}.slide-controls{position:absolute;inset:0;pointer-events:none}.slide-controls button{pointer-events:auto}.slide-prev,.slide-next{position:absolute;top:45%;border:0;background:#0002;color:#fff;font:300 45px/1 Arial;padding:0 12px;min-height:48px}.slide-prev{left:8px}.slide-next{right:8px}.slide-dots{position:absolute;bottom:16px;left:50%;transform:translateX(-50%);display:flex;gap:8px}.slide-dots button{border:1px solid #fff;background:#0002;width:11px;height:11px;border-radius:50%;padding:0}.slide-dots button[aria-pressed=true]{background:#fff}.slide-pause{position:absolute;right:16px;bottom:12px;background:#fff;border:0;padding:5px 10px;font-size:12px;color:#333}
.home-intro{background:#eaf6f6 var(--intro-bg) center top / cover no-repeat;padding-block:50px 35px}.intro-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px;align-items:start}.intro-copy h1{font-size:clamp(38px,4.4vw,60px);font-weight:300;line-height:1.08;margin-bottom:20px}.intro-copy h1 strong{display:block;text-transform:uppercase;font-weight:700}.intro-copy .rte{font-size:15px;line-height:1.75}.intro-tagline{color:var(--teal);font-size:15px;margin-top:20px}.fact-card{text-align:center;padding-top:5px}.fact-card img{width:100%;object-fit:contain}.fact-card__top{margin-bottom:12px;max-height:110px}.fact-card h2{font-size:clamp(25px,2.7vw,36px);text-transform:uppercase;font-weight:700;line-height:1.15;margin-bottom:15px}.fact-card .rte{font-size:16px;text-transform:uppercase;line-height:1.3;min-height:65px}.fact-card--hydration h2,.fact-card--hydration .rte{color:#baa47d}.fact-card--skin h2,.fact-card--skin .rte{color:#aabd2c}.fact-card__bottom{max-height:145px;margin-top:15px}.fact-card>a{display:inline-block;padding:15px 5px;text-transform:uppercase;font-size:14px}.fact-card--hydration>a{color:#8c7652}.fact-card--skin>a{color:#7d8f0a}
.stockist-strip{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:50px;border-top:1px solid var(--teal);border-bottom:1px solid var(--teal);margin-top:35px;padding-block:20px}.stockist-strip>div{display:flex;gap:18px;align-items:center}.stockist-strip>div>img{width:110px;max-height:85px;object-fit:contain}.stockist-strip h2{font-size:25px;font-weight:400;text-transform:uppercase;line-height:1.25;margin:0}.stockist-strip h2 strong{display:block}.stockist-strip .button{white-space:nowrap}.become-stockist{display:flex;align-items:center;justify-content:center;gap:20px;text-transform:uppercase;font-size:24px;color:var(--navy);font-weight:700}.become-stockist img{width:65px;height:65px;object-fit:contain}
.home-story{background:var(--aqua);color:#fff;padding:40px 0 55px}.ornament-heading{display:flex;align-items:center;justify-content:center;gap:14px;color:#fff;text-transform:uppercase;font-size:36px;font-weight:400}.ornament-heading::before,.ornament-heading::after{content:'';width:85px;height:1px;background:var(--lime)}.story-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;background-image:var(--story-bg);background-repeat:no-repeat;background-position:center center}.story-image{width:100%;height:auto}.story-more{display:flex;justify-content:center;align-items:center;gap:20px;color:#fff;text-transform:uppercase;margin-top:20px;font-size:14px}.story-more span{font-size:35px;line-height:1}
.testimonials{background:var(--lime);color:#fff;padding:40px 0}.testimonial-list{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:45px;scrollbar-width:thin;scrollbar-color:#ffffff90 transparent}.testimonials figure{position:relative;flex:0 0 100%;margin:0;scroll-snap-align:start;padding:12px 90px;text-align:center}.quote-mark{font-size:70px;font-family:Georgia,serif;position:absolute;left:40px;top:-10px}.testimonials blockquote{font:400 clamp(23px,2.5vw,32px)/1.5 'Sue Ellen Francisco','Comic Sans MS',cursive;text-transform:uppercase;margin:0 0 18px}.testimonials figcaption{display:flex;flex-direction:column;text-transform:uppercase;font:400 26px/1.4 'Sue Ellen Francisco','Comic Sans MS',cursive}.testimonials figcaption strong{font-weight:400}.testimonials figcaption span{font-size:22px}
@media(max-width:1000px){.intro-grid{gap:22px}.stockist-strip{gap:20px}.stockist-strip>div{flex-wrap:wrap;gap:12px}.stockist-strip>div>img{width:75px}.stockist-strip h2,.become-stockist{font-size:20px}.stockist-strip .button{margin-left:87px}.story-grid{gap:30px}}
@media(max-width:700px){.intro-grid{grid-template-columns:1fr 1fr;gap:30px 20px}.intro-copy{grid-column:1/-1}.intro-copy h1 strong{display:inline}.intro-copy .rte{font-size:15px}.fact-card h2{font-size:24px}.fact-card .rte{font-size:13px}.fact-card__top{max-height:80px}.fact-card__bottom{max-height:100px}.stockist-strip{grid-template-columns:1fr;gap:22px}.stockist-strip>div{justify-content:center}.stockist-strip .button{margin:0}.become-stockist{border-top:1px solid #05a2a250;padding-top:20px}.become-stockist img{width:45px;height:45px}.story-grid{grid-template-columns:1fr;gap:30px}.story-image{max-width:550px;margin:auto}.ornament-heading{font-size:29px}.ornament-heading::before,.ornament-heading::after{width:45px}.testimonials figure{padding:10px 30px}.quote-mark{left:0}.home-intro{padding-top:35px}.slide__content>div{width:65%}.slide__content h2{font-size:20px;margin-bottom:10px}.slide__content .rte{font-size:12px;line-height:1.3;margin-bottom:12px}.slide__content .button{font-size:11px;padding:9px 12px}.slide-prev,.slide-next{font-size:28px;min-height:35px;padding:0 7px}.slide-dots{bottom:8px}.slide-dots button{height:8px;width:8px}}
