@property --stage-glow{syntax:"<color>";inherits:true;initial-value:#0000}.landing{--header-block:65px}.film{--ground:var(--dark-ground);--raised:var(--dark-raised);--elevated:var(--dark-elevated);--text:var(--cream);--text-strong:var(--cream-bright);--text-soft:var(--lavender-mute);--text-mute:var(--lavender-mute);--text-accent:var(--gold);--mark:var(--gold);--on-accent:var(--dark-ground);--accent-edge:transparent;--rule:color-mix(in srgb, var(--gold) 22%, transparent);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;isolation:isolate;min-block-size:calc(100svh - var(--header-block));background:var(--dark-ground);color:var(--text);align-items:end;display:grid;position:relative;overflow:hidden}.film-media{z-index:-1;position:absolute;inset:0}.film-poster,.film-video,.film-fallback{object-fit:cover;block-size:100%;inline-size:100%;position:absolute;inset:0}.film-video{opacity:0;transition:opacity 1.2s var(--ease)}.film-video[data-playing]{opacity:1}.film-fallback{background:radial-gradient(90% 70% at 72% 28%, color-mix(in srgb, var(--lavender) 34%, transparent), transparent 62%), radial-gradient(70% 60% at 18% 85%, color-mix(in srgb, var(--sage) 14%, transparent), transparent 60%), linear-gradient(var(--dark-elevated), var(--dark-ground))}.film-scrim{background:linear-gradient(to top, color-mix(in srgb, var(--dark-ground) 94%, transparent) 0%, color-mix(in srgb, var(--dark-ground) 62%, transparent) 34%, color-mix(in srgb, var(--dark-ground) 10%, transparent) 68%, transparent 80%), linear-gradient(to bottom, color-mix(in srgb, var(--dark-ground) 40%, transparent), transparent 18%);position:absolute;inset:0}.film-copy{padding-block:var(--sp-9) calc(44px + var(--sp-5) + var(--sp-6));text-align:center;flex-direction:column;align-items:center;display:flex}.film-title{text-shadow:0 2px 28px #00000059;max-inline-size:15ch;margin-block-start:var(--sp-4)}.film-sub{max-inline-size:36rem;color:var(--text);text-wrap:balance;margin-block-start:var(--sp-5);font-size:clamp(1.0625rem,1.5vw,1.375rem);line-height:1.7}.film-actions{justify-content:center;align-items:center;gap:var(--sp-4) var(--sp-6);flex-wrap:wrap;margin-block-start:var(--sp-7);display:flex}.film-toggle{pointer-events:auto;border-radius:var(--r-pill);border:1px solid var(--rule);background:color-mix(in srgb, var(--dark-ground) 55%, transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);block-size:44px;inline-size:44px;color:var(--text-strong);cursor:pointer;place-items:center;transition:border-color .18s,color .18s;display:grid}.film-toggle:hover{color:var(--text-accent);border-color:var(--mark)}.film-toggle:focus-visible{outline:2px solid var(--mark);outline-offset:3px}@media (min-width:1024px){.film-copy{text-align:start;padding-block:var(--sp-9);align-items:flex-start}.film-actions{justify-content:flex-start}}.colours{padding-block:var(--sp-8) var(--sp-6);scroll-margin-block-start:var(--header-block)}@media (min-width:768px){.colours{padding-block-start:var(--sp-9)}}.colours-head{margin-block-end:var(--sp-6)}.colours-stage{display:none}.colours-steps{gap:var(--sp-8);margin:0;padding:0;list-style:none;display:grid}.colour-step{gap:var(--sp-5);scroll-margin-block-start:var(--header-block);display:grid}.colour-step-media{aspect-ratio:16/9;border-radius:var(--r-card);background:var(--elevated);position:relative;overflow:hidden}.colour-step-media>img{object-fit:cover;block-size:100%;inline-size:100%;display:block}.colour-step-copy{gap:var(--sp-3);flex-direction:column;min-inline-size:0;display:flex}[data-colour-name]:focus{outline:none}[data-colour-name]:focus-visible{outline:2px solid var(--mark);outline-offset:4px}.colour-facts{gap:var(--sp-3) var(--sp-5);margin:var(--sp-2) 0;padding-block:var(--sp-4);border-block:var(--hairline);grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));display:grid}.colour-facts dd{align-items:center;gap:var(--sp-2);font-size:var(--fs-body);color:var(--text);margin:2px 0 0;display:flex}.colour-facts dd.text-spec{color:var(--text-spec)}.colour-swatch{border-radius:var(--r-pill);border:1px solid var(--rule);flex:none;block-size:14px;inline-size:14px}.colour-buy{align-items:center;gap:var(--sp-3) var(--sp-6);flex-wrap:wrap;display:flex}.colour-link{font-size:var(--fs-body);color:var(--text-accent);text-underline-offset:.35em;text-decoration:underline;text-decoration-thickness:1px}@media (min-width:768px){.colour-step{align-items:center;gap:var(--sp-7);grid-template-columns:minmax(0,7fr) minmax(0,5fr)}}.tub-fallback{background:radial-gradient(ellipse 62% 58% at 46% 42%, color-mix(in srgb, var(--water) 62%, var(--cream-bright)), var(--water) 58%, color-mix(in srgb, var(--water) 58%, var(--dark-ground)) 100%);box-shadow:0 0 0 clamp(9px, 2vw, 20px) color-mix(in srgb, var(--cream-bright) 90%, var(--dark-ground)), 0 28px 70px color-mix(in srgb, var(--dark-ground) 70%, transparent);border-radius:50%/46%;position:absolute;inset:16% 14%}.colours-band{display:contents}.colours-scroller[data-pinned]{grid-template-columns:minmax(0,1fr);display:grid}.colours-scroller[data-pinned] .colours-stage{z-index:2;gap:var(--sp-2);padding-block:var(--sp-3) var(--sp-1);background:var(--ground);flex-direction:column;grid-row:1;display:flex;position:sticky;inset-block-start:var(--header-block)}.colours-scroller[data-pinned] .colour-step-media{display:none}.colours-scroller[data-pinned] .colours-steps{grid-row:2;gap:0}.colours-scroller[data-pinned] .colour-step{min-block-size:52svh;padding-block:var(--sp-3) var(--sp-7);align-content:start;scroll-margin-block-start:calc(var(--header-block) + 56vw + 4.5rem)}.stage-frames{aspect-ratio:16/9;border-radius:var(--r-card);background-color:var(--elevated);background-image:radial-gradient(70% 70% at 50% 52%, var(--stage-glow), transparent 78%);transition:--stage-glow .9s var(--ease);flex:none;position:relative;overflow:hidden}.stage-frame{z-index:0;opacity:0;transition:opacity 0s linear 1.2s;position:absolute;inset:0}.stage-frame[data-active]{z-index:1;opacity:1;transition:opacity 1.2s cubic-bezier(.45,0,.25,1)}.stage-frames:after,.colour-step-media:after{content:"";z-index:1;pointer-events:none;background:linear-gradient(105deg, transparent 30%, color-mix(in srgb, var(--cream-bright) 22%, transparent) 45%, color-mix(in srgb, var(--gold) 14%, transparent) 50%, transparent 64%);mix-blend-mode:soft-light;-webkit-mask:radial-gradient(ellipse 27% 27% at 50% 46%, var(--dark-ground) 62%, transparent 100%);-webkit-mask:radial-gradient(ellipse 27% 27% at 50% 46%, var(--dark-ground) 62%, transparent 100%);mask:radial-gradient(ellipse 27% 27% at 50% 46%, var(--dark-ground) 62%, transparent 100%);opacity:0;background-position:100% 0;background-size:260% 100%;position:absolute;inset:0}.stage-frame>img{object-fit:cover;block-size:100%;inline-size:100%;display:block}.stage-controls{justify-content:space-between;align-items:center;gap:var(--sp-4);min-block-size:44px;display:flex}.stage-count{font-family:var(--font-latin);letter-spacing:.08em;color:var(--text-strong);font-variant-numeric:lining-nums tabular-nums;margin:0;font-size:1.375rem}.stage-count-total{color:var(--text-mute);font-size:var(--fs-body);margin-inline-start:.2em}.stage-dots{align-items:center;gap:2px;margin:0;padding:0;list-style:none;display:flex}.stage-dots a{border-radius:var(--r-pill);place-items:center;block-size:28px;inline-size:28px;display:grid}.stage-dots a>span{border-radius:var(--r-pill);background:var(--water);block-size:9px;inline-size:9px;box-shadow:0 0 0 1px var(--rule);opacity:.55;transition:inline-size .4s var(--ease), opacity .4s var(--ease), box-shadow .4s var(--ease);display:block}.stage-dots a[aria-current]>span{opacity:1;inline-size:24px;box-shadow:0 0 0 1px var(--mark)}@media (min-width:1024px){.colours-scroller[data-pinned]{column-gap:var(--sp-8);grid-template-columns:minmax(0,5fr) minmax(0,7fr)}.colours-scroller[data-pinned] .colours-steps{grid-area:1/1}.colours-scroller[data-pinned] .colours-stage{background:0 0;grid-area:1/2;align-self:start;padding-block:0;inset-block-start:calc(var(--header-block) + var(--sp-6))}.colours-scroller[data-pinned] .colour-step{min-block-size:clamp(22rem,46svh,30rem);padding-block:var(--sp-5);grid-template-columns:minmax(0,1fr);align-content:center;scroll-margin-block-start:calc(var(--header-block) + var(--sp-6))}.colours-scroller[data-pinned] .colour-step:last-child{min-block-size:clamp(20rem,40svh,26rem)}}.story-grid{gap:var(--sp-7);display:grid}.story-copy{gap:var(--sp-4);flex-direction:column;display:flex}.story-lede{font-family:var(--font-display);color:var(--text-strong);text-wrap:balance;margin:0;font-size:clamp(1.75rem,3.4vw,2.75rem);font-weight:500;line-height:1.35}.story-text{max-inline-size:36rem;color:var(--text);margin:0;font-size:1.0625rem;line-height:1.8}.story-media{grid-template-columns:repeat(12,minmax(0,1fr));align-items:start;display:grid}.story-figure,.ingredients-figure,.about-figure{border-radius:var(--r-card);background:var(--elevated);aspect-ratio:4/5;margin:0;position:relative;overflow:hidden}.story-figure>img,.ingredients-figure>img,.about-figure>img{object-fit:cover;block-size:100%;inline-size:100%;display:block}.story-figure-a{grid-area:1/1/auto/span 8}.story-figure-b{z-index:1;border:6px solid var(--ground);grid-area:1/6/auto/span 7;margin-block-start:42%;box-shadow:0 24px 60px #00000047}.art-fallback{background:radial-gradient(80% 60% at 30% 22%, color-mix(in srgb, var(--lavender) 34%, transparent), transparent 70%), radial-gradient(70% 60% at 78% 88%, color-mix(in srgb, var(--sage) 24%, transparent), transparent 70%), var(--elevated);block-size:100%;inline-size:100%;display:block}.art-fallback-soft{background:radial-gradient(70% 70% at 60% 40%, color-mix(in srgb, var(--lavender) 22%, transparent), transparent 70%), var(--raised)}@media (min-width:900px){.story-grid{align-items:center;gap:var(--sp-8);grid-template-columns:minmax(0,5fr) minmax(0,6fr)}}.ingredients-grid{gap:var(--sp-7);display:grid}.ingredients-figure{max-block-size:640px}.ingredients-line{font-family:var(--font-display);color:var(--text-spec);margin-block-start:var(--sp-5);font-size:clamp(1.5rem,2.6vw,2.125rem);font-weight:500;line-height:1.5}@media (min-width:900px){.ingredients-grid{align-items:center;gap:var(--sp-8);grid-template-columns:minmax(0,5fr) minmax(0,6fr)}}.reviews-band{background:var(--raised)}.landing-reviews{gap:var(--sp-4);grid-template-columns:repeat(auto-fill,minmax(min(100%,18rem),1fr));margin:0;padding:0;list-style:none;display:grid}.landing-review{gap:var(--sp-3);padding:var(--sp-5);border-radius:var(--r-card);border:var(--hairline);background:var(--ground);flex-direction:column;display:flex}.landing-review-body{font-family:var(--font-display);color:var(--text-strong);white-space:pre-line;margin:0;font-size:1.25rem;line-height:1.6}.landing-review-by{align-items:center;gap:var(--sp-1) var(--sp-2);font-size:var(--fs-meta);color:var(--text-mute);flex-wrap:wrap;margin:auto 0 0;display:flex}.about-head{max-inline-size:var(--measure);text-align:center;margin-block-end:var(--sp-7);margin-inline:auto}.about-rows{gap:var(--sp-8);display:grid}.about-row{gap:var(--sp-5);align-items:center;display:grid}.about-row>.longform{inline-size:100%;margin-inline:0}.about-figure{max-block-size:560px}@media (min-width:1024px){.about-row{grid-template-columns:minmax(0, var(--measure)) minmax(0, 1fr);gap:var(--sp-8)}.about-row:nth-child(2n)>.about-figure{order:-1}.about-row:nth-child(2n){grid-template-columns:minmax(0, 1fr) minmax(0, var(--measure))}.about-figure{max-block-size:none}}@media (prefers-reduced-motion:no-preference){.stage-frames:after,.colour-step-media:after{opacity:1;animation:7s ease-in-out infinite water-shimmer}@keyframes water-shimmer{0%{background-position:100% 0}55%,to{background-position:-60% 0}}@supports (animation-timeline:view()){.film-poster,.film-video,.film-fallback{animation:linear both film-drift;animation-timeline:view();animation-range:exit}@keyframes film-drift{to{transform:translateY(14%)scale(1.06)}}.parallax{animation:linear both parallax-drift;animation-timeline:view();animation-range:cover}.parallax-slow{--drift:3%}@keyframes parallax-drift{0%{transform:scale(1.14) translateY(var(--drift,6%))}to{transform:scale(1.14) translateY(calc(var(--drift,6%) * -1))}}}}@media (prefers-reduced-motion:reduce){.film-video,.stage-frame,.stage-frames,.stage-dots a>span{transition:none}}.colours-scroller{margin-block:var(--sp-7) var(--sp-8)}@media (min-width:1024px){.colours-scroller{margin-block:var(--sp-9) calc(var(--sp-9) + var(--sp-6))}}.colours-scroller[data-pinned] .colour-step-copy{opacity:0;transition:opacity .7s cubic-bezier(.45,0,.25,1),transform .7s cubic-bezier(.45,0,.25,1);transform:translateY(24px)}.colours-scroller[data-pinned] .colour-step[data-active] .colour-step-copy{opacity:1;transform:none}.about-head{text-align:center;align-items:center;gap:var(--sp-3);padding-block:var(--sp-6) var(--sp-7);flex-direction:column;display:flex}.about-title{color:var(--text-strong);margin:0;font-size:clamp(2.25rem,5vw,3.75rem);line-height:1.15}.about-lede{max-inline-size:34rem;margin:var(--sp-3) 0 0;color:var(--text-soft);text-wrap:balance;font-size:clamp(1.125rem,2vw,1.5rem);line-height:1.7}.about-wide{aspect-ratio:21/9;border-radius:var(--r-card);margin:0;overflow:hidden}.about-wide>img,.about-tall>img{object-fit:cover;block-size:100%;inline-size:100%;display:block}.about-split{gap:var(--sp-7);padding-block:var(--sp-8) 0;align-items:center;display:grid}.about-prose{max-inline-size:38rem}.about-prose p{margin:0 0 var(--sp-5);color:var(--text);font-size:1.125rem;line-height:1.95}.about-prose p:last-child{margin-block-end:0}.about-tall{aspect-ratio:3/4;border-radius:var(--r-card);margin:0;overflow:hidden}.about-quote{padding-block:var(--sp-9) var(--sp-5);text-align:center;margin-block:0}.about-quote p{max-inline-size:40rem;padding-block:var(--sp-6);border-block:1px solid color-mix(in srgb, var(--mark) 55%, transparent);font-family:var(--font-display);color:var(--text-strong);text-wrap:balance;margin:0 auto;font-size:clamp(1.5rem,3.2vw,2.25rem);line-height:1.6}.about-closing{padding-block:var(--sp-5) var(--sp-8);text-align:center;color:var(--text-accent);text-wrap:balance;margin-block:0;font-size:clamp(1.125rem,2vw,1.375rem);line-height:1.8}@media (min-width:1024px){.about-split{gap:var(--sp-9);grid-template-columns:minmax(0,7fr) minmax(0,5fr)}.about-split-reverse>.about-prose{order:2}.about-tall{max-block-size:40rem}}