.brand-note .brand-words{position:absolute;left:27.5%;top:12px;font:800 14px/1 'Inter Tight','Arial Black',Arial,sans-serif;letter-spacing:-.025em;white-space:nowrap;color:#24332b;transform:rotate(-2deg)}
.product-stage{position:absolute;inset:0;z-index:1;pointer-events:none;opacity:0}
.product-stage[data-ready=true]{opacity:1}
/* Muted complementary inks, paired with each fragrance's packaging accent. */
.garden-sheet[data-scent=cedar]{--story-ink:#174b58;--story-body:#263f46}
.garden-sheet[data-scent=hinoki]{--story-ink:#663b59;--story-body:#493541}
.garden-sheet[data-scent=iris]{--story-ink:#46532b;--story-body:#373e2b}
.garden-sheet[data-scent=vetiver]{--story-ink:#713f28;--story-body:#49362b}
.garden-sheet .hero-copy h1,.garden-sheet .scent-copy h2{color:var(--story-ink)}
.garden-sheet .scent-copy p{color:var(--story-body)}
.product-plane{position:absolute;pointer-events:none}
.product-backdrop,.product-cap{position:absolute;inset:0;width:100%;height:100%;max-width:none;pointer-events:none}
.product-backdrop{z-index:0}.product-cap{z-index:3}
.product-layers{position:absolute;inset:0;opacity:1;transition:opacity .28s ease;isolation:isolate}
.product-stage[data-state=closed] .product-layers{opacity:0;transition:opacity .64s cubic-bezier(.4,0,.3,1)}
.product-visual{opacity:1}
/* Only replace the original product's footprint. Stationary scenery never crossfades. */
.product-backdrop{mask-image:linear-gradient(to right,transparent 51%,#000 52.8%,#000 69.5%,transparent 71.2%),linear-gradient(to bottom,transparent 11%,#000 13%,#000 81%,transparent 84%);mask-composite:intersect}
.product-toggle{position:absolute;left:53.4091%;top:14.2402%;width:15.1914%;height:58.2359%;z-index:2;padding:0;margin:0;border:0;background:none;pointer-events:auto;transform-origin:50% 92.7007%;cursor:pointer;touch-action:manipulation;will-change:transform;-webkit-user-select:none;user-select:none}
.product-toggle>svg{display:block;width:100%;height:100%;overflow:visible;pointer-events:none}
.product-toggle text{font-family:'Inter Tight',Arial,sans-serif;fill:#29251f;text-anchor:middle;letter-spacing:1px}
.product-toggle:focus-visible{outline:1px solid #f5eee0;outline-offset:7px;border-radius:5px}
.product-toggle:hover>svg{filter:brightness(1.015)}
.product-care{position:absolute;z-index:4;text-align:left;transform:translateY(calc(-50% + 8px));color:#243c2c;letter-spacing:0;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .16s ease,transform .16s ease,visibility .16s}
.product-care p{margin:0}
.product-care .care-headline{font-family:'Inter Tight',Arial,sans-serif;font-size:clamp(28px,2.3vw,34px);font-weight:800;line-height:.94;letter-spacing:-.05em}
.shows-care .product-care{opacity:1;visibility:visible;transform:translateY(-50%);transition:opacity 1.1s ease,transform 1.25s cubic-bezier(.22,.61,.36,1),visibility 0s}
.care-support{font-size:14px;line-height:1.25;opacity:0;transform:translateY(6px);transition:opacity .18s ease,transform .18s ease}
.product-care .care-support{margin-top:9px}
.shows-support .care-support{opacity:1;transform:translateY(0);transition:opacity 1.1s ease,transform 1.25s ease}
.product-cream{position:absolute;z-index:5;padding:0;margin:0;border:0;background:none;transform:translate(-50%,-50%);pointer-events:none;opacity:0;visibility:hidden;cursor:zoom-in;touch-action:manipulation;color:#243c2c}
.product-cream svg{display:block;width:100%;height:auto;overflow:visible;filter:drop-shadow(0 8px 8px #34261916);pointer-events:none}
.product-cream span{position:absolute;top:100%;left:50%;transform:translate(-50%,4px);width:max-content;font-size:9px;letter-spacing:.025em;opacity:0;transition:opacity .4s ease;pointer-events:none}
.product-cream b{font-size:12px;font-weight:400;margin-left:3px}
.product-stage[data-cream-phase=extruding] .product-cream,.product-stage[data-cream-phase=floating] .product-cream{visibility:visible;opacity:1}
.product-stage[data-cream-phase=floating] .product-cream{pointer-events:auto}
.product-stage[data-cream-phase=floating] .product-cream span{opacity:.8}
.product-cream:focus-visible{outline:1px solid #faf5e8;outline-offset:5px;border-radius:50%}
.texture-detail{position:absolute;z-index:6;display:grid;grid-template-columns:136px 1fr;align-items:center;gap:18px;min-height:160px;pointer-events:none;opacity:0;visibility:hidden;transform:translate(-8px,6px) scale(.96);transform-origin:left center;color:#243c2c;transition:opacity .18s ease,transform .18s ease,visibility .18s}
.texture-detail:before{content:'';position:absolute;z-index:-1;inset:-22px -18px;background:radial-gradient(ellipse,#e4d7c4ed 5%,#e4d7c4d9 42%,#e4d7c400 72%);filter:blur(9px);pointer-events:none}
.texture-detail>img{width:136px;height:136px;object-fit:cover;border-radius:50%;box-shadow:0 12px 28px #3d2a181f}
.texture-copy{padding-right:8px}.texture-eyebrow{display:block;font-size:8px;letter-spacing:.1em;margin-bottom:9px}
.texture-copy h2{font-family:'Inter Tight',Arial,sans-serif;font-size:26px;font-weight:800;line-height:.98;letter-spacing:-.04em;margin:0 0 11px}
.texture-copy p{font-size:13px;line-height:1.45;margin:0}
.texture-detail>button{position:absolute;right:0;top:0;width:28px;height:28px;border:0;background:#f7f1e57d;color:#243c2c;border-radius:50%;font-size:20px;cursor:pointer;line-height:1}
.shows-texture .texture-detail{pointer-events:auto;opacity:1;visibility:visible;transform:translate(0,0) scale(1);transition:opacity .4s ease,transform .6s cubic-bezier(.22,.61,.36,1),visibility 0s}
.product-hint{position:absolute;left:61%;top:82.5%;transform:translateX(-50%);font-size:clamp(7px,.65vw,10px);letter-spacing:.06em;color:#384632;white-space:nowrap;opacity:.7;pointer-events:none;transition:opacity .15s}
.product-hint:before{content:'Click the tube to explore ↗'}
.product-stage:not([data-state=closed]) .product-hint{opacity:0}
.product-care,.product-cream,.texture-detail,.texture-detail>button{color:var(--story-ink)}
.care-support,.texture-copy p,.texture-eyebrow,.product-cream span,.product-hint{color:var(--story-body)}
@media(max-width:600px){.brand-note .brand-words{font-size:12px;top:8px}.product-care .care-headline{font-size:23px}.product-care .care-support{font-size:11px;margin-top:6px}.product-cream span{font-size:8px;transform:translate(-50%,1px)}.product-hint{font-size:7px;top:83.5%}.product-hint:before{content:'Tap the tube to explore ↗'}.texture-detail{grid-template-columns:82px 1fr;gap:13px;min-height:106px;padding:10px 27px 10px 10px;background:#ede6d9f2;border-radius:2px;box-sizing:border-box}.texture-detail:before{display:none}.texture-detail>img{width:82px;height:82px}.texture-copy{padding:0}.texture-copy h2{font-size:22px;margin-bottom:6px}.texture-copy p{font-size:11px;line-height:1.3}.texture-eyebrow{font-size:7px;margin-bottom:5px}.texture-detail>button{top:3px;right:3px;width:24px;height:24px}.shows-texture .product-care{opacity:0;visibility:hidden}}
@media(max-height:540px) and (min-width:601px){.brand-note .brand-words{font-size:12px;top:10px}.product-care{font-size:10px}}
@media(max-width:600px){.product-care .care-headline{font-size:22px}.texture-detail{grid-template-columns:62px 1fr;gap:10px;min-height:82px;height:82px;padding:10px}.texture-detail>img{width:62px;height:62px}.texture-copy h2{font-size:17px;white-space:nowrap;margin-bottom:4px}.texture-copy p{font-size:10px;line-height:1.2}.texture-eyebrow{font-size:6px;margin-bottom:4px}.texture-detail>button{top:-8px;right:-4px;width:22px;height:22px;background:#f5efe4}.product-care .care-support{font-size:10px}}
@media(prefers-reduced-motion:reduce){.product-layers,.product-visual,.product-care,.product-hint,.care-support,.product-cream span,.texture-detail{transition:none!important}.product-toggle{will-change:auto}}