@property --palette-ink{syntax:'<color>';inherits:true;initial-value:#783d34}
@property --palette-body{syntax:'<color>';inherits:true;initial-value:#49332d}
@property --palette-paper{syntax:'<color>';inherits:true;initial-value:#eff0e8}
.shell[data-palette=cedar]{--target-ink:#783d34;--target-body:#49332d;--target-paper:#eff0e8}
.shell[data-palette=hinoki]{--target-ink:#593c68;--target-body:#433445;--target-paper:#f7f0dc}
.shell[data-palette=iris]{--target-ink:#273c75;--target-body:#30394d;--target-paper:#faf0e5}
.shell[data-palette=vetiver]{--target-ink:#36543e;--target-body:#344235;--target-paper:#f0f1df}
.shell{--palette-ink:var(--target-ink);--palette-body:var(--target-body);--palette-paper:var(--target-paper);transition:--palette-ink 1.15s cubic-bezier(.4,0,.2,1),--palette-body 1.15s cubic-bezier(.4,0,.2,1),--palette-paper 1.15s ease}
.garden-sheet[data-scent]{--story-ink:var(--palette-ink);--story-body:var(--palette-body);background-color:var(--palette-paper)}
.hero-image{transition:opacity 1.15s cubic-bezier(.4,0,.2,1)}
.quiet-logo,.brand-note,.brand-note .brand-words,.retained .text-button.concept-only{color:var(--palette-ink)}
.brand-note{padding:0;border:0;background:none;overflow:visible;mix-blend-mode:normal;cursor:pointer;touch-action:manipulation;transition:none}
.brand-note>svg{overflow:visible}
.brand-note:hover{transform:translateX(-50%)}
.brand-note:focus-visible{outline:1px solid var(--palette-ink);outline-offset:5px;border-radius:4px}
.brand-leaf-original{transform-origin:905px 49px}
.brand-sprout{opacity:0;transform-origin:0 0}
.brand-note #signature-branch-mask image,.brand-note #signature-leaf-mask image{filter:url(#signature-alpha)!important}
#add-to-bag{--button-paper:var(--palette-ink)}
#scent-notes,.notes-panel>h2,.ingredient-writing h3{color:var(--palette-ink)}
.ingredient-art{color:var(--palette-ink);mix-blend-mode:normal}
.scent-copy h2:after,.notes-panel>h2:after{background:var(--palette-ink)}
.scent-choices button[data-scent=cedar]{--swatch:#783d34!important}
.scent-choices button[data-scent=hinoki]{--swatch:#593c68!important}
.scent-choices button[data-scent=iris]{--swatch:#273c75!important}
.scent-choices button[data-scent=vetiver]{--swatch:#36543e!important}
.scent-choices button[aria-pressed=true]{border-bottom-color:var(--palette-ink)}
@media(max-width:900px){.hero-copy{background-color:var(--palette-paper)}}
@media(prefers-reduced-motion:reduce){.shell,.hero-image{transition:none!important}.brand-note:hover{transform:translateX(-50%)} }