/* A single scroll-led product sequence. No decorative disc behind the cans. */
.pour-story{--pour-progress:0;position:relative;height:240svh;min-height:1400px;background:#080808}
.pour-story .home-hero{position:sticky;top:0;display:grid;grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);gap:2vw;align-items:center;height:100svh;min-height:620px;max-width:1600px;padding-top:40px;padding-bottom:40px;overflow:visible}
.pour-story .home-copy{align-self:center;padding-bottom:35px}
.pour-story .home-copy h1{font-size:clamp(44px,5.3vw,82px);line-height:.96;letter-spacing:-.045em;margin:0 0 24px;max-width:9.5em}
.pour-story .home-copy>p:not(.pour-chapter){font-size:17px;line-height:1.55;max-width:30ch;margin-bottom:24px;color:#beb8af}
.pour-story .home-copy .text-link{font-size:15px;text-decoration-thickness:1px}
.pour-story .home-copy .pour-chapter{font-size:12px;font-weight:700;letter-spacing:.06em;color:#ffc798;line-height:1.5;margin:0 0 24px;max-width:none}
.pour-story .pour-scroll{display:flex;align-items:center;gap:12px;color:#99928a;font-size:12px;line-height:1.4;margin-top:32px}
.pour-scroll::before{content:'';width:1px;height:30px;background:#787064;flex-shrink:0}
.pour-progress{height:2px;width:130px;margin-top:16px;background:#393631;position:relative;transform-origin:left}
.pour-progress::after{content:'';display:block;height:100%;width:100%;background:#ff5a1f;transform:scaleX(var(--pour-progress));transform-origin:left}
.can-experience{position:relative;margin:0;min-width:0;align-self:center;width:100%;isolation:isolate}
.can-experience::before{content:none}
.can-viewport{height:min(660px,77svh);min-height:410px;width:100%;position:relative;background:transparent}
.can-canvas{display:block;width:100%;height:100%;cursor:grab;touch-action:pan-y}
.can-canvas:active{cursor:grabbing}
.can-fallback{position:absolute;inset:7% 12% 6%;display:flex;justify-content:center;gap:22px;align-items:center}
.can-fallback[hidden]{display:none}
.can-fallback img{height:90%;width:44%;object-fit:contain}
.can-fallback img:first-child{transform:rotate(-9deg)}
.can-fallback img+img{transform:rotate(9deg)}
.can-experience figcaption{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 7%;font-size:12px;line-height:1.5;color:#beb8af}
.can-turn{display:inline-flex;align-items:center;gap:12px;background:transparent;color:#fff8ee;border:1px solid #787064;min-height:46px;padding:11px 17px;border-radius:3px;font-size:14px;white-space:nowrap}
.can-turn::after{content:none}
.can-turn:hover{background:#1b1916;border-color:#fff8ee}
.can-turn:disabled{display:none}
@media(max-width:1000px){.pour-story .home-hero{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:0;padding-left:4vw;padding-right:4vw}.pour-story .home-copy h1{font-size:clamp(39px,5.2vw,56px)}.can-experience figcaption{padding:0 2%;gap:12px}.can-turn{font-size:12px;padding:11px 12px}.can-viewport{height:min(590px,72svh);min-height:380px}}
@media(max-width:600px){
 .pour-story{height:240svh;min-height:1300px}
 .pour-story .home-hero{height:100svh;min-height:610px;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);gap:8px;padding:24px 6vw 22px}
 .pour-story .home-copy{padding:0;align-self:start}
 .pour-story .home-copy h1{font-size:clamp(31px,10.2vw,55px);line-height:.95;letter-spacing:-.035em;margin-bottom:12px;max-width:none}
 .pour-story .home-copy .pour-chapter{font-size:10px;letter-spacing:.045em;margin-bottom:15px}
 .pour-story .home-copy>p:not(.pour-chapter){font-size:14px;line-height:1.45;max-width:34ch;margin:0 0 4px}
 .pour-story .home-copy .text-link{font-size:13px;min-height:44px;padding:12px 0}
 .pour-story .pour-scroll{font-size:11px;margin-top:3px;gap:8px}
 .pour-scroll::before{height:13px}
 .pour-progress{position:relative;left:auto;right:auto;bottom:auto;width:130px;margin-top:10px}
 .can-experience{margin:0;align-self:center}
 .can-viewport{height:clamp(280px,45svh,400px);min-height:0}
 .can-experience figcaption{font-size:11px;padding:0;gap:12px}
 .can-turn{font-size:12px;min-height:44px;padding:10px 13px}
 .can-fallback{inset:3% 10% 4%;gap:18px}
}
@media(max-height:700px) and (min-width:601px){.pour-story .home-hero{min-height:520px;padding-top:24px;padding-bottom:24px}.can-viewport{height:76svh;min-height:380px}.pour-story .home-copy h1{font-size:clamp(40px,5vw,68px)}.pour-story .home-copy .pour-chapter{margin-bottom:16px}.pour-story .pour-scroll{margin-top:16px}}
@media(max-height:700px) and (max-width:600px){.pour-story .home-hero{padding-top:16px;min-height:580px;gap:0}.pour-story .home-copy .pour-chapter{margin-bottom:10px}.pour-story .home-copy h1{font-size:clamp(30px,9.6vw,45px)}.pour-story .home-copy>p:not(.pour-chapter){font-size:13px;max-width:36ch}.can-viewport{height:280px}.pour-story .pour-scroll{display:none}}
@media(prefers-reduced-motion:reduce){.pour-story{height:auto;min-height:0}.pour-story .home-hero{position:relative;top:auto;height:auto;min-height:0;padding-top:40px;padding-bottom:40px}.pour-story .pour-scroll,.pour-progress{display:none}.can-viewport{height:510px;min-height:0}}
@media(prefers-reduced-motion:reduce) and (max-width:600px){.pour-story .home-hero{padding-top:25px;padding-bottom:30px;gap:14px}.can-viewport{height:320px}}

/* Keep the requested phrase intact, including the narrow mobile layout. */
.pour-story .home-copy h1{font-size:clamp(30px,4vw,64px)}
.pour-headline-line{display:block;white-space:nowrap}
@media(max-width:1000px) and (min-width:601px){.pour-story .home-copy h1{font-size:3.8vw}}
@media(max-width:600px){.pour-story .home-copy h1{font-size:8.8vw}}