.pour-story{height:210vh;position:relative;background:#052d51;color:white}.pour-stage{position:sticky;top:0;min-height:650px;height:100svh;max-height:1100px;overflow:hidden;display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:60px max(28px,calc((100vw - 1100px)/2));gap:50px}.pour-copy{position:relative;z-index:3;max-width:400px}.pour-copy .eyebrow{color:#ade78b}.pour-copy h2{color:white;font-size:clamp(32px,4vw,54px);line-height:1.1;letter-spacing:-.04em;margin:18px 0 24px}.pour-copy p{color:#c0d9ea;font-size:15px}.pour-hint{display:block;font-size:11px;letter-spacing:.12em;color:#b3d7ed;margin-top:35px}.pour-visual{position:relative;height:470px;isolation:isolate}.pour-visual:before{content:'';position:absolute;inset:20% 0 0;background:radial-gradient(ellipse,#0b7dbe70,transparent 68%);z-index:-1}.pour-bottle{position:absolute;top:0;left:16%;width:245px;height:368px;transform-origin:50% 13%;will-change:transform}.pour-bottle img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none}.pour-body{clip-path:inset(13% 0 0 0)}.pour-cap{clip-path:inset(0 0 87% 0);will-change:transform}.pour-neck{position:absolute;top:11%;left:41%;width:18%;height:5%;background:linear-gradient(90deg,#0570af,#65c8f7,#0878bd);border:2px solid #90dcff;border-radius:8px 8px 2px 2px;z-index:-1}.pour-stream{position:absolute;top:54px;left:calc(16% + 122px);height:310px;width:12px;transform-origin:top center;border-radius:40% 40% 8px 8px;background:linear-gradient(90deg,#0789da99,#91e5ff,#0798eeaa);opacity:0;filter:drop-shadow(0 0 9px #49bcf966)}.pour-pool{position:absolute;bottom:42px;left:6%;width:88%;height:26px;background:radial-gradient(ellipse,#58d6fdab,#0a88db55 60%,transparent 72%);border-radius:50%;opacity:0;transform:scale(.3)}.pour-caption{position:absolute;bottom:0;left:0;right:0;text-align:center;color:#a7c5da;font-size:10px}.pour-progress{height:2px;background:#ffffff25;margin-top:28px;max-width:180px}.pour-progress span{height:100%;display:block;background:#a9e778;width:0}.pour-story.reduced{height:auto}.pour-story.reduced .pour-stage{position:relative}.pour-story.reduced .pour-hint{display:none}
@media(max-width:736px){.pour-stage{grid-template-columns:1fr;align-content:center;gap:12px;min-height:580px;padding:30px 24px}.pour-copy{max-width:100%}.pour-copy h2{font-size:34px;margin:12px 0}.pour-copy p{font-size:13px;max-width:32ch}.pour-hint{margin-top:12px;font-size:10px}.pour-visual{height:320px;width:100%;max-width:380px;margin:auto}.pour-bottle{width:180px;height:270px;left:23%;top:0}.pour-stream{left:calc(23% + 90px);top:40px;height:210px;width:9px}.pour-pool{bottom:30px}.pour-caption{font-size:9px}.pour-progress{margin-top:14px}}

@media(max-width:736px){.pour-bottle{width:160px;height:240px;left:0;top:35px}.pour-stream{left:80px;top:66px;height:180px}.pour-stage{min-height:580px}.pour-copy h2 br{display:none}}
/* A separação passa somente pela borda inferior da tampa. */
.pour-body{clip-path:inset(11.5% 0 0 0)}
.pour-cap{clip-path:inset(0 0 88.5% 0)}
.pour-neck{top:10.7%;left:40%;width:20%;height:4%;z-index:-1;border-radius:45% 45% 8% 8%;background:linear-gradient(90deg,#087aba,#88dcff 45%,#087abd);border:1px solid #a3e7ff}
.pour-pool{left:0;bottom:35px;width:100%;height:65px;border-radius:45% 55% 42% 58% / 53% 46% 54% 47%;background:radial-gradient(ellipse at 42% 35%,#c0f4ffcc 0,#32c3f4ed 28%,#0585d7 66%,#0872caaa 85%,transparent 88%);box-shadow:0 12px 30px #0196eb44,inset 0 3px 2px #acEEff99;transform-origin:30% 50%;z-index:2}
.pour-pool:after{content:'';position:absolute;inset:12% 15% 24% 12%;border:1px solid #ccf7ff88;border-radius:50%;transform:rotate(-4deg)}
.pour-stream{z-index:1;border-radius:35% 40% 15% 20%;background:linear-gradient(90deg,#068edbbb,#9eefff 45%,#20c5f5 65%,#087ed8dd)}
.pour-story{z-index:2;--spill:0}
.pour-story:after{content:'';position:absolute;left:0;right:0;bottom:-85px;height:190px;z-index:6;pointer-events:none;opacity:var(--spill);transform:scaleY(var(--spill));transform-origin:top;background:linear-gradient(180deg,#0b8fdc,#26b6ed 55%,#0a8ad7);border-radius:42% 58% 29% 71% / 15% 10% 70% 65%;box-shadow:inset 0 4px 2px #b0efff88,0 12px 26px #0079c522}
.pour-caption{bottom:0;z-index:3}
@media(max-width:736px){.pour-pool{bottom:34px;height:51px;left:0;width:100%}.pour-story:after{height:140px;bottom:-65px}}
@media(prefers-reduced-motion:reduce){.pour-story:after{display:none}}
/* Mantém apenas a poça junto ao frasco, sem faixa entre as seções. */
.pour-story:after{display:none}
.pour-bottle{width:300px;height:450px;left:9%;top:0;transform-origin:50% 13%}.pour-stream{left:calc(9% + 150px);top:58.5px}.pour-visual{height:520px}
@media(max-width:736px){.pour-visual{height:360px}.pour-bottle{width:210px;height:315px;left:0;top:30px}.pour-stream{left:105px;top:71px}.pour-stage{min-height:650px;gap:8px}.pour-copy h2{font-size:30px}.pour-copy p{font-size:12px}}
/* Compacta a abertura e alinha o conteúdo logo abaixo da marca. */
.brand-banner{padding:16px 24px 0}
.pour-stage{align-items:start;align-content:start;padding-top:44px;padding-bottom:28px;min-height:620px}
.pour-copy{padding-top:24px}
.pour-visual{margin-top:0}
@media(min-width:737px){.pour-copy h2{font-size:clamp(34px,3.8vw,50px)}.pour-copy p{font-size:14px}.pour-copy .eyebrow{max-width:44ch}}
@media(max-width:736px){.brand-banner{padding-top:12px}.pour-stage{align-content:start;min-height:650px;padding-top:24px;gap:8px}.pour-copy{padding-top:0}.pour-copy h2{margin-top:10px}.pour-visual{margin-top:0}}

/* Logo e texto na esquerda; frasco ocupa a altura do conjunto na direita. */
.pour-stage{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:center;align-content:center;padding-top:28px;padding-bottom:28px;gap:48px;min-height:760px}
.pour-copy{padding-top:0;max-width:450px}
.pour-copy .brand-banner{background:transparent;text-align:left;padding:0 0 24px;margin:0}
.pour-copy .brand-banner img{width:260px;max-width:85%;height:auto;margin:0}
.pour-copy h2{font-size:clamp(34px,3.5vw,48px);line-height:1.12;margin:16px 0 24px}
.pour-copy p{font-size:14px;max-width:43ch}
.pour-copy .eyebrow{font-size:10px!important;max-width:none}
.pour-hint{margin-top:22px}
.pour-visual{height:660px;margin:0;width:100%}
.pour-bottle{width:420px;height:630px;max-width:none;left:0;top:0}
.pour-stream{left:210px;top:81.9px}
.pour-pool{bottom:24px}
@media(min-width:737px) and (max-width:1050px){.pour-stage{gap:28px;padding-left:32px;padding-right:32px}.pour-bottle{width:340px;height:510px}.pour-visual{height:560px}.pour-copy .brand-banner img{width:225px}.pour-copy h2{font-size:36px}}
@media(max-width:736px){.pour-stage{grid-template-columns:1fr;align-content:start;align-items:start;padding:22px 24px;gap:16px;min-height:820px}.pour-copy{max-width:100%}.pour-copy .brand-banner{padding:0 0 18px}.pour-copy .brand-banner img{width:200px;max-width:80%;margin:0}.pour-copy h2{font-size:30px;margin:12px 0 16px}.pour-copy p{font-size:12px}.pour-copy .eyebrow{font-size:9px!important}.pour-hint{margin-top:14px}.pour-visual{height:370px;max-width:380px;margin:0 auto}.pour-bottle{width:235px;height:352.5px;left:0;top:0}.pour-pool{bottom:20px}}
