/* Option 2: only the drink sticks. All page content remains in normal scroll flow. */
html{overflow-y:scroll;scrollbar-gutter:stable;scrollbar-width:auto;scrollbar-color:#ff3f8c #1b1417;scroll-padding-top:108px}
html::-webkit-scrollbar{width:12px}html::-webkit-scrollbar-track{background:#1b1417}html::-webkit-scrollbar-thumb{background:#ff3f8c;border:3px solid #1b1417;border-radius:12px}
.review-strip{gap:20px}.review-strip>span{margin-right:auto}.compare-link{text-decoration:underline;text-underline-offset:3px;font-size:11px;white-space:nowrap}
.flow-story{display:grid;grid-template-columns:1.06fr 1fr;max-width:1800px;margin:auto;padding:0 6%;gap:7%;position:relative;isolation:isolate}
.pour-column{grid-column:2;grid-row:1;min-width:0;border-left:1px solid #27191f;padding-left:5%}
.pour-sticky{position:sticky;top:108px;height:calc(100svh - 128px);max-height:900px;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;padding:16px 0}
.pour-kicker{font:800 10px/1.5 var(--body);letter-spacing:.19em;text-align:center;color:var(--pink);margin-bottom:12px;flex:none}
.pour-art{width:min(100%,52svh,490px);aspect-ratio:1;position:relative;flex:none}
.pour-art .cup-stack{inset:0;width:100%;height:100%;max-width:none;transform:none;position:absolute}
.pour-art .halo{inset:9% 3% 10%;transform:rotate(-20deg);border-color:#502133;background:radial-gradient(ellipse,#42122340,transparent 66%)}
.pour-art .cup-frame{transform:none!important}
.pour-caption{max-width:95%;text-align:center;margin:3px 0 12px;flex:none;min-height:83px}
.pour-caption>span{font:800 10px/1.5 var(--body);letter-spacing:.16em;color:var(--pink)}
.pour-caption strong{font:clamp(23px,2.1vw,33px)/1.1 var(--display);display:block;margin:6px 0}
.pour-caption p{font-size:13px;color:var(--muted)}
.pour-sticky .stage-controls{position:static;gap:12px;flex:none}
.flow-chapters{grid-column:1;grid-row:1;min-width:0}
.flow-chapter{min-height:84svh;padding:80px 0;display:flex;align-items:center;border-bottom:1px solid var(--line);scroll-margin-top:108px}
.flow-chapter:last-child{border-bottom:none}.flow-chapter>div{width:100%}
.intro-chapter{min-height:calc(100svh - 123px);padding-top:50px;padding-bottom:60px}
.flow-chapter .eyebrow{color:var(--pink);font-size:10px;letter-spacing:.17em;margin-bottom:25px}
.flow-chapter h1{font-size:clamp(75px,7.1vw,126px);line-height:.89;letter-spacing:-.015em}
.flow-chapter h1 em{font-family:var(--marker);font-size:.88em;display:inline-block;transform:rotate(-4deg);line-height:1.22;margin-left:-5px}
.flow-chapter h2{font-size:clamp(62px,5.5vw,96px);line-height:.98}
.chapter-copy{font-size:clamp(16px,1.3vw,20px);color:var(--muted);max-width:470px;line-height:1.7;margin-top:28px}
.secondary-copy{font-size:16px;margin-top:20px}
.flow-chapter .button{margin-top:29px;max-width:370px;min-height:51px;font-size:13px;width:100%}
.chapter-next{display:block;font-size:12px;font-weight:800;letter-spacing:.01em;color:var(--muted);margin-top:23px}
a.chapter-next:hover{color:var(--pink)}.chapter-next span{margin-left:16px;color:var(--pink)}
.flow-chapter .occasion{padding:17px 0}.flow-chapter .occasion:first-of-type{margin-top:30px}.flow-chapter .occasion h3{font-size:26px}.flow-chapter .occasion p{font-size:13px}
.chapter-tags{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin-top:35px;font:22px var(--display)}.chapter-tags span{border:1px solid #633044;padding:11px 18px}.chapter-tags b{color:var(--pink);font-size:17px}
.flow-chapter .draft-note{color:#aa929c;font-size:11px;max-width:400px;margin-top:28px}
.handwritten{font:clamp(26px,3vw,42px)/1.4 var(--marker);color:var(--pink);transform:rotate(-5deg);margin:45px 0 15px 15px}
.flow-chapter .package-list{margin-top:35px}.flow-chapter .package-list a{padding:16px 0}.flow-chapter .package-list span{font-size:28px}
.final-chapter{min-height:82svh}.final-chapter .eyebrow{color:var(--paper)}
.booking{scroll-margin-top:100px;background:linear-gradient(155deg,#1e1118 0%,#0a0a0a 42%);max-width:none}.booking-intro{top:115px}
.booking.arrived .booking-card{animation:booking-arrive .65s ease-out both}.booking.arrived .booking-intro{animation:booking-arrive .55s ease-out both}
@keyframes booking-arrive{from{opacity:.3;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1600px){.flow-story{padding-left:8%;padding-right:8%;gap:6%}.pour-art{width:min(100%,54svh,560px)}}
@media(max-width:1050px){.flow-story{gap:5%;padding:0 5%}.pour-column{padding-left:3%}.flow-chapter h1{font-size:82px}.flow-chapter h2{font-size:67px}.pour-art{width:min(100%,48svh,430px)}.chapter-copy{font-size:16px}.pour-kicker{font-size:8px}.flow-chapter{padding:70px 0}.intro-chapter{padding-top:35px}}
@media(max-height:700px) and (min-width:761px){.pour-sticky{top:98px;height:calc(100svh - 108px);padding:8px 0}.pour-art{width:min(100%,46svh,430px)}.pour-kicker{margin-bottom:4px;font-size:8px}.pour-caption{min-height:66px;margin:0 0 4px}.pour-caption strong{font-size:25px}.pour-caption p{font-size:11px}.pour-sticky .stage-controls button{height:25px;padding:7px 2px}.intro-chapter h1{font-size:75px}.intro-chapter .chapter-copy{margin-top:20px}.intro-chapter .button{margin-top:20px}}
@media(max-width:760px){
 html{scroll-padding-top:calc(73px + 32svh + 20px)}
 .review-strip{gap:12px;padding-left:5%;padding-right:5%}.compare-link{font-size:9px}.review-strip button{font-size:9px}.review-strip>span{font-size:9px}.strip-detail{display:none}
 .flow-story{display:flex;flex-direction:column;padding:0;gap:0;isolation:auto}
 .pour-column{position:sticky;top:73px;z-index:10;padding:0;border:0;border-bottom:1px solid #492033;background:var(--ink)}
 .pour-sticky{position:relative;top:auto;height:32svh;max-height:290px;min-height:190px;padding:8px 6%;display:grid;grid-template-columns:1.1fr 1fr;grid-template-rows:1fr auto;column-gap:12px;overflow:hidden;justify-content:initial;align-items:center}
 .pour-kicker{display:none}.pour-art{grid-column:1;grid-row:1/3;width:min(30svh,100%);align-self:center;justify-self:center;margin:0}.pour-art .halo{inset:10% 0 13%}.pour-art .cup-stack{inset:0;width:100%;max-width:none;transform:none}
 .pour-caption{grid-column:2;grid-row:1;text-align:left;max-width:100%;min-height:0;margin:0;align-self:end;padding-bottom:8px}.pour-caption>span{font-size:9px}.pour-caption strong{font-size:26px;line-height:1.03;margin:7px 0}.pour-caption p{font-size:11px;line-height:1.5;max-width:155px}
 .pour-sticky .stage-controls{grid-column:2;grid-row:2;align-self:start;justify-content:start;gap:6px;padding-bottom:10px}.pour-sticky .stage-controls button{width:20px;height:26px;padding:7px 1px}
 .flow-chapters{padding:0 6%}.flow-chapter{min-height:70svh;padding:55px 0;scroll-margin-top:calc(73px + 32svh + 20px)}.intro-chapter{min-height:calc(68svh - 100px);padding:32px 0 50px;align-items:start}
 .flow-chapter h1{font-size:clamp(65px,13.8vw,91px)}.flow-chapter h2{font-size:clamp(51px,11.5vw,75px)}.flow-chapter .eyebrow{font-size:9px;margin-bottom:20px;letter-spacing:.12em}.chapter-copy{font-size:16px;margin-top:23px;max-width:460px}.flow-chapter .button{margin-top:25px;font-size:12px;max-width:350px}.chapter-next{font-size:11px;margin-top:19px}.intro-chapter .chapter-copy{max-width:320px;font-size:14px;margin-top:20px}.intro-chapter .button{margin-top:20px}.flow-chapter .occasion h3{font-size:25px}.flow-chapter .occasion p{font-size:12px}.chapter-tags{gap:10px;font-size:20px}.chapter-tags span{padding:9px 13px}.handwritten{font-size:31px}.final-chapter{min-height:64svh}.booking{scroll-margin-top:88px;padding-top:64px}.booking-intro{position:static}
}
@media(max-width:380px){.pour-caption strong{font-size:23px}.pour-caption p{font-size:10px}.pour-sticky .stage-controls{gap:4px}.pour-sticky .stage-controls button{width:17px}.review-strip button{max-width:120px;text-align:right}}
@media(prefers-reduced-motion:reduce){.booking.arrived .booking-card,.booking.arrived .booking-intro{animation:none}.cup-frame{transition:none!important}}