.serum-cascade{display:block;position:relative;width:var(--sc-width,100%);max-width:100%;margin-inline:auto;color:var(--sc-ink,#282727);background:var(--sc-background,#f6f3ee);font-family:var(--font-paragraph--family);font-style:var(--font-paragraph--style);font-weight:var(--font-paragraph--weight);--sc-top:0px;--sc-bottom:0px;--sc-safe-bottom:360px;--sc-min-height:660px}
.serum-cascade *{box-sizing:border-box}
.serum-cascade button{font:inherit;color:inherit;cursor:pointer;border:0;background:none;border-radius:0;text-transform:none;letter-spacing:normal}
.serum-cascade button:focus-visible{outline:2px solid var(--sc-accent);outline-offset:4px}
.serum-cascade__stage{position:relative;isolation:isolate;background:var(--sc-background);overflow:clip}
.serum-cascade__art{position:relative;width:100%;max-width:100%}
.serum-cascade__film{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain}
.serum-cascade__wash{display:none;pointer-events:none}
.serum-cascade__text{position:relative;padding:32px 5%}
.serum-cascade__header p{margin:0 0 18px;color:var(--sc-accent-text,var(--sc-accent));font-size:12px;line-height:1.5;text-transform:uppercase}
.serum-cascade__header h2{font-family:var(--font-h3--family);font-style:var(--font-h3--style);font-weight:var(--font-h3--weight);font-size:var(--font-h3--size);line-height:var(--font-h3--line-height);letter-spacing:var(--font-h3--letter-spacing);text-transform:var(--font-h3--case);margin:0;color:inherit;text-wrap:balance}
.serum-cascade__copy{display:grid;gap:32px;margin-top:32px}
.serum-cascade__lead{display:none}
.serum-cascade__index{display:block;color:var(--sc-accent-text,var(--sc-accent));font-family:var(--font-accent--family-variable,"Roslindale Variable"),"Playfair Display",Georgia,serif;font-style:italic;font-weight:400;letter-spacing:-.03em;font-size:24px;font-variant-numeric:lining-nums tabular-nums;margin-bottom:18px;line-height:1}
.serum-cascade__index:empty{display:none}
.serum-cascade__chapter h3{font-family:var(--font-h3--family);font-style:var(--font-h3--style);font-weight:var(--font-h3--weight);font-size:36px;line-height:1.1;letter-spacing:var(--font-h3--letter-spacing);margin:0 0 16px;color:inherit;text-transform:uppercase;overflow-wrap:anywhere}
.serum-cascade__subtitle{font-size:20px;line-height:1.35;margin:0 0 16px;color:var(--sc-accent-text,var(--sc-accent))}
.serum-cascade__description{font-size:18px;line-height:1.55;max-width:31ch;margin:0 0 26px}
.serum-cascade__ingredients{font-weight:500;border-top:1px solid var(--sc-line);padding-top:16px;font-size:12px;line-height:1.5;margin:0;color:var(--sc-accent-text,var(--sc-accent));text-transform:uppercase}
.serum-cascade__subtitle:empty,.serum-cascade__description:empty,.serum-cascade__ingredients:empty{display:none}
.serum-cascade__controls{display:none}
.serum-cascade__status{position:relative;margin:0;padding:16px 5%;font-size:12px;color:var(--sc-accent-text,var(--sc-accent));z-index:3}
.serum-cascade__status:empty{display:none}
.serum-cascade__intro{padding:0 5% 32px;margin:0}
.serum-cascade.is-enhanced{height:var(--sc-scroll,350svh)}
.serum-cascade.is-enhanced .serum-cascade__stage{position:sticky;top:var(--sc-top);height:calc(100svh - var(--sc-top) - var(--sc-bottom));min-height:var(--sc-min-height)}
.serum-cascade.is-enhanced .serum-cascade__art{position:absolute;z-index:0;width:70%;max-width:none;aspect-ratio:1;left:31%;top:50%;transform:translateY(-47%);mask-image:linear-gradient(90deg,transparent,#000 16%),linear-gradient(180deg,transparent,#000 5%,#000 95%,transparent);mask-composite:intersect}
.serum-cascade.is-enhanced .serum-cascade__film{height:100%}
.serum-cascade.is-enhanced .serum-cascade__wash{display:block;position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,var(--sc-background) 31%,color-mix(in srgb,var(--sc-background) 98%,transparent) 36%,color-mix(in srgb,var(--sc-background) 72%,transparent) 39%,transparent 44%)}
.serum-cascade.is-enhanced .serum-cascade__text{margin-left:5%;padding:40px 0;width:31%;max-width:400px;height:100%;display:flex;flex-direction:column;gap:48px;z-index:2}
.serum-cascade.is-enhanced .serum-cascade__text .serum-cascade__header{margin-top:auto}
.serum-cascade.is-enhanced .serum-cascade__copy{display:grid;gap:28px;margin:0 0 auto}
.serum-cascade.is-enhanced .serum-cascade__chapter:not([data-step]){display:none}
.serum-cascade.is-enhanced .serum-cascade__chapter{display:flex;flex-wrap:wrap;align-items:baseline;column-gap:12px;padding-left:20px;border-left:2px solid var(--sc-line);opacity:.55;transition:opacity .45s ease,border-color .45s ease}
.serum-cascade.is-enhanced .serum-cascade__chapter[data-active]{opacity:1;border-left-color:var(--sc-accent)}
.serum-cascade.is-enhanced .serum-cascade__chapter>p{flex-basis:100%}
.serum-cascade.is-enhanced .serum-cascade__index{margin:0}
.serum-cascade.is-enhanced .serum-cascade__chapter h3{font-size:20px;margin-bottom:0}
.serum-cascade.is-enhanced .serum-cascade__subtitle{font-size:17px;margin:12px 0 4px}
.serum-cascade.is-enhanced .serum-cascade__description{font-size:15px;line-height:1.5;max-width:36ch;margin-bottom:10px}
.serum-cascade.is-enhanced .serum-cascade__ingredients{border:0;padding:0;font-size:11px}
.serum-cascade.is-enhanced .serum-cascade__controls{display:none;position:absolute;bottom:max(22px,env(safe-area-inset-bottom));left:5%;right:5%;z-index:3;align-items:center;gap:20px;padding-bottom:8px;min-height:52px;background:none}
.serum-cascade__play{display:none;min-height:48px;font-size:13px!important;flex-shrink:0}
.serum-cascade__nav{display:flex;gap:clamp(14px,2.2vw,30px);align-items:center;overflow-x:auto;scrollbar-width:none;min-width:0}
.serum-cascade__nav button{min-height:48px;white-space:nowrap;padding:10px 0;font-size:13px;opacity:.65;flex-shrink:0;border-bottom:2px solid transparent}
.serum-cascade__nav button[aria-current=true]{border-color:var(--sc-accent);color:var(--sc-accent-text,var(--sc-accent));opacity:1}
.serum-cascade__hint{font-size:11px;line-height:1.4;margin-left:auto;color:var(--sc-accent-text,var(--sc-accent))}
.serum-cascade__track{position:absolute;inset:auto 0 0;height:1px;background:var(--sc-line)}
.serum-cascade__track span{display:block;width:100%;height:2px;transform:scaleX(0);transform-origin:left;background:var(--sc-accent)}
.serum-cascade.is-enhanced .serum-cascade__status{position:absolute;bottom:86px;right:5%;max-width:40%;padding:4px 8px;background:var(--sc-background)}
.serum-cascade.is-enhanced .serum-cascade__intro{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;padding:0}
.serum-cascade.is-manual{height:auto}
.serum-cascade.is-manual .serum-cascade__stage{position:relative;top:0;height:var(--sc-min-height)}
.serum-cascade.is-enhanced.is-manual .serum-cascade__text{padding-bottom:104px}
.serum-cascade.is-manual .serum-cascade__controls{display:flex;width:fit-content}
.serum-cascade.is-manual .serum-cascade__nav,.serum-cascade.is-manual .serum-cascade__track{display:none}
.serum-cascade.is-manual .serum-cascade__play{display:block}
.serum-cascade.is-manual .serum-cascade__hint{display:none}
.section:has(nooance-serum-cascade),.custom-section-content:has(nooance-serum-cascade),.section-content-wrapper:has(> .shopify-block > nooance-serum-cascade){overflow:visible}
.section--full-width:has(nooance-serum-cascade)>.custom-section-content{grid-column:1/-1}
.shopify-block:has(> nooance-serum-cascade){width:100%;align-self:stretch}
@media(max-width:749px){
 .serum-cascade.is-enhanced .serum-cascade__stage{height:var(--sc-available-height,calc(100svh - var(--sc-top) - var(--sc-bottom)));min-height:0}
 .serum-cascade__lead{display:block;padding:24px 24px 0}
 .serum-cascade__text .serum-cascade__header p{display:none}
 .serum-cascade__text{padding:24px}
 .serum-cascade__header p{font-size:11px;line-height:1.4;margin-bottom:10px;max-width:29ch}
 .serum-cascade__header h2{max-width:25ch;text-wrap:initial}
 .serum-cascade__index{font-size:20px;margin-bottom:9px}
 .serum-cascade__chapter h3{font-size:28px;margin-bottom:8px}
 .serum-cascade__subtitle{font-size:17px;margin-bottom:8px}
 .serum-cascade__description{font-size:16px;line-height:1.45;max-width:35ch;margin-bottom:12px}
 .serum-cascade__ingredients{font-size:10px;border:0;padding:0}
 .serum-cascade.is-enhanced .serum-cascade__text{width:auto;max-width:none;height:auto;margin:0 24px;padding:18px 0 0;display:block}
 .serum-cascade.is-enhanced .serum-cascade__header h2{max-width:none;text-wrap:balance}
 .serum-cascade.is-enhanced .serum-cascade__copy{position:static;transform:none;margin:14px 0 0;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
 .serum-cascade.is-enhanced .serum-cascade__chapter{display:block;padding:10px 0 0;border-left:0;border-top:2px solid var(--sc-line)}
 .serum-cascade.is-enhanced .serum-cascade__chapter[data-active]{border-top-color:var(--sc-accent)}
 .serum-cascade.is-enhanced .serum-cascade__index{margin-bottom:4px}
 .serum-cascade.is-enhanced .serum-cascade__chapter h3{font-size:min(15px,3.7vw);margin-bottom:4px;overflow-wrap:normal}
 .serum-cascade.is-enhanced .serum-cascade__subtitle{font-size:13px;line-height:1.3;margin:0}
 .serum-cascade.is-enhanced .serum-cascade__description,.serum-cascade.is-enhanced .serum-cascade__ingredients{display:none}
 .serum-cascade.is-enhanced .serum-cascade__art{width:auto;height:auto;aspect-ratio:auto;left:0;right:0;top:var(--sc-safe-bottom);bottom:0;transform:none;mask-image:none}
 .serum-cascade.is-enhanced .serum-cascade__film{width:100%;height:100%;object-fit:contain;object-position:center bottom}
 .serum-cascade.is-enhanced .serum-cascade__wash{display:none}
 .serum-cascade.is-compact .serum-cascade__text{padding-top:12px}
 .serum-cascade.is-compact .serum-cascade__copy{margin-top:10px}
 .serum-cascade.is-compact .serum-cascade__chapter{padding-top:8px}
 .serum-cascade.is-compact .serum-cascade__subtitle{font-size:12px}
 .serum-cascade.is-manual .serum-cascade__stage{height:var(--sc-min-height)}
 .serum-cascade.is-manual .serum-cascade__art{bottom:76px}
 .serum-cascade.is-enhanced .serum-cascade__controls{left:24px;right:24px;bottom:max(16px,env(safe-area-inset-bottom));gap:14px}
 .serum-cascade__nav{gap:20px}
 .serum-cascade__nav button{font-size:12px}
 .serum-cascade__hint{display:none}
 .serum-cascade.is-enhanced .serum-cascade__status{bottom:78px;right:24px;max-width:calc(100% - 48px)}
}
@media(min-width:750px){
 .serum-cascade__header p{font-size:11px;letter-spacing:.13em;margin-bottom:16px}
 .serum-cascade__header h2{font-family:var(--font-h2--family);font-style:var(--font-h2--style);font-weight:var(--font-h2--weight);font-size:var(--font-h2--size);line-height:var(--font-h2--line-height);letter-spacing:var(--font-h2--letter-spacing);text-transform:var(--font-h2--case)}
 .serum-cascade.is-enhanced{--sc-u:14px}
 .serum-cascade.is-enhanced .serum-cascade__text{max-width:640px;padding-block:calc(var(--sc-u) * 1.6);gap:calc(var(--sc-u) * 3)}
 .serum-cascade.is-enhanced .serum-cascade__header p{font-size:max(11px,calc(var(--sc-u) * .85));margin-bottom:var(--sc-u)}
 .serum-cascade.is-enhanced .serum-cascade__copy{gap:calc(var(--sc-u) * 1.8)}
 .serum-cascade.is-enhanced .serum-cascade__chapter{align-items:center;column-gap:calc(var(--sc-u) * .9);padding-left:calc(var(--sc-u) * 1.4)}
 .serum-cascade.is-enhanced .serum-cascade__index{font-size:26px}
 .serum-cascade.is-enhanced .serum-cascade__chapter h3{font-size:max(18px,calc(var(--sc-u) * 1.5));line-height:1.15;letter-spacing:.08em}
 .serum-cascade.is-enhanced .serum-cascade__subtitle{font-size:max(15px,calc(var(--sc-u) * 1.25));margin:calc(var(--sc-u) * .8) 0 calc(var(--sc-u) * .3);color:inherit}
 .serum-cascade.is-enhanced .serum-cascade__description{font-size:max(14px,calc(var(--sc-u) * 1.08));max-width:none;margin-bottom:calc(var(--sc-u) * .7);text-wrap:pretty;color:color-mix(in srgb,var(--sc-ink) 70%,transparent)}
 .serum-cascade.is-enhanced .serum-cascade__ingredients{font-size:max(11px,calc(var(--sc-u) * .8));letter-spacing:.1em}
}
@media(min-width:750px) and (max-height:820px){
 .serum-cascade__header p{margin-bottom:12px}
 .serum-cascade__chapter h3{font-size:32px}
 .serum-cascade__description{font-size:16px;margin-bottom:18px}
 .serum-cascade__subtitle{font-size:18px}
 .serum-cascade__index{margin-bottom:12px}
}
@media(prefers-reduced-motion:reduce){
 .serum-cascade.is-enhanced .serum-cascade__chapter{transition:none}
}
.serum-cascade.is-autoplay{height:auto;container-type:inline-size}.serum-cascade.is-autoplay .serum-cascade__stage{position:relative;top:0}.serum-cascade.is-autoplay .serum-cascade__wash{pointer-events:none}.serum-cascade.is-autoplay .serum-cascade__art{cursor:pointer}.serum-cascade.is-autoplay .serum-cascade__art:focus-visible{outline:2px solid var(--sc-accent);outline-offset:-4px}.serum-cascade.is-autoplay .serum-cascade__chapter[data-step]{cursor:pointer}.serum-cascade.is-autoplay .serum-cascade__chapter[data-step]:not([data-active]):hover{opacity:.7}.serum-cascade.is-autoplay .serum-cascade__chapter[data-step]:focus-visible{outline:2px solid var(--sc-accent);outline-offset:4px}@media(max-width:749px){.serum-cascade.is-enhanced.is-autoplay:not(.is-manual) .serum-cascade__stage{height:calc(var(--sc-safe-bottom) + 100cqw);min-height:0}.serum-cascade.is-enhanced.is-autoplay:not(.is-manual) .serum-cascade__art{bottom:0;mask-image:linear-gradient(180deg,transparent,#000 10%,#000 90%,transparent)}.serum-cascade.is-enhanced.is-autoplay:not(.is-manual) .serum-cascade__film{object-fit:cover}}.serum-cascade.is-enhanced.is-autoplay .serum-cascade__chapter[data-step]{position:relative;border-left-color:var(--sc-line)}.serum-cascade.is-enhanced.is-autoplay .serum-cascade__chapter[data-step]::before{content:"";position:absolute;left:-2px;top:0;width:2px;height:100%;background:var(--sc-accent);transform:scaleY(var(--sc-step-progress,0));transform-origin:top;pointer-events:none}@media(max-width:749px){.serum-cascade.is-enhanced.is-autoplay .serum-cascade__chapter[data-step]{border-top-color:var(--sc-line)}.serum-cascade.is-enhanced.is-autoplay .serum-cascade__chapter[data-step]::before{left:0;top:-2px;width:100%;height:2px;transform:scaleX(var(--sc-step-progress,0));transform-origin:left}}@keyframes sc-fade-up{from{opacity:0;transform:translateY(18px)}}.serum-cascade.is-autoplay:not(.is-manual):not(.is-revealed) .serum-cascade__chapter[data-step]{opacity:0}.serum-cascade.is-autoplay.is-revealed .serum-cascade__chapter[data-step]{animation:sc-fade-up .7s cubic-bezier(.2,.7,.2,1) backwards}.serum-cascade.is-autoplay.is-revealed .serum-cascade__chapter[data-chapter=optimise]{animation-delay:.12s}.serum-cascade.is-autoplay.is-revealed .serum-cascade__chapter[data-chapter=restructure]{animation-delay:.24s}@media(prefers-reduced-motion:reduce){.serum-cascade.is-autoplay.is-revealed .serum-cascade__chapter[data-step]{animation:none}}