/* Drawings carry the story. Motion is brief, finite and never hides content. */
.home-page .shelf-track{scrollbar-width:thin;scrollbar-color:var(--green) transparent;cursor:grab;touch-action:pan-x pan-y}.home-page .shelf-track.dragging{cursor:grabbing;scroll-snap-type:none;user-select:none}.home-page .shelf-panel{flex:0 0 100%;display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;align-content:center;text-align:left;padding:2.5rem 0;gap:2rem;min-height:490px;border:0}.scene-copy{display:grid;gap:1.2rem;max-width:32rem;padding:1rem 0}.scene-copy h3{font-size:clamp(2rem,3.4vw,3.4rem);line-height:1.06}.scene-copy .eyebrow{color:var(--ink)}.scene-copy .hand{font-size:1.9rem;transform:rotate(-3deg);margin:.3rem 0}.scene-art{min-width:0;height:440px;overflow:hidden;position:relative;pointer-events:none}.scene-art img{width:100%;height:100%;object-fit:contain;transform-origin:center bottom}.together-art img{width:145%;max-width:none;margin-left:-35%;object-fit:contain}.scene-next{font:inherit;font-size:.9375rem;background:none;border:0;border-bottom:1px solid currentColor;padding:.25rem 0;cursor:pointer;text-align:left}.scene-footer{display:flex;align-items:center;justify-content:space-between;gap:1rem;border-top:1px solid var(--ink);padding:.8rem 0}.home-page .shelf-hint{display:block;margin:0;border:0;padding:0}.scene-position{font-variant-numeric:tabular-nums;white-space:nowrap}.craft-drawing{display:flex;align-items:center;justify-content:center;gap:3rem;margin:-1.2rem auto 2.8rem}.craft-drawing img{width:clamp(240px,32vw,390px);height:auto;transform-origin:center bottom}.craft-drawing .hand{font-size:2rem;transform:rotate(-6deg);color:var(--green)}
@keyframes drawing-arrive{from{transform:translateY(14px) rotate(-1deg)}to{transform:translateY(0) rotate(0)}}
@keyframes grower-puzzle{0%,100%{transform:rotate(0)}30%{transform:rotate(-1deg)}65%{transform:rotate(1deg)}}
@keyframes craft-pour{0%,100%{transform:rotate(0)}45%{transform:rotate(-2deg)}}
@keyframes aroma-rise{0%{opacity:.3;transform:translateY(5px)}50%{opacity:1}100%{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:no-preference){.intro-art>img{animation:drawing-arrive .9s ease-out both}.shelf-story.in-view .scene-collection.selected .scene-art img{animation:grower-puzzle 1.5s ease-in-out}.shelf-story.in-view .scene-together.selected .scene-art img{animation:drawing-arrive .8s ease-out}.craft-drawing.in-view img{animation:craft-pour 2.4s ease-in-out}.jar-art.in-view .aroma-lines{animation:aroma-rise 2.2s ease-out}.jar-art.in-view svg{animation:drawing-arrive .8s ease-out}}
@media(max-width:820px){.home-page .shelf-panel{grid-template-columns:1fr 1fr;gap:1.5rem;min-height:410px}.scene-art{height:350px}.scene-copy h3{font-size:2rem}.scene-copy p:not(.hand):not(.eyebrow){font-size:.9375rem}.scene-copy .hand{font-size:1.6rem}.craft-drawing{margin-top:0;gap:2rem}}
@media(max-width:620px){.home-page .shelf-panel{grid-template-columns:1fr;gap:.5rem;padding:1.5rem 0 0;align-content:start;min-height:0}.scene-copy{padding:0;gap:.9rem;max-width:none}.scene-copy h3{font-size:2.1rem}.scene-copy .hand{margin:0}.scene-art{height:300px}.confused-art img{object-position:center bottom}.together-art img{width:125%;margin-left:-15%}.scene-footer{align-items:flex-start;gap:.5rem}.scene-position{font-size:.75rem}.shelf-hint{font-size:.75rem}.craft-drawing{gap:1rem;margin-bottom:2rem}.craft-drawing img{width:65%;max-width:290px}.craft-drawing .hand{font-size:1.4rem}.shelf-toolbar .toggle button{padding-inline:.65rem;font-size:.8125rem}}
@media(prefers-reduced-motion:reduce){.home-page .shelf-track{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
/* One shared illustration family, with movement suited to each subject. */
.illustrated-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,27%);gap:clamp(24px,5vw,72px);align-items:center}.illustrated-copy{min-width:0}.illustrated-copy h1{max-width:100%;overflow-wrap:anywhere}.page-drawing{margin:0;width:100%;max-width:340px;justify-self:end;pointer-events:none}.page-drawing img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain;transform-origin:50% 80%}.compact-drawing{max-width:180px;margin-top:1.5rem}.product-companion{float:right;width:180px;margin:0 0 1.5rem 2rem}#detail .chapters{clear:both}.hero .shot{overflow:visible}.motion-picture img{transform-origin:center bottom}
@keyframes roots-settle{0%{transform:translateY(12px) rotate(-3deg)}55%{transform:translateY(-3px) rotate(1deg)}100%{transform:none}}
@keyframes water-check{0%,100%{transform:rotate(0)}35%{transform:rotate(-2deg)}70%{transform:rotate(1deg)}}
@keyframes jar-open{0%{transform:translateY(10px) rotate(-2deg)}55%{transform:translateY(-4px) rotate(1deg)}100%{transform:none}}
@keyframes bottle-arrive{0%{transform:translateY(12px) rotate(-2deg)}65%{transform:translateY(-3px) rotate(1deg)}100%{transform:none}}
@keyframes ink-reveal{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}
@media(prefers-reduced-motion:no-preference){.drawing-roots.in-view img{animation:roots-settle 1.6s ease-out}.drawing-water.in-view img{animation:water-check 1.8s ease-in-out}.drawing-jar.in-view img{animation:jar-open 1.7s ease-out}.drawing-craft.in-view img{animation:craft-pour 2.2s ease-in-out}.motion-picture.in-view img{animation:bottle-arrive 1.1s ease-out}.motion-doodle.in-view{animation:drawing-arrive 1.1s ease-out}.ink-link{position:relative}.ink-link::after{content:'';position:absolute;left:0;right:0;bottom:-3px;border-bottom:1px solid currentColor;transform:scaleX(0);transform-origin:left;transition:transform .2s ease}.ink-link:hover::after,.ink-link:focus-visible::after{transform:scaleX(1)}}
@media(max-width:820px){.illustrated-hero{grid-template-columns:minmax(0,1fr) 190px;gap:1.5rem}.illustrated-copy h1{font-size:clamp(2.5rem,6vw,4.5rem)}.product-companion{width:150px}}
@media(max-width:620px){.illustrated-hero{grid-template-columns:1fr;gap:1rem}.illustrated-copy h1{font-size:clamp(2.5rem,9vw,3.6rem)}.page-drawing{max-width:170px;justify-self:end}.illustrated-hero .page-drawing{margin-top:-.25rem}.product-companion{width:110px;margin-left:1rem}.compact-drawing{max-width:140px}.illustrated-copy .chips{gap:.5rem}}
/* Real photographs ground the brand story; founder likeness belongs to the opening. */
.brand-photo{margin:0;min-width:0;width:100%}.brand-photo>img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;object-position:50% 57%}.brand-photo figcaption{margin-top:1rem;color:var(--green);transform:rotate(-2deg)}.story-booth-photo{max-width:1000px;margin-inline:auto}.story-booth-photo>img{aspect-ratio:16/10;object-position:50% 57%}.founder-photo{margin:0;justify-self:end;width:100%;max-width:300px}.founder-photo-window{position:relative;width:100%;height:380px;overflow:hidden}.founder-photo-window img{display:block;width:160%;max-width:none;height:100%;object-fit:cover;object-position:50% 40%;position:absolute;left:50%;transform:translateX(-50%)}.founder-photo figcaption{margin-top:.75rem;color:var(--ink-2)}
@media(max-width:620px){.founder-photo{max-width:230px;justify-self:start}.founder-photo-window{height:290px}.brand-photo>img,.story-booth-photo>img{aspect-ratio:4/3;object-position:50% 57%}.brand-photo figcaption{font-size:1.5rem}.story-layout .brand-photo{max-width:540px}}