/* Reference lock: stacked full-screen product panels, Mello art and type only. */
.can-journey{position:relative;isolation:isolate;background:var(--cream)}
.journey-scene{--arrival:1;position:sticky;top:0;height:100svh;min-height:720px;overflow:hidden;isolation:isolate;scroll-margin-top:0;background:#8dc8df;border-top:1px solid #27272b20}
.journey-scene:first-child{height:calc(100svh - 126px);min-height:700px;border-top:0}
.journey-background{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-3;max-width:none;transform:translateY(calc((1 - var(--arrival)) * -24px)) scale(1.04);transform-origin:center}
.journey-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(255,244,223,.25),transparent 52%)}
.journey-top{position:absolute;top:28px;left:var(--space);right:var(--space);display:flex;justify-content:space-between;align-items:center;gap:20px}
.journey-top>.kicker{font-size:10px;max-width:65%}.journey-top .soon{flex-shrink:0;background:rgba(255,244,223,.8)}
.journey-copy{position:absolute;left:var(--space);top:50%;transform:translateY(-50%);max-width:40%;z-index:3}
.journey-copy>.kicker{font-size:10px;letter-spacing:.11em}
.journey-title{font-family:'Archivo Black','Arial Black',sans-serif;font-weight:400;font-synthesis:none;line-height:.98;font-size:clamp(52px,5.7vw,90px);letter-spacing:-.035em;margin:20px 0 24px;color:var(--cream);-webkit-text-fill-color:var(--cream);-webkit-text-stroke:.085em var(--ink);paint-order:stroke fill;text-shadow:.06em .07em 0 var(--ink);text-wrap:initial}
.journey-copy p{font-size:17px;line-height:1.55;max-width:350px;margin:0 0 25px}
.journey-cherry .journey-copy p{background:rgba(255,244,223,.88);padding:10px 14px;border-radius:4px;width:fit-content}
.journey-copy .button{font-size:14px;padding:12px 22px}
.journey-can{position:absolute;left:55%;top:51%;transform:translate(-50%,-50%);z-index:2;filter:drop-shadow(12px 18px 14px #27272b33)}
.journey-can .can-crop{width:150px;height:440px;overflow:hidden;transform:translateY(calc((1 - var(--arrival)) * 28px)) scale(calc(1.35 + var(--arrival) * .04));transform-origin:center}
.journey-can .can-crop img{height:auto;top:-195px}
.journey-bottom{position:absolute;left:var(--space);right:var(--space);bottom:25px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:11px;font-weight:600;z-index:3}
.journey-bottom a{display:flex;align-items:center;gap:20px;padding:10px 14px;min-height:44px;background:rgba(255,244,223,.88);border-radius:4px}.journey-bottom a:hover{text-decoration:underline;text-underline-offset:5px}.journey-bottom a span{font-size:22px}
.journey-caption{font-size:10px;letter-spacing:.1em}
.journey-passion .journey-title{font-size:clamp(45px,4.7vw,74px)}
.journey-peach{background:#e9a866}.journey-cherry{background:#afccda}.journey-passion{background:#ccaccf}
.tab-sticker{width:76px;height:64px;object-fit:contain}
@media(max-width:1000px) and (min-width:651px){.journey-title{font-size:58px}.journey-copy{max-width:43%}.journey-copy p{font-size:15px;max-width:290px}.journey-can{left:61%}.journey-can .can-crop{transform:translateY(calc((1 - var(--arrival)) * 22px)) scale(1.2)}.journey-passion .journey-title{font-size:46px}.journey-caption{display:none}}
@media(max-width:650px){
 .journey-scene{position:sticky;top:var(--mobile-pin-top,0px);display:flex;flex-direction:column;gap:16px;height:auto;min-height:100svh;padding:18px var(--space) 14px}.journey-scene:first-child{height:auto;min-height:calc(100svh - 110px)}
 .journey-background{object-position:66% center;transform:scale(1.03)}
 .journey-original .journey-background{object-position:64% center}.journey-peach .journey-background{object-position:61% center}.journey-cherry .journey-background{object-position:60% center}.journey-passion .journey-background{object-position:61% center}
 .journey-shade{background:linear-gradient(180deg,rgba(255,244,223,.35),rgba(255,244,223,.08) 50%,transparent)}
 .journey-top{position:static;gap:12px;flex-shrink:0}.journey-top>.kicker{font-size:8px;letter-spacing:.05em;max-width:62%}.journey-top .soon{font-size:10px;padding:6px 8px;gap:6px}
 .journey-copy{position:static;transform:none;max-width:none}.journey-copy>.kicker{font-size:9px}.journey-title,.journey-original .journey-title{font-size:clamp(26px,7.7vw,46px);margin:10px 0 12px;line-height:1.02}.journey-passion .journey-title{font-size:clamp(25px,7vw,38px)}
 .journey-copy p{font-size:13px;line-height:1.45;margin-bottom:12px;max-width:320px}.journey-copy .button{font-size:12px;padding:8px 16px;min-height:44px}
 .journey-can{position:relative;inset:auto;transform:none;align-self:center;width:135px;height:396px;flex:0 0 396px;margin:0 auto}
 .journey-can .can-crop{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(.9);transform-origin:center;margin:0}
 .journey-bottom{position:static;margin-top:auto;gap:12px;font-size:9px;align-items:center}.journey-bottom>span:first-child{max-width:40%;line-height:1.6}.journey-bottom>a{max-width:58%;gap:12px;line-height:1.5;justify-content:flex-end;text-align:right;min-height:44px;padding:8px 10px}.journey-caption{display:none}
 .tab-sticker{width:58px;height:48px}
}
@media(max-height:720px) and (min-width:651px){.journey-scene{min-height:650px}.journey-scene:first-child{min-height:650px}.journey-title{font-size:58px}.journey-passion .journey-title{font-size:48px}.journey-can .can-crop{transform:scale(1.13)}}
@media(prefers-reduced-motion:reduce){.journey-scene{position:relative}.journey-background{transform:none!important}.journey-can .can-crop{transform:scale(1.39)}.can-journey a{scroll-behavior:auto}}
@media(prefers-reduced-motion:reduce) and (min-width:651px) and (max-width:1000px){.journey-can .can-crop{transform:scale(1.2)}}
@media(prefers-reduced-motion:reduce) and (min-width:651px) and (max-height:720px){.journey-can .can-crop{transform:scale(1.13)}}
@media(prefers-reduced-motion:reduce) and (max-width:650px){.journey-can .can-crop{transform:translate(-50%,-50%) scale(.9)}}
/* Keep the full can dominant on phones; the photo remains an atmospheric backdrop. */
@media(max-width:650px){.world figure>img{object-position:50% 40%}.flavour-visual{height:440px}.flavour-visual .can-crop{transform:scale(.95)}}
@media(max-width:650px) and (max-height:780px){.journey-can{width:112.5px;height:330px;flex-basis:330px}.journey-can .can-crop{transform:translate(-50%,-50%) scale(.75)}}
@media(max-width:650px) and (max-height:680px){.journey-can{width:96px;height:282px;flex-basis:282px}.journey-can .can-crop{transform:translate(-50%,-50%) scale(.64)}}
@media(max-width:360px){.journey-copy p{font-size:12px}.footer-top>p{font-size:15px}.footer-top>img{width:150px}.footer-top{gap:20px}}