/* Exact supplied single-can PNGs; crop transparent padding in CSS only. */
.can-crop.original img{width:381.625px;left:-119.170px;top:-14.276px;height:auto}
.can-crop.peach img{width:383.319px;left:-118.611px;top:-14.783px;height:auto}
.can-crop.cherry img{width:398.892px;left:-124.077px;top:-25.429px;height:auto}
.can-crop.passion img{width:392.239px;left:-121.483px;top:-22.789px;height:auto}
.journey-cherry .journey-copy p{background:none;padding:0;border-radius:0;width:auto;color:var(--cream);text-shadow:0 1px 3px #27272b}
.tabs button[data-id="original"]{--flavour-glow:245,170,40;--flavour-accent:#d98b12}
.tabs button[data-id="peach"]{--flavour-glow:255,73,121;--flavour-accent:#ee3971}
.tabs button[data-id="cherry"]{--flavour-glow:155,210,25;--flavour-accent:#78a917}
.tabs button[data-id="passion"]{--flavour-glow:184,20,144;--flavour-accent:#b81490}
.tabs button{isolation:isolate;transition:background .2s}
.tabs .tab-sticker{filter:drop-shadow(0 0 9px rgba(var(--flavour-glow),.4))}
.tabs button[aria-selected=true]{background:rgba(var(--flavour-glow),.14);box-shadow:inset 0 0 24px rgba(var(--flavour-glow),.12)}
.tabs button[aria-selected=true]:after{background:var(--flavour-accent)}
.tabs button[aria-selected=true] .tab-sticker,.tabs button:hover .tab-sticker{filter:drop-shadow(0 0 10px rgba(var(--flavour-glow),.65))}
/* Supplied lifestyle artwork fills exactly the right half on desktop. */
.world.section{max-width:none;padding:0;gap:0;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch}
.world-copy{padding:64px var(--space);align-self:center}
.world-logo{width:200px;max-width:100%;height:auto;margin-top:34px}
.world figure{min-height:720px;height:100%;overflow:hidden}
.world figure>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:55% center;transform:none}
.footer-top>.footer-sunset{width:200px;height:auto;max-width:45%;background:none;padding:0;border-radius:0}
@media(max-width:650px){.world.section{grid-template-columns:minmax(0,1fr)}.world-copy{padding:50px var(--space)}.world-logo{width:180px;margin-top:28px}.world figure{min-height:360px;height:clamp(360px,100vw,480px)}.world figure>img{object-position:55% center}.footer-top>.footer-sunset{width:160px;max-width:48%}}
/* Phone hierarchy: short headline, dominant can, then supporting copy and CTA. */
@media(max-width:650px){
 .journey-scene{--mobile-can-scale:1.35;gap:8px;padding-top:14px;padding-bottom:24px}
 .journey-top{order:0}
 .journey-copy{display:contents}
 .journey-copy>.kicker{display:none}
 .journey-title,.journey-original .journey-title{order:1;font-size:clamp(25px,7vw,38px);margin:8px 0;max-width:100%}
 .journey-passion .journey-title{font-size:clamp(23px,6.5vw,34px)}
 .journey-can{order:2;width:calc(150px * var(--mobile-can-scale));height:calc(440px * var(--mobile-can-scale));flex:0 0 calc(440px * var(--mobile-can-scale));margin:0 auto}
 .journey-can .can-crop{transform:translate(-50%,-50%) scale(var(--mobile-can-scale))}
 .journey-scene .journey-copy p{order:3;align-self:center;text-align:center;max-width:100%;margin:0 0 6px;font-size:12px;color:#fff;font-weight:600;text-shadow:0 1px 2px #000c,0 2px 8px #000a}
 .journey-copy .button{order:4;align-self:center;position:relative;z-index:3;margin-bottom:2px}
 .flavour-visual{height:560px}
 .flavour-visual .can-crop{transform:scale(1.25)}
}
@media(max-width:650px) and (max-height:780px){.journey-scene{--mobile-can-scale:1.15}}
@media(max-width:650px) and (max-height:680px){.journey-scene{--mobile-can-scale:1}}
/* Current range contains three flavours. */
.tabs{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:650px){.tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.tabs button:first-child{grid-column:1/-1;justify-content:center}.tabs button:last-child{grid-column:auto}.tabs button:nth-child(2),.tabs button:nth-child(3){border-top:1px solid var(--line)}.tabs button:nth-child(2):before{display:none}.tabs button:nth-child(3):before{display:block}}