@property --scene-unit{syntax:"<length>";inherits:true;initial-value:1px}
.scene{--scene-unit:1cqw}
/* Fluid scene geometry at 393 / 1440 reference widths. No page zoom. */
.page{container-type:inline-size;overflow:clip}

.mobile-layout{display:block;width:100%;max-width:none;zoom:1;margin-inline:auto;box-shadow:none}
.desktop-layout{display:none;width:100%;max-width:1440px;zoom:1;margin-inline:auto}
.skip-desktop{display:none}.skip-mobile{display:block}
@media(min-width:768px){.mobile-layout{display:none}.desktop-layout{display:block}.skip-mobile{display:none}.skip-desktop{display:block}}
.mobile-menu{right:calc(var(--scene-unit) * 5.089);top:calc(var(--scene-unit) * 17.812);width:max(36px,calc(var(--scene-unit) * 7.63));height:max(36px,calc(var(--scene-unit) * 8.65))}
.mobile-menu summary{width:100%;height:100%}.mobile-menu nav{top:100%;font-size:16px}
.mobile-menu nav a{min-height:44px}.mobile-menu[open] summary::after{font-size:30px;line-height:32px}
.scene:target{scroll-margin-top:12px}
.flavour-control{position:absolute;z-index:2600;min-width:44px;min-height:44px;transform:translate(-50%,-50%);border:0;background:transparent;border-radius:50%;font-size:0;color:var(--c-cream);touch-action:manipulation}
.flavour-control:hover{background:#fffef326}.flavour-control:focus-visible{outline:3px solid var(--c-butter);outline-offset:3px}
.flavour-control[aria-disabled=true]{cursor:wait}
[data-flavour-label]{white-space:normal!important;min-width:80px}
.mobile-layout [data-flavour-label]{width:calc(var(--scene-unit) * 46)!important}
.scene-pics .art-layer:has(img[data-gallery-image]){cursor:zoom-in;pointer-events:auto}
.gallery-open{position:absolute;inset:0;background:none;border:0;border-radius:inherit;cursor:zoom-in}
.gallery-open:focus-visible{outline:4px solid var(--c-purple);outline-offset:3px}
.gallery-dialog{padding:0;border:0;background:var(--c-cream);color:var(--c-ink);width:min(94vw,1000px);max-height:94vh;border-radius:16px}
.gallery-dialog::backdrop{background:#17032be6}.gallery-dialog .dialog-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 20px;font-size:16px}
.gallery-dialog button{min-width:44px;min-height:44px;border:1px solid;border-radius:50%;font-size:24px}
.gallery-dialog img{width:100%;height:calc(90vh - 132px);object-fit:contain;background:#e8e3e0}
.gallery-dialog .dialog-bottom{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 20px}
.prototype-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}



.mobile-layout .scene{--text-0:calc(var(--scene-unit) * 0.000000);--text-10:max(10px,calc(var(--scene-unit) * 2.544529));--text-12:max(10px,calc(var(--scene-unit) * 3.053435));--text-14:max(12px,calc(var(--scene-unit) * 3.562341));--text-15:max(12px,calc(var(--scene-unit) * 3.816794));--text-17:max(12px,calc(var(--scene-unit) * 4.325700));--text-18:max(12px,calc(var(--scene-unit) * 4.580153));--text-19:max(12px,calc(var(--scene-unit) * 4.834606));--text-20:max(12px,calc(var(--scene-unit) * 5.089059));--text-24:max(12px,calc(var(--scene-unit) * 6.106870));--text-36:calc(var(--scene-unit) * 9.160305);--text-48:calc(var(--scene-unit) * 12.213740);--text-55:calc(var(--scene-unit) * 13.994911);--text-64:calc(var(--scene-unit) * 16.284987);--text-96:calc(var(--scene-unit) * 24.427481);--text-128:calc(var(--scene-unit) * 32.569975);--line-12:calc(var(--scene-unit) * 3.053435);--line-13:calc(var(--scene-unit) * 3.307888);--line-14:calc(var(--scene-unit) * 3.562341);--line-15:calc(var(--scene-unit) * 3.816794);--line-18:calc(var(--scene-unit) * 4.580153);--line-20:calc(var(--scene-unit) * 5.089059);--line-23:calc(var(--scene-unit) * 5.852417);--line-25:calc(var(--scene-unit) * 6.361323);--line-30:calc(var(--scene-unit) * 7.633588);--line-42:calc(var(--scene-unit) * 10.687023);--line-47:calc(var(--scene-unit) * 11.959288);--line-51:calc(var(--scene-unit) * 12.977099);--line-53:calc(var(--scene-unit) * 13.486005);--line-81:calc(var(--scene-unit) * 20.610687);--line-91:calc(var(--scene-unit) * 23.155216);--line-98:calc(var(--scene-unit) * 24.936387);--line-137:calc(var(--scene-unit) * 34.860051);}
.desktop-layout .scene{--text-0:calc(var(--scene-unit) * 0.000000);--text-10:max(10px,calc(var(--scene-unit) * 0.694444));--text-12:max(12px,calc(var(--scene-unit) * 0.833333));--text-14:max(14px,calc(var(--scene-unit) * 0.972222));--text-15:max(14px,calc(var(--scene-unit) * 1.041667));--text-17:max(14px,calc(var(--scene-unit) * 1.180556));--text-18:max(14px,calc(var(--scene-unit) * 1.250000));--text-19:max(14px,calc(var(--scene-unit) * 1.319444));--text-20:max(14px,calc(var(--scene-unit) * 1.388889));--text-24:max(14px,calc(var(--scene-unit) * 1.666667));--text-36:calc(var(--scene-unit) * 2.500000);--text-48:calc(var(--scene-unit) * 3.333333);--text-55:calc(var(--scene-unit) * 3.819444);--text-64:calc(var(--scene-unit) * 4.444444);--text-96:calc(var(--scene-unit) * 6.666667);--text-128:calc(var(--scene-unit) * 8.888889);--line-12:calc(var(--scene-unit) * 0.833333);--line-13:calc(var(--scene-unit) * 0.902778);--line-14:calc(var(--scene-unit) * 0.972222);--line-15:calc(var(--scene-unit) * 1.041667);--line-18:calc(var(--scene-unit) * 1.250000);--line-20:calc(var(--scene-unit) * 1.388889);--line-23:calc(var(--scene-unit) * 1.597222);--line-25:calc(var(--scene-unit) * 1.736111);--line-30:calc(var(--scene-unit) * 2.083333);--line-42:calc(var(--scene-unit) * 2.916667);--line-47:calc(var(--scene-unit) * 3.263889);--line-51:calc(var(--scene-unit) * 3.541667);--line-53:calc(var(--scene-unit) * 3.680556);--line-81:calc(var(--scene-unit) * 5.625000);--line-91:calc(var(--scene-unit) * 6.319444);--line-98:calc(var(--scene-unit) * 6.805556);--line-137:calc(var(--scene-unit) * 9.513889);}.gallery-dots{position:absolute;bottom:calc(var(--scene-unit) * 1);left:50%;transform:translateX(-50%);display:flex;z-index:2700;color:var(--c-purple)}.gallery-dots button{min-width:44px;min-height:44px;font-size:16px}.gallery-dots button:hover{color:var(--c-ink)}


.mobile-menu{min-width:44px;min-height:44px}
.mobile-layout .scene-contact .gallery-dots{display:none}

/* Tablet keeps two columns with legible copy and a compact header. */
.tablet-menu{display:none}
@media(min-width:768px) and (max-width:1023px){
  .tablet-menu{display:block;top:32px;right:32px;width:44px;height:44px}
  .tablet-menu summary{display:grid;place-items:center}
  .tablet-menu summary::before{content:'';width:25px;height:18px;background:linear-gradient(var(--c-ink),var(--c-ink)) 0 0/100% 3px,linear-gradient(var(--c-ink),var(--c-ink)) 0 50%/100% 3px,linear-gradient(var(--c-ink),var(--c-ink)) 0 100%/100% 3px;background-repeat:no-repeat}
  .tablet-menu[open] summary::before{display:none}
  .desktop-layout .section-nav,.desktop-layout .nav-outline{display:none}
  .desktop-layout [data-figma-node="132:4735"]{display:none}
  .desktop-layout .scene-hero a[aria-label="Discover our products"]{width:max-content!important;height:auto!important;min-height:44px;padding:10px 22px;font-size:16px!important;line-height:24px!important;white-space:nowrap;transform:none!important;margin-left:calc(var(--scene-unit) * 6.875)!important;margin-top:calc(var(--scene-unit) * 56.458333)!important;border-radius:100px;background:var(--c-butter)}
  .desktop-layout .reading-copy{font-size:16px!important;line-height:1.25!important;white-space:normal!important;height:auto!important}
  .desktop-layout .reading-copy p{line-height:1.25!important;white-space:normal!important}
  .desktop-layout .scene-about .reading-copy{width:54%!important}
  .desktop-layout .scene-water .reading-copy,.desktop-layout .scene-bubbles .reading-copy{width:46%!important}
  .desktop-layout .scene-zero .reading-copy,.desktop-layout .scene-mini .reading-copy{width:44%!important}
}

* Keep browser scroll anchoring from jumping between hidden compositions. */
.page{overflow-anchor:none}

.tablet-behind{display:none}


.product-loop:focus-visible{outline:2px dashed currentColor;outline-offset:-10px}
.flavour-control.has-glyph{font-size:23px;line-height:1;border:1.5px solid currentColor;color:var(--c-cream);background:#ffffff08}
.scene-pics.has-photo-loop{display:block;min-height:0!important;padding:clamp(35px,5vw,72px) 0 24px;background:var(--c-cream);z-index:1000}
.photo-carousel{position:relative;width:100%;overflow:clip}
.photo-viewport{width:100%;overflow:hidden;touch-action:pan-y;cursor:grab}
.photo-viewport:active{cursor:grabbing}
.photo-track{display:flex;width:max-content;will-change:transform}
.photo-group{display:flex;gap:clamp(14px,2vw,28px);padding-right:clamp(14px,2vw,28px);flex:none}
.photo-card{width:clamp(260px,31vw,420px);aspect-ratio:350/464;flex:none;overflow:hidden;border-radius:clamp(14px,2vw,24px);background:var(--c-benefit)}
.photo-card img{width:100%;height:100%;object-fit:cover;user-select:none;-webkit-user-drag:none}
.photo-pagination{--photo-dot-size:clamp(13.469px,1.56467vw,22.5312px);--photo-dot-gap:clamp(22.455px,4.33811vw,62.46875px);display:flex;justify-content:center;margin-top:max(0px,calc(var(--photo-dot-gap) - (44px - var(--photo-dot-size)) / 2))}
.photo-dot{display:grid;place-items:center;width:max(24px,calc(var(--photo-dot-size) * 1.4762));height:44px;padding:0;border:0;border-radius:0;background:transparent}
.photo-dot-mark{position:relative;display:block;overflow:hidden;width:var(--photo-dot-size);height:var(--photo-dot-size);pointer-events:none}
/* Crop the original Figma SVG to its grey first or lavender third circle. */
.photo-dot-mark img{position:absolute;top:0;left:0;width:calc(var(--photo-dot-size) * 6.904816);height:var(--photo-dot-size);max-width:none}
.photo-dot[aria-current=true] .photo-dot-mark img{left:calc(var(--photo-dot-size) * -2.952391)}
.photo-dot:focus-visible{outline:2px solid var(--c-ink);outline-offset:-2px;border-radius:8px}
.photo-playback{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.photo-playback:focus{left:50%;bottom:0;transform:translateX(-50%);width:auto;height:auto;min-height:44px;padding:8px 16px;clip-path:none;border-radius:24px;background:var(--c-cream);color:var(--c-ink);outline:2px solid var(--c-ink);outline-offset:-2px}
@media(max-width:767px){.photo-pagination{--photo-dot-size:13.469px;--photo-dot-gap:22.455px}}
@media(max-width:767px){.photo-card{width:82vw;max-width:420px}.scene-pics.has-photo-loop{padding-top:38px;padding-bottom:calc(40px + env(safe-area-inset-bottom,0px))}}
@media(prefers-reduced-motion:reduce){.product-loop.is-moving img{transition:none}.photo-track{will-change:auto}}
@media(min-width:768px) and (max-width:1023px){
  .desktop-layout .scene-behind{display:block;min-height:0!important;background:var(--c-butter)}
  .desktop-layout .scene-behind > :not(.tablet-behind){display:none}
  .tablet-behind{position:relative;z-index:3000;display:block;padding:72px 7% 0;font-size:16px;line-height:1.3;background:var(--c-butter)}
  .tablet-behind-heading{position:relative;text-align:center;margin:0 auto 36px}
  .tablet-eyebrow{display:inline-block;border:1px solid;border-radius:24px;padding:5px 18px;font-size:14px;margin-bottom:28px}
  .tablet-behind-heading h2{max-width:600px;margin:auto;font-size:clamp(42px,5.6vw,57px);font-weight:900;line-height:1.02}
  .tablet-behind-heading p{max-width:480px;margin:22px auto 0}
  .tablet-behind-heading > img{position:absolute;top:0;width:65px;height:65px;object-fit:contain}
  .tablet-global{left:0}.tablet-moldova{right:0}
  .tablet-production-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:18px}
  .tablet-production-photo{width:100%;height:100%;min-height:430px;object-fit:cover;border-radius:16px}
  .tablet-facts{display:grid;grid-template-columns:1fr 1fr;gap:14px}
  .tablet-fact{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;background:var(--c-cream);border-radius:14px;padding:18px 12px;min-height:228px}
  .tablet-fact h3{font-size:14px;line-height:1.1;font-weight:900}
  .tablet-fact p{font-size:13px;line-height:1.2}
  .tablet-fact img{width:72px;height:72px;object-fit:contain;margin-top:auto}
  .tablet-production-bottom{display:grid;grid-template-columns:1fr 1.1fr;gap:18px;margin:18px 0 48px}
  .tablet-production-bottom figure{position:relative;margin:0;min-height:175px;border-radius:16px;overflow:hidden;background:var(--c-ink)}
  .tablet-production-bottom figure > img{width:100%;height:100%;position:absolute;object-fit:cover;opacity:.7}
  .tablet-production-bottom figcaption{position:relative;min-height:175px;display:flex;flex-direction:column;justify-content:center;align-items:center;color:white;text-align:center;padding:25px}
  .tablet-production-bottom figcaption strong{font-size:19px;max-width:175px;line-height:1.15;font-weight:900}
  .tablet-production-bottom figcaption span{max-width:175px;margin-top:8px}
  .tablet-learn-more{position:relative;display:grid;place-items:center;padding:24px 30px 40px;background:var(--c-lavender);border-radius:16px;font-size:15px;line-height:1.15;font-weight:900;text-align:center}
  .tablet-learn-more img{position:absolute;right:10px;bottom:-12px;width:64px;height:64px;object-fit:contain}
  .tablet-fruit-ribbon{margin:0 -8.14%;padding:28px 0;display:flex;gap:12px;overflow:hidden;background:var(--c-cream)}
  .tablet-fruit-ribbon img{flex:0 0 60px;width:60px;height:65px;object-fit:contain}
  .desktop-layout .scene-benefits [data-figma-node="128:3958"],.desktop-layout .scene-benefits [data-figma-node="128:3959"],.desktop-layout .scene-benefits [data-figma-node="128:3960"],.desktop-layout .scene-benefits [data-figma-node="128:3961"]{width:110px!important;font-size:12px!important;line-height:13px!important}
  .desktop-layout .scene-benefits [data-figma-node="128:3958"] p,.desktop-layout .scene-benefits [data-figma-node="128:3959"] p{line-height:13px!important}
}

/* Reusable UI: padding and text share an em scale inside a single element. */
.ui-pill{grid-area:1/1;position:relative;align-self:start;justify-self:start;display:inline-flex;align-items:center;justify-content:center;gap:.4em;width:max-content;max-width:calc(100% - 24px);padding:.3em .9em;border-radius:999px;line-height:1.2;font-weight:600;white-space:nowrap;transform:translateY(-50%);z-index:500}
.ui-cta{font-weight:400;min-height:44px;padding:.6em 1.4em;z-index:2500}
.ui-nav{font-weight:500;min-height:44px;z-index:2500}
.ui-sticker{position:absolute;transform:translate(-50%,-50%) rotate(-17deg);display:grid;place-items:center;z-index:400;color:var(--c-cream);font-weight:600;line-height:1.05;text-align:center;pointer-events:none}
.ui-sticker span{display:block;white-space:nowrap}
.sticker-enjoyable span{padding:.24em .65em;margin-top:-.1em;border-radius:2em;background:#fa742c}
.sticker-alternative{background:var(--c-sky);border-radius:3em;padding:.8em 1.05em;transform:translate(-50%,-50%) rotate(9deg)}
.mobile-layout .sticker-enjoyable{transform:translate(-50%,-50%) rotate(17deg)}
.mobile-layout .sticker-alternative{transform:translate(-50%,-50%) rotate(-19deg)}
.sticker-burst{width:7em;aspect-ratio:1}
.sticker-burst>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.sticker-burst>div{position:relative;z-index:1}
/* Vitamin lettering scales with its backing art, never with body-text floors. */
:is([data-figma-node="128:3597"],[data-figma-node="128:3598"]){--text-14:calc(var(--scene-unit) * 3.562341);--text-48:calc(var(--scene-unit) * 12.213740)}
:is([data-figma-node="128:4154"],[data-figma-node="128:4155"]){--text-24:calc(var(--scene-unit) * 1.666667)}

.product-carousel{grid-area:1/1;position:relative;align-self:start;width:100%;z-index:450;pointer-events:none;color:var(--c-cream)}
.product-carousel[data-line=water]{color:var(--c-water-copy)}
.product-carousel[data-line=mini]{color:var(--c-mini-copy)}
.product-loop{position:relative;inset:auto;width:100%;overflow:clip;pointer-events:none;touch-action:pan-y}
.product-slide{position:absolute;top:0;left:0;transform-origin:0 0;overflow:hidden;cursor:grab;user-select:none;touch-action:pan-y}
.product-slide img{width:100%;height:100%;object-fit:cover;max-width:none;pointer-events:none;user-select:none;-webkit-user-drag:none}
.product-loop.is-dragging .product-slide{cursor:grabbing}
.product-controls{position:absolute;left:0;width:100%;padding-inline:clamp(12px,4%,24px);display:grid;grid-template-columns:44px minmax(0,1fr) 44px;gap:8px;align-items:center;pointer-events:none}
.product-controls .flavour-control{position:relative;left:auto;top:auto;transform:none;z-index:auto;width:44px;height:44px;border:1.5px solid currentColor;display:grid;place-items:center;color:inherit;pointer-events:auto}
.flavour-control svg{width:55%;height:55%;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.product-captions{display:grid;grid-template-columns:minmax(0,1fr);align-items:center;min-height:44px;gap:8px}
.is-pair .product-captions{grid-template-columns:repeat(2,minmax(0,1fr))}
.product-captions .product-caption{position:static;grid-area:auto;width:100%!important;max-width:none;min-width:0;margin:0;transform:none;text-align:center;font-size:clamp(12px,calc(var(--scene-unit) * 3.56234),24px);line-height:1.25;white-space:normal!important;overflow-wrap:normal;align-self:center;justify-self:center}
.desktop-layout .product-captions .product-caption{font-size:clamp(14px,calc(var(--scene-unit) * 1.666667),24px)}
.product-controls.is-overlay{display:flex;justify-content:space-between;padding:0}
.product-controls.is-overlay .flavour-control{width:clamp(44px,calc(var(--scene-unit) * 5.277778),76px);height:clamp(44px,calc(var(--scene-unit) * 5.277778),76px)}
.mobile-layout .is-single .product-controls{left:16%;width:68%;padding:0}

/* Contact owns its color and waves instead of borrowing Behind's overflow. */
.scene-contact{display:block;min-height:0!important;z-index:1000;background:var(--c-lavender)}
.contact-panel{--contact-wave-width:calc(var(--scene-unit) * 52.811181);--contact-wave-height:calc(var(--scene-unit) * 10.347222);position:relative;isolation:isolate;background:var(--c-lavender);color:#fff;text-align:center;min-height:calc(var(--scene-unit) * 52.083333);padding:calc(var(--scene-unit) * 13.888889) 24px calc(var(--scene-unit) * 12.986111);overflow:clip}
.contact-panel h2{position:relative;z-index:2;font-size:clamp(48px,calc(var(--scene-unit) * 6.666667),96px);font-weight:700;line-height:1.02;letter-spacing:-.025em}
.contact-links{position:relative;z-index:3;display:flex;flex-direction:column;align-items:center;margin-top:calc(var(--scene-unit) * 5.069444);gap:6px;font-size:clamp(14px,calc(var(--scene-unit) * 1.666667),24px);font-weight:600;line-height:1.4}
.contact-links a{min-height:44px;display:flex;align-items:center;justify-content:center;max-width:100%;overflow-wrap:anywhere}
.contact-smile{position:absolute;width:clamp(70px,calc(var(--scene-unit) * 9.583333),138px);aspect-ratio:1;pointer-events:none;z-index:1}
.contact-smile-first{left:15%;top:calc(var(--scene-unit) * 10.416667)}
.contact-smile-second{right:17%;bottom:calc(var(--scene-unit) * 11.458333);transform:rotate(14deg)}
/* Both edges use the same exported Figma contour and band dimensions.
   The purple fill stops inside the outer lavender edge so fractional
   rasterization cannot reveal a purple hairline against the next section. */
.contact-panel::before{content:'';position:absolute;inset:2px 0;background:var(--c-purple);z-index:0;pointer-events:none}
.contact-wave{position:absolute;left:0;width:100%;height:var(--contact-wave-height);background-image:var(--contact-wave-image);background-repeat:repeat-x;background-size:var(--contact-wave-width) var(--contact-wave-height);background-position:center 0;clip-path:inset(1px 0 0);pointer-events:none;z-index:1}
.contact-wave-top{top:0;transform:rotate(180deg)}.contact-wave-bottom{bottom:0}
.mobile-layout .contact-panel{--contact-wave-width:calc(var(--scene-unit) * 100);--contact-wave-height:calc(var(--scene-unit) * 19.592875);min-height:calc(var(--scene-unit) * 87.022901);padding:calc(var(--scene-unit) * 22.900763) 16px calc(var(--scene-unit) * 14.503817)}
.mobile-layout .contact-panel h2{font-size:clamp(30px,calc(var(--scene-unit) * 9.160305),52px);font-weight:900;line-height:1.1666667}
.mobile-layout .contact-links{margin-top:calc(var(--scene-unit) * 5.852417);font-size:clamp(12px,calc(var(--scene-unit) * 3.562341),18px);font-weight:400;gap:0}
.mobile-layout .contact-smile{width:clamp(45px,calc(var(--scene-unit) * 14),80px)}
.mobile-layout .contact-smile-first{top:calc(var(--scene-unit) * 14);left:7%;width:clamp(44px,calc(var(--scene-unit) * 12),52px)}.mobile-layout .contact-smile-second{bottom:calc(var(--scene-unit) * 12);right:8%}

/* Wide displays retain a readable 1440px composition, with full-width color. */
@media(min-width:1441px){
 .desktop-layout{max-width:none}
 /* Keep the source layers in one stacking context: waves, fruit and labels
    deliberately extend into neighbouring scenes. Backgrounds stay below them. */
 .desktop-layout .scene{max-width:1440px;margin-inline:auto;--scene-unit:14.4px;isolation:auto}
 .desktop-layout .scene::before{content:'';position:absolute;top:0;bottom:0;left:50%;transform:translateX(-50%);width:100vw;background:var(--scene-fill,var(--c-cream));z-index:0;pointer-events:none}
 /* Extend the actual source backdrops, including gradients crossing scenes,
    so the outer gutters use the same colour at every vertical position. */
 .desktop-layout .scene-backdrop{left:50%!important;width:100vw!important;transform:translateX(-50%)}
 /* Source rectangles and wave tiles meet at fractional device pixels.
    Overlap their identical solid colours instead of exposing the layer below. */
 .desktop-layout .scene-solid::after{content:'';position:absolute;inset:-1px 0;background:inherit;pointer-events:none}
 .scene-water{--scene-fill:var(--c-purple)}.scene-zero{--scene-fill:var(--c-lavender)}.scene-mini{--scene-fill:var(--c-sky)}.scene-bubbles{--scene-fill:var(--c-mint)}.scene-behind{--scene-fill:var(--c-butter)}.scene-contact{--scene-fill:var(--c-lavender)}
 /* Preserve the cream fruit strip below the 654px Bubbles scene artwork. */
 .scene-bubbles{--scene-fill:linear-gradient(var(--c-mint) 0 calc(var(--scene-unit) * 45.416667),var(--c-cream) 0)}
 /* The source Behind background ends before its cream apple ribbon. */
 .scene-behind{--scene-fill:linear-gradient(var(--c-butter) 0 calc(var(--scene-unit) * 112.361111),var(--c-cream) 0)}
 /* The original Zero wave starts at 887px, over a cream transition to Mini. */
 .scene-zero{--scene-fill:linear-gradient(var(--c-lavender) 0 calc(var(--scene-unit) * 61.597222),var(--c-cream) 0)}
 .desktop-layout .scene-zero > .art-layer:has(img[data-asset^="imgMaskGroup"]){visibility:hidden}
}
.product-carousel > .product-caption{top:0;left:0}
.product-carousel[data-line=zero] .product-slide img{opacity:.8}
.mobile-layout .product-carousel[data-line=zero]{color:var(--c-purple)}
.wide-wave{display:none}
.contact-lead{position:absolute;left:0;right:0;bottom:0;background:var(--c-lavender);pointer-events:none}
/* One device-independent pixel of overlap covers fractional SVG clip edges. */
.art-layer img[data-asset^="imgMaskGroup"]{left:-1px!important;width:calc(100% + 2px)!important;max-width:none}
@media(min-width:1441px){
 .desktop-layout .art-layer:has(img[data-asset^="imgMaskGroup"]){display:none}
 .wide-wave{display:block;position:absolute;left:50%;width:100vw;background-repeat:repeat-x;pointer-events:none;clip-path:inset(1px 0 0)}
 .desktop-layout .contact-panel{overflow:visible}
 .desktop-layout .contact-panel::before{left:50%;right:auto;width:100vw;transform:translateX(-50%)}
 .desktop-layout .contact-wave{left:50%;width:100vw;transform:translateX(-50%)}
 .desktop-layout .contact-wave-top{transform:translateX(-50%) rotate(180deg)}
 .desktop-layout .contact-lead{left:50%;right:auto;width:100vw;transform:translateX(-50%)}
}