/* Photographic components, arranged on one central axis. */
.drop-story{background:#eef1e8;border-top:1px solid var(--line);position:relative;--line:rgba(6,27,20,.19);--part-scale:.39}
.drop-sticky{padding:clamp(24px,4vh,48px) var(--edge) 24px;display:grid;grid-template-rows:auto minmax(0,1fr) auto;min-height:min(680px,100svh);height:100svh;max-height:1080px;position:relative}
.drop-story.is-scroll{height:320svh}
.drop-story.is-scroll .drop-sticky{position:sticky;top:0}
.drop-heading{text-align:center;position:relative;z-index:4;pointer-events:none}
.drop-heading .eyebrow{margin:0 0 14px;color:#326743;font-size:.875rem;letter-spacing:.13em}
.drop-heading h2{margin:0;font-size:clamp(2rem,4vw,4.5rem);font-weight:500;letter-spacing:-.055em;line-height:1.02}
.drop-scene{position:relative;min-height:0;width:100%;max-width:1400px;margin:auto;height:100%;isolation:isolate;overflow:hidden;background:linear-gradient(90deg,transparent calc(50% - .5px),rgba(6,27,20,.08) 50%,transparent calc(50% + .5px))}
.drop-apparatus{position:absolute;left:50%;top:50%;width:1000px;height:700px;transform:translate(-50%,-50%) scale(calc(var(--scene-scale,.8) * var(--zoom,1))) translateY(var(--focus,0px));transform-origin:center;pointer-events:none}
.drop-part{position:absolute;background-image:url('/assets/natleaf-dropper-parts-clean.webp');background-repeat:no-repeat;background-size:599.04px 399.36px;will-change:transform}
.drop-bottle{width:120.9px;height:280.8px;left:439.55px;top:410px;background-position:-122.85px -88.92px;z-index:2}
.drop-brand{position:absolute;left:11.3%;top:37.7%;width:77.4%;height:auto;max-width:none}
.drop-cap{width:101.4px;height:139.62px;left:449.3px;top:15px;background-position:-384.93px -22.23px;z-index:3;transform-origin:center 85%}
.drop-shaft{width:30.42px;height:209.43px;left:484.79px;top:150px;background-position:-420.81px -156px;z-index:1}
.drop-leaders{position:absolute;inset:0;width:100%;height:100%;overflow:visible;z-index:3;pointer-events:none;fill:none;stroke:#477052;stroke-width:1}
.drop-leaders circle{fill:#315d3b;stroke:none}
.drop-leaders g{opacity:var(--reveal,1)}
.drop-leaders polyline{stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--reveal,1))}
.drop-callout{position:absolute;z-index:4;width:clamp(160px,23%,300px);opacity:var(--reveal,1);transform:translateY(calc((1 - var(--reveal,1)) * 8px));color:var(--bg)}
.drop-callout h3{font-size:clamp(1rem,1.7vw,1.5rem);font-weight:500;letter-spacing:-.035em;line-height:1.2;margin:0 0 12px;text-wrap:balance}
.drop-callout p{margin:0;color:#506155;font-size:1rem;line-height:1.5;max-width:250px;text-wrap:pretty}
.drop-callout-marks,.drop-callout-flavor{left:5%;text-align:left}
.drop-callout-oil,.drop-callout-glass{right:5%;text-align:left}
.drop-callout-marks,.drop-callout-oil{top:24%}.drop-callout-flavor,.drop-callout-glass{top:65%}
.drop-controls{display:grid;grid-template-columns:1fr minmax(100px,240px) 1fr;align-items:center;gap:24px;max-width:1200px;width:100%;margin:auto;padding-top:20px;border-top:1px solid var(--line)}
.drop-instruction{margin:0;font-size:.875rem;color:#3c5845;display:flex;gap:18px;align-items:center}
.drop-progress{height:2px;background:rgba(6,27,20,.14);overflow:hidden}
.drop-progress span{display:block;width:100%;height:100%;background:#315d3b;transform-origin:left;transform:scaleX(var(--progress,1))}
.drop-motion{justify-self:end;border:0;border-bottom:1px solid var(--line);background:none;padding:8px 0;color:#315d3b;font-size:.875rem;min-height:40px;cursor:pointer}
.drop-motion:focus-visible{outline-color:#315d3b}
.drop-story.is-static{height:auto}.drop-story.is-static .drop-sticky{position:relative}
@media(max-width:700px){
 .drop-sticky{min-height:min(640px,100svh);max-height:none;padding-inline:20px;padding-top:28px;padding-bottom:16px}
 .drop-story.is-scroll{height:280svh}
 .drop-heading h2{font-size:clamp(1.9rem,7vw,2.8rem)}
 .drop-heading .eyebrow{font-size:.75rem;margin-bottom:12px}
 .drop-callout{width:29%;min-width:0}
 .drop-callout h3{font-size:1rem;margin-bottom:8px;letter-spacing:-.04em}
 .drop-callout p{font-size:.875rem;line-height:1.4}
 .drop-callout-marks,.drop-callout-flavor{left:0}
 .drop-callout-oil,.drop-callout-glass{right:0}
 .drop-callout-marks,.drop-callout-oil{top:20%}.drop-callout-flavor,.drop-callout-glass{top:64%}
 .drop-controls{grid-template-columns:1fr 1fr;gap:4px 16px;padding-top:12px}
 .drop-progress{grid-column:1/-1;grid-row:2;margin-top:10px}
 .drop-motion{font-size:.75rem}
 .drop-instruction{font-size:.75rem;gap:8px}
}
@media(prefers-reduced-motion:reduce){.drop-story.is-scroll{height:auto}.drop-story.is-scroll .drop-sticky{position:relative}.drop-part{will-change:auto}}
.drop-story.is-scroll.is-returning{height:auto}
.drop-story.is-scroll.is-returning .drop-sticky{position:relative}