.bottle-svg{overflow:visible}
.bottle-svg .disc{fill:var(--sage)}
.bottle-svg .b-nipple,.bottle-svg .b-body{fill:#F7F0DF}
.bottle-svg .b-collar{fill:#EFE5CD}
.bottle-svg .b-collar2{fill:#F3EAD5;stroke:#E3D7BA;stroke-width:1.5}
.bottle-svg .wave-front{fill:#5F6B4E}
.bottle-svg .wave-back{fill:#7C8865}
.bottle-svg .mark{stroke:#9AA487;stroke-width:5;stroke-linecap:round;transition:stroke .5s}
.bottle-svg .tick{stroke:#C3C9B2;stroke-width:3;stroke-linecap:round}
.bottle-svg .mark.hit{stroke:#F7F0DF}
.bottle-svg .arrows path{fill:var(--coral)}
.bottle-svg .rn{font:700 34px var(--sans);fill:#F7F0DF;letter-spacing:.04em}
.bottle-svg .pill rect{fill:#FAF7F0;transition:fill .5s}
.bottle-svg .pill text{font:600 13px var(--sans);fill:var(--ink)}
.bottle-svg .pill .lead{stroke:#F7F0DF;stroke-width:1.5;stroke-dasharray:3 4;opacity:.8}
.bottle-svg .pill.hit rect{fill:var(--coral)}
.bottle-svg .wave{animation:wave 3.2s linear infinite}
.bottle-svg .bubbles circle{fill:#F7F0DF;opacity:0;transform-box:fill-box;animation:bub 6s ease-in infinite}
.bottle-svg .bubbles circle:nth-child(2){animation-delay:-1.2s;animation-duration:7s}
.bottle-svg .bubbles circle:nth-child(3){animation-delay:-2.6s;animation-duration:8s}
.bottle-svg .bubbles circle:nth-child(4){animation-delay:-3.4s}
.bottle-svg .bubbles circle:nth-child(5){animation-delay:-4.1s;animation-duration:9s}
.bottle-svg .bubbles circle:nth-child(6){animation-delay:-.6s;animation-duration:6.5s}
.bottle-svg .bubbles circle:nth-child(7){animation-delay:-5s;animation-duration:7.5s}
@keyframes bub{0%{opacity:0;transform:translateY(0)}20%{opacity:.35}85%{opacity:.25}100%{opacity:0;transform:translateY(-150px)}}
.bottle-svg .wave-back{animation-duration:5s;animation-direction:reverse}
@keyframes wave{to{transform:translateX(72px)}}
.bottle-svg .wave-back{animation-name:waveb}
@keyframes waveb{to{transform:translateX(88px)}}
@media (prefers-reduced-motion:reduce){.bottle-svg .wave,.bottle-svg .bubbles circle{animation:none}}

.bottle-svg .arrows.full{transform-box:fill-box;transform-origin:50% 50%;animation:ff 1.2s var(--ease) 1}
@keyframes ff{30%{transform:translateX(10px) scale(1.15)}60%{transform:translateX(-3px)}100%{transform:none}}
.about-bottle{width:100%;height:100%}

/* ---------- Bottle Fill v2 ---------- */
body{background:var(--cream)}
.story{position:relative}
.stage{position:sticky;top:0;height:100vh;height:100svh;z-index:1;overflow:hidden}
.stage-bg{position:absolute;inset:0;pointer-events:none}
.blob{position:absolute;border-radius:50%;filter:blur(60px);opacity:.55}
.blob.b1{width:46vw;height:46vw;left:-12vw;top:-14vw;background:radial-gradient(circle,#E3E8D6,transparent 70%)}
.blob.b2{width:38vw;height:38vw;right:-10vw;bottom:-14vw;background:radial-gradient(circle,#FBDCD3,transparent 70%)}
.bottle-wrap{position:absolute;left:0;top:0;width:50%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding-top:var(--nav-h)}
.bottle-inner{width:min(42vw,76vh);aspect-ratio:1;transform-origin:50% 50%}
.bottle-inner svg{width:100%;height:100%}
.step-label{display:flex;align-items:center;gap:10px;font-family:var(--mono);font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ink);background:rgba(255,253,248,.85);padding:8px 14px;border-radius:999px;box-shadow:0 1px 0 rgba(47,59,51,.06);white-space:nowrap}
.sl-dot{width:8px;height:8px;border-radius:50%;background:var(--coral);flex:none}
.panels{position:relative;z-index:2;margin-top:-100vh;margin-top:-100svh;pointer-events:none}
.panel{min-height:100vh;min-height:100svh;margin-left:50%;display:flex;align-items:center;padding:calc(var(--nav-h) + 40px) max(5vw,24px) 64px 2vw}
.panel-inner{pointer-events:auto;max-width:560px;width:100%}
.hero-panel h1{font-size:clamp(2.9rem,5.4vw,5.6rem);font-weight:400;margin-top:22px;font-variation-settings:"opsz" 144,"SOFT" 100}
.hero-panel h1 em{font-style:italic;position:relative;white-space:nowrap}
.hero-panel h1 em::after{content:"";position:absolute;left:2%;right:4%;bottom:.04em;height:.14em;background:var(--coral);border-radius:99px;z-index:-1;opacity:.85}
.lede{font-size:clamp(1.05rem,1.4vw,1.22rem);color:var(--ink-soft);margin-top:20px;max-width:46ch}
.hero-ctas{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}
.oz{display:flex;align-items:baseline;gap:16px}
.oz-n{font-family:var(--serif);font-size:4.4rem;line-height:.8;font-weight:300;color:var(--sage-deep);font-variation-settings:"opsz" 144}
.sc h2{font-size:clamp(2rem,3.6vw,3.2rem);margin-top:18px}
.sc .prompt{margin-top:30px}
.teaser-card .fade-text{-webkit-mask-image:linear-gradient(#000 45%,transparent);mask-image:linear-gradient(#000 45%,transparent)}

/* zoom moment ("Bottle's full.") */
.panel.morph{min-height:0;padding-top:48px;padding-bottom:0}
.morph-inner{position:relative;width:100%;pointer-events:none}
.full-moment{text-align:left;position:relative;z-index:1}
.fm-eyebrow{font-family:var(--mono);font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;font-weight:500;color:var(--sage-deep)}
.full-line{font-family:var(--serif);font-weight:400;font-size:clamp(2.6rem,5vw,4.4rem);line-height:1.02;letter-spacing:-.02em;margin-top:10px;font-variation-settings:"opsz" 144,"SOFT" 100;color:var(--ink)}
.full-line em{font-style:italic}
.fm-bubbles{display:none}
.js.motion .panel.morph{margin-left:0;height:170vh;height:170svh;padding:0;display:block}
.js.motion .morph-inner{position:sticky;top:0;height:100vh;height:100svh;display:grid;place-items:center;padding:var(--nav-h) 20px 0;overflow:hidden}
.js.motion .full-moment{text-align:center;opacity:0;will-change:opacity,transform}
.js.motion .fm-eyebrow{color:rgba(250,247,240,.86)}
.js.motion .full-line{color:var(--cream);font-size:clamp(3.4rem,9vw,8.4rem);text-shadow:0 2px 30px rgba(30,40,25,.25)}
.js.motion .full-line em{position:relative}
.js.motion .full-line em::after{content:"";position:absolute;left:3%;right:6%;bottom:.02em;height:.09em;background:var(--coral);border-radius:99px;opacity:.9}
.js.motion .fm-bubbles{display:block;position:absolute;inset:0;opacity:var(--fm,0)}
.fm-bubbles span{position:absolute;left:var(--x);bottom:-30px;width:var(--s);height:var(--s);border-radius:50%;background:rgba(250,247,240,.5);box-shadow:inset -2px -2px 0 rgba(250,247,240,.25);animation:rise var(--t) linear var(--d) infinite}
@keyframes rise{0%{transform:translate(0,0);opacity:0}10%{opacity:.9}50%{transform:translate(10px,-55vh)}90%{opacity:.7}100%{transform:translate(-6px,-108vh);opacity:0}}
.bottle-svg .bubbles{transition:opacity .4s}
.bottle-svg.still .bubbles{opacity:0}

/* kit card + inline form */
.panel.kit-panel{min-height:0;padding-top:24px}
.kit-inner{pointer-events:auto;width:100%;max-width:640px}
.js.motion .panel.kit-panel{margin-left:0;justify-content:center;min-height:100vh;min-height:100svh;padding:calc(var(--nav-h) + 24px) 20px 96px}
.cta-card{pointer-events:auto;background:var(--paper);border-radius:36px;padding:clamp(26px,4.4vw,52px);max-width:640px;width:100%;box-shadow:0 30px 80px -30px rgba(20,30,20,.55);position:relative;overflow:hidden}
.cta-card::before{content:"";position:absolute;right:-60px;top:-60px;width:200px;height:200px;border-radius:50%;background:var(--sage-tint)}
.cta-card>*{position:relative}
.cta-card h2{font-size:clamp(2.2rem,4.4vw,3.4rem);margin-top:14px;font-weight:400}
.cta-card h2 span{display:block;font-style:italic}
.cta-card .kit-copy{margin-top:14px;color:var(--ink-soft);font-size:1.06rem}
.checks{list-style:none;padding:0;margin:20px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:10px 18px;font-weight:500;font-size:.96rem}
.checks li{display:flex;gap:10px;align-items:center}
.checks li::before{content:"";flex:none;width:20px;height:20px;border-radius:50%;background:var(--coral) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M6 10.5l2.6 2.5L14 7.5' fill='none' stroke='%232F3B33' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/100% no-repeat}
.kit-form{margin-top:26px;display:grid;gap:14px}
.ff-row{display:grid;grid-template-columns:1fr 1.25fr;gap:12px}
.ff label{display:block;font-size:.84rem;font-weight:600;color:var(--ink);margin:0 0 6px 4px}
.ff input{width:100%;height:54px;border-radius:16px;border:1.5px solid var(--sage-line);background:#fff;padding:0 16px;font:500 1rem/1 var(--sans);color:var(--ink);transition:border-color .2s,box-shadow .2s;-webkit-appearance:none;appearance:none}
.ff input::placeholder{color:#7A857C}
.ff input:hover{border-color:var(--sage)}
.ff input:focus{outline:none;border-color:var(--sage-deep);box-shadow:0 0 0 4px rgba(142,153,119,.28)}
.ff input[aria-invalid="true"]{border-color:#B0432F;box-shadow:0 0 0 3px rgba(176,67,47,.14)}
.kit-submit{width:100%;--h:58px;font-size:1.06rem}
.kit-submit[disabled]{opacity:.75;cursor:progress;transform:none}
.kit-form[hidden]{display:none}
.form-msg{font-size:.92rem;font-weight:500;color:#9C3A28;min-height:0}
.form-msg:empty{display:none}
.form-msg a{color:inherit;font-weight:600}
.form-success{margin-top:26px;display:flex;gap:14px;align-items:flex-start;background:var(--sage-tint);border-radius:20px;padding:20px 22px;color:var(--ink);font-size:1.04rem;line-height:1.55;outline:none}
.form-success[hidden]{display:none}
.form-success svg{flex:none;margin-top:2px}
.form-success strong{font-family:var(--serif);font-weight:500;font-size:1.25rem;display:block;margin-bottom:2px}
.micro{font-size:.88rem;margin-top:14px;color:var(--ink-soft)}
.micro a{color:var(--ink);font-weight:600;text-decoration-color:var(--coral);text-decoration-thickness:2px;text-underline-offset:3px}
.micro.fallback{margin-top:4px;font-size:.82rem}
.liquid-edge{background:var(--cream);line-height:0;margin-top:-1px}
.liquid-edge svg{width:100%;height:clamp(50px,8vw,120px)}
.get{padding-top:clamp(40px,6vw,80px)}
.about-sec{background:var(--sage-tint)}
.about-art{background:none}
.bottle-svg.still .wave{animation-play-state:paused}
@media (max-width:1180px) and (min-width:880px){.ff-row{grid-template-columns:1fr}}

/* ---------- Mobile ---------- */
@media (max-width:879px){
  /* bottle header height: small enough that headline + CTA fit above the fold on 375x667 */
  :root{--bh:clamp(118px,calc(100svh - 500px),228px)}
  .stage{z-index:3;pointer-events:none}
  .story.is-morph .stage{z-index:1}
  .stage-bg{bottom:auto;height:calc(var(--nav-h) + var(--bh) + 58px);background:linear-gradient(var(--cream) calc(100% - 22px),rgba(250,247,240,0))}
  .blob{display:none}
  .bottle-wrap{width:100%;height:calc(var(--nav-h) + var(--bh) + 40px);justify-content:flex-end;padding-top:var(--nav-h);gap:6px}
  .bottle-inner{width:auto;height:var(--bh)}
  .bottle-svg .pill{display:none}
  .step-label{font-size:.66rem;padding:5px 12px;gap:8px}
  .panel{margin-left:0;align-items:flex-start;padding:calc(var(--nav-h) + var(--bh) + 64px) 20px 56px}
  .hero-panel h1{margin-top:0;font-size:clamp(2.15rem,9.4vw,3.2rem)}
  .hero-eyebrow{display:none}
  .lede{margin-top:10px;font-size:1.02rem;line-height:1.55}
  .hero-ctas{margin-top:18px}
  .hero-ctas .btn-ghost{display:none}
  .oz-n{font-size:3rem}
  .checks{grid-template-columns:1fr 1fr;font-size:.9rem;gap:8px 12px}
  .ff-row{grid-template-columns:1fr}
  .js.motion .panel.morph{height:160svh}
  .js.motion .panel.kit-panel{padding:calc(var(--nav-h) + 12px) 14px 72px;align-items:flex-start}
  .cta-card{border-radius:28px;padding:26px 22px}
  .cta-card h2{font-size:clamp(2rem,9vw,2.6rem)}
  .js:not(.motion) .panel.morph,.js:not(.motion) .panel.kit-panel{padding-top:calc(var(--nav-h) + var(--bh) + 64px)}
  .js:not(.motion) #kit{scroll-margin-top:calc(var(--nav-h) + var(--bh) + 56px)}
}
@media (max-width:459px){.checks{grid-template-columns:1fr}}

/* footer v2: social + links */
.foot-row{display:flex;flex-wrap:wrap;gap:16px 28px;justify-content:space-between;align-items:center;margin-top:36px;padding-top:28px;border-top:1px solid rgba(250,247,240,.16)}
.social,.foot-links{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px 12px}
.social a{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:0 16px 0 12px;border-radius:999px;color:var(--cream);text-decoration:none;font-size:.92rem;font-weight:500;box-shadow:inset 0 0 0 1.5px rgba(250,247,240,.35);transition:background .25s,box-shadow .25s}
.social a:hover{background:rgba(250,247,240,.1);box-shadow:inset 0 0 0 1.5px var(--coral)}
.foot-links a{display:inline-flex;align-items:center;min-height:44px;padding:0 4px;color:var(--cream);font-size:.92rem;text-decoration:underline;text-decoration-color:rgba(242,130,110,.8);text-underline-offset:5px;text-decoration-thickness:1.5px}
.footer .disclaimer{margin-top:28px}