/* One typography system for the approved homepage sections. */
body.homepage{--chapter-color:#aec2ae;--body-color:#b8c5b8}
body.homepage .chapter-label{font-family:Arial,Helvetica,sans-serif!important;font-size:11px!important;font-weight:600!important;line-height:1.6!important;letter-spacing:.22em!important;text-transform:uppercase;color:var(--chapter-color)!important;margin:0 0 26px!important;white-space:normal!important;max-width:100%;overflow-wrap:normal}
body.homepage .floating-eyebrow{display:flex;align-items:center;gap:13px}
body.homepage .floating-dot{flex:0 0 7px;margin-right:0}
body.homepage main .section h2,body.homepage main .refill-wow h2,body.homepage main .go-motion h2,body.homepage main .go-headline h2,body.homepage main .home-answers h2{font-family:Manrope,Arial,Helvetica,sans-serif;font-size:clamp(42px,5.1vw,88px);font-weight:700;line-height:1.06;letter-spacing:-.055em;margin:0;text-wrap:balance}
body.homepage .section-intro,body.homepage .refill-wow-copy>p:not(.chapter-label):not(.refill-pair-status),body.homepage .go-motion-intro,body.homepage .go-headline p,body.homepage .home-answers p:not(.chapter-label){font-family:'DM Sans',Arial,Helvetica,sans-serif;font-size:16px;line-height:1.75;letter-spacing:normal;color:var(--body-color)}
body.homepage .go-headline p{text-transform:none;margin:25px 0 0}
body.homepage .go-headline h2{margin:0}
body.homepage .product-meta,body.homepage .go-meta{font-family:Arial,Helvetica,sans-serif;font-size:10px;line-height:1.5;letter-spacing:.14em;color:#a4b4a4}
body.homepage .product-title h3,body.homepage .go-card-title{font-family:Manrope,Arial,Helvetica,sans-serif;font-size:clamp(22px,2vw,30px);font-weight:700;line-height:1.25;letter-spacing:-.035em}
body.homepage .go-card-title{text-decoration:none;color:inherit;align-items:center;gap:15px}
body.homepage .go-card-title:hover{color:#c6e3bc}
body.homepage .product-title{gap:12px}
body.homepage .product-title h3{min-width:0;margin:0}
body.homepage .product-title a{flex-shrink:0}
body.homepage .home-answers p[style]{font-size:13px!important;line-height:1.7!important}
@media(max-width:780px){body.homepage .chapter-label{font-size:10px!important;letter-spacing:.18em!important;margin-bottom:22px!important}body.homepage main .section h2,body.homepage main .refill-wow h2,body.homepage main .go-motion h2,body.homepage main .go-headline h2,body.homepage main .home-answers h2{font-size:clamp(40px,10vw,64px);line-height:1.08;letter-spacing:-.05em}body.homepage .section-intro,body.homepage .refill-wow-copy>p:not(.chapter-label):not(.refill-pair-status),body.homepage .go-motion-intro,body.homepage .go-headline p,body.homepage .home-answers p:not(.chapter-label){font-size:15px;line-height:1.7}body.homepage .product-meta,body.homepage .go-meta{font-size:9px;letter-spacing:.12em}}
@media(max-width:380px){body.homepage .chapter-label{letter-spacing:.14em!important}body.homepage .floating-eyebrow{gap:9px}body.homepage main .section h2,body.homepage main .refill-wow h2,body.homepage main .go-motion h2,body.homepage main .go-headline h2,body.homepage main .home-answers h2{font-size:38px}}
body.homepage .go-head{row-gap:0}
/* Mobile hero: copy, actions and product each occupy their own row. */
@media(max-width:850px){
 body.homepage .floating-icon-hero{height:auto!important;min-height:0!important;padding:125px 6% 28px;display:flex!important;flex-direction:column;align-items:stretch}
 body.homepage .floating-hero-copy{position:relative;top:auto;left:auto;width:100%;transform:none}
 body.homepage .floating-hero-actions{gap:18px 22px}
 body.homepage .floating-cta{min-height:48px;justify-content:space-between}
 body.homepage .floating-story{min-height:44px;display:inline-flex;align-items:center;padding:0}
 body.homepage .floating-product-scene{position:relative;top:auto;right:auto;width:100%;height:clamp(330px,90vw,580px);flex:none;margin:36px 0 22px}
 body.homepage .floating-product{max-width:88%;max-height:94%}
 body.homepage .floating-bottom{position:relative;left:auto;right:auto;bottom:auto;max-width:100%;flex-wrap:wrap;gap:12px;line-height:1.6}
}
@media(max-width:480px){
 body.homepage .floating-icon-hero{padding-top:115px}
 body.homepage .floating-hero-copy h1{font-size:clamp(46px,13.5vw,65px)!important}
 body.homepage .floating-hero-copy>p:not(.floating-eyebrow){font-size:14px;line-height:1.6;margin:20px 0 22px}
 body.homepage .floating-cta{font-size:10px;padding:16px 18px}
 body.homepage .floating-story{font-size:10px}
}

/* Normalize visible tin height while retaining each approved source image. */
body.homepage #products .product-image{background:#000}
body.homepage #products .product-image img{flex:0 0 auto;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center;transform:translateY(var(--tin-shift,0%)) scale(var(--tin-scale,1))}
body.homepage #products .product-image:hover img{transform:translateY(var(--tin-shift,0%)) scale(calc(var(--tin-scale,1)*1.025))}
body.homepage #products img[src$="/pure.webp"]{--tin-scale:0.987781;--tin-shift:0.3376%}
body.homepage #products img[src$="/blue.webp"]{--tin-scale:0.990000;--tin-shift:0.4737%}
body.homepage #products img[src$="/pink.webp"]{--tin-scale:0.982516;--tin-shift:0.5757%}
body.homepage #products img[src$="/purple.webp"]{--tin-scale:0.980426;--tin-shift:0.4787%}
body.homepage #products img[src$="/golden.webp"]{--tin-scale:0.982516;--tin-shift:0.4797%}
body.homepage #products img[src$="/black.webp"]{--tin-scale:0.981470;--tin-shift:0.5272%}
body.homepage #products img[src$="/white-approved.webp"]{--tin-scale:0.961001;--tin-shift:0.9854%}
body.homepage #products img[src$="/mint.webp"]{--tin-scale:0.979384;--tin-shift:0.4304%}
body.homepage #products img[src$="/cacao.webp"]{--tin-scale:0.980426;--tin-shift:0.4787%}
body.homepage #products img[src$="/strawberry.webp"]{--tin-scale:0.981470;--tin-shift:0.5272%}
body.homepage #products img[src$="/mango.webp"]{--tin-scale:0.981470;--tin-shift:0.5272%}
body.homepage #products img[src$="/macadamia-approved.webp"]{--tin-scale:0.963009;--tin-shift:0.8934%}
body.homepage #products img[src$="/moringa.webp"]{--tin-scale:0.980426;--tin-shift:0.4787%}
body.homepage #products img[src$="/coconut.webp"]{--tin-scale:0.980426;--tin-shift:0.4787%}