/* Product-led refill story. All packaging images have real alpha transparency. */
.refill-wow{--scene-glow:#3c8856;position:relative;isolation:isolate;background:#030705;overflow:hidden;padding:105px 5% 35px;border-block:1px solid #26392c}
.refill-wow::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 45% 58% at 75% 45%,color-mix(in srgb,var(--scene-glow),transparent 82%),transparent 80%);z-index:-1;transition:background .6s}
.refill-wow .refill-wow-grid{display:grid;grid-template-columns:36% 64%;max-width:1700px;margin:auto;align-items:center;min-height:650px}
.refill-wow-copy{position:relative;z-index:4;padding:25px 0;max-width:530px}.refill-wow-kicker{font-size:10px;letter-spacing:.23em;color:#aac5ae;font-weight:600;margin:0 0 32px}
.refill-wow h2{font-family:Manrope,Arial,sans-serif;font-size:clamp(52px,5.4vw,94px);line-height:1;letter-spacing:-.065em;font-weight:700;margin:0}.refill-wow h2 em{font-style:normal;color:#a6c6a4}.refill-wow-copy>p:not(.refill-wow-kicker){font-size:15px;line-height:1.7;color:#aebcaf;margin:28px 0 35px;max-width:320px}
.refill-variant-label{font-size:9px;letter-spacing:.18em;color:#94ac96;margin:0 0 13px}.refill-choices{display:flex;gap:9px;flex-wrap:wrap}.refill-choices button{border:1px solid #405445;border-radius:40px;padding:13px 19px;background:#0b150e;color:#b8c8b9;font-size:11px;cursor:pointer;transition:color .2s,background .2s,border-color .2s}.refill-choices button[aria-pressed=true]{background:#d9e9d0;color:#0d190f;border-color:#d9e9d0}.refill-choices button:hover{border-color:#c3ddba}.refill-wow-link{display:inline-flex;align-items:center;gap:45px;border-bottom:1px solid #6e9272;padding:0 0 13px;margin-top:35px;font-size:10px;letter-spacing:.14em;font-weight:600}.refill-wow-link span{font-size:24px}.refill-pair-status{font-size:11px!important;color:#91a393!important;min-height:19px;margin:18px 0 0!important}
.refill-wow-scene{position:relative;height:650px;min-width:0;perspective:1400px;--spread:0px;--tilt-x:0deg;--tilt-y:0deg}.refill-light-ring{position:absolute;left:7%;right:0;top:16%;bottom:5%;border:1px solid #50785922;border-radius:50%;transform:rotate(-23deg);box-shadow:0 0 65px #3765470a}.refill-light-ring::after{content:"";position:absolute;inset:12%;border:1px solid #5a936724;border-radius:50%}
.refill-wow-package{position:absolute;transition:opacity .25s;will-change:transform;transform-style:preserve-3d}.refill-wow-package img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 32px 23px #0009);animation:refillLevitate 7.5s ease-in-out infinite;user-select:none;pointer-events:none}.refill-wow-tin{z-index:3;left:3%;top:16%;width:54%;height:76%;transform:translateX(calc(var(--spread) * -1)) rotateY(var(--tilt-x)) rotate(-5deg)}.refill-wow-pouch{z-index:2;right:1%;top:0;width:46%;height:88%;transform:translateX(var(--spread)) rotateY(var(--tilt-x)) rotate(8deg)}.refill-wow-pouch img{animation-delay:-3.5s}.refill-wow-scene.is-switching .refill-wow-package{opacity:.25}.refill-shadow{position:absolute;left:8%;right:0;bottom:0;height:12%;background:radial-gradient(ellipse,#000c,transparent 68%);filter:blur(15px)}.refill-package-caption{position:absolute;bottom:2%;left:15%;z-index:4;font-size:9px;letter-spacing:.19em;color:#a1b5a4}.refill-package-caption.pouch-caption{left:auto;right:6%;bottom:9%}.refill-wow-footer{max-width:1700px;margin:20px auto 0;display:flex;justify-content:space-between;gap:20px;border-top:1px solid #304235;padding:23px 0 0;font-size:9px;letter-spacing:.15em;color:#8da68f}.refill-wow-footer b{color:#cedeca;font-weight:500}
@keyframes refillLevitate{0%,100%{transform:translateY(5px)}50%{transform:translateY(-12px)}}
@media(max-width:1100px){.refill-wow{padding:85px 5% 30px}.refill-wow .refill-wow-grid{grid-template-columns:40% 60%;min-height:530px}.refill-wow-scene{height:530px}.refill-wow h2{font-size:clamp(46px,5.5vw,68px)}}
@media(max-width:760px){.refill-wow{padding:65px 6% 28px}.refill-wow .refill-wow-grid{grid-template-columns:1fr;min-height:0}.refill-wow-copy{max-width:100%;padding:0}.refill-wow h2{font-size:clamp(48px,10vw,74px)}.refill-wow-kicker{margin-bottom:23px}.refill-wow-copy>p:not(.refill-wow-kicker){margin:20px 0 25px}.refill-wow-scene{height:clamp(380px,90vw,570px);margin-top:20px}.refill-wow-tin{left:-3%;width:60%;top:15%;height:79%}.refill-wow-pouch{right:-2%;width:49%;top:0;height:89%}.refill-wow-link{margin-top:25px}.refill-wow-footer{font-size:8px;letter-spacing:.1em;flex-wrap:wrap;margin-top:25px}.refill-wow-footer span:nth-child(2){display:none}.refill-package-caption{left:5%;bottom:0}.refill-package-caption.pouch-caption{right:0;bottom:8%}}
@media(prefers-reduced-motion:reduce){.refill-wow-package img{animation:none}.refill-wow-package{will-change:auto}.refill-wow-scene{--spread:0px!important;--tilt-x:0deg!important}}

/* Pure black product stages. Motion uses front-facing transparent artwork. */
body .floating-icon-hero{background:#000!important}
.floating-atmosphere,.floating-halo,.floating-floor{display:none!important}
.refill-wow{background:#000;border-color:#171717}
.refill-wow::before,.refill-light-ring,.refill-shadow{display:none}
.refill-wow-scene{perspective:none;height:650px}
.refill-wow .refill-wow-package{left:50%;top:50%;right:auto;width:58%;height:77%;transform:translate(-50%,-50%);transition:opacity .25s;will-change:transform}
.refill-wow .refill-wow-pouch{width:44%;height:85%}
.refill-wow-package img{animation:none;filter:none}
.refill-package-caption{display:none}
.refill-motion-control{display:block;margin:20px 0 0;padding:7px 0;border:0;border-bottom:1px solid #506553;background:none;color:#a6b9a8;cursor:pointer;font:11px Arial,sans-serif;letter-spacing:.04em}
.refill-motion-control[hidden]{display:none}
@media(max-width:1100px){.refill-wow-scene{height:530px}}
@media(max-width:760px){.refill-wow-scene{height:clamp(390px,95vw,570px);margin-top:22px}.refill-wow .refill-wow-tin{width:65%;height:79%}.refill-wow .refill-wow-pouch{width:49%;height:83%}}
@media(prefers-reduced-motion:reduce){.refill-wow .refill-wow-package{will-change:auto}}