@import url('https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght,SOFT,WONK@9..144,700,100,1;9..144,900,100,1&family=Jua&family=Noto+Sans+KR:wght@400;500;600;700&display=swap');
:root{--cream:#fff6e5;--butter:#fff89d;--sky:#78bfda;--coral:#ef726c;--ink:#542a10;--muted:#795337;--line:#542a1026;--display:'Fraunces',Georgia,serif;--korean:'Jua','Noto Sans KR',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--cream);color:var(--ink);font-family:'Noto Sans KR',sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--ink);outline-offset:5px}.skip{position:fixed;top:-80px;left:20px;background:var(--butter);padding:15px;z-index:20}.skip:focus{top:12px}header{height:88px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;background:var(--cream);position:sticky;top:0;z-index:10;border-bottom:1px solid var(--line)}.wordmark{font-family:var(--display);font-size:44px;font-weight:900;letter-spacing:-2px;line-height:1;color:var(--ink)}.wordmark span{font-family:'Noto Sans KR',sans-serif;font-size:13px;vertical-align:top;letter-spacing:0;margin-left:5px}nav{display:flex;gap:36px;margin-left:auto;margin-right:40px;font-size:15px}nav a:hover{color:#b34230}.nav-cta{background:var(--ink);color:var(--cream);border-radius:40px;padding:13px 23px;font-size:14px;font-weight:500}.nav-cta span{margin-left:15px}.eyebrow{font-family:var(--display);font-size:25px;letter-spacing:-.5px;font-weight:700;color:#b7483d;margin:0 0 24px}h1,h2,h3{font-weight:400;font-family:var(--korean);word-break:keep-all}h1{font-size:clamp(44px,5vw,80px);line-height:1.15;margin:0 0 25px}h2{font-size:clamp(38px,4vw,60px);line-height:1.25;margin:0}h3{font-size:28px;line-height:1.4;margin:0 0 12px}.display-title{font-family:var(--display);font-weight:900;font-size:clamp(60px,6.4vw,100px);letter-spacing:-3px;line-height:1.02}.button{display:inline-flex;align-items:center;gap:32px;padding:17px 26px;background:var(--ink);border:1px solid var(--ink);border-radius:40px;color:var(--cream);font-size:16px;font-weight:500;transition:background .2s,transform .2s}.button:hover{background:#774022;transform:translateY(-2px)}.section{padding:125px max(32px,calc((100vw - 1160px)/2))}.statement{text-align:center;background:var(--butter);padding-top:130px;padding-bottom:140px}.statement .display-title{color:var(--ink);margin-bottom:24px}.statement h3{font-size:30px;margin-bottom:28px}.statement>p:last-child{font-size:18px;line-height:1.95;color:var(--muted);margin:0}.statement strong{font-weight:500;color:var(--ink)}.flavors{background:var(--cream)}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:50px}.section-heading>p{font-size:17px;line-height:1.9;margin:0 0 6px}.flavor-image{overflow:hidden;aspect-ratio:1779/884;border-radius:5px}.flavor-image img{display:block;width:100%;height:100%;object-fit:cover}.flavor-picker{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:26px}.flavor-picker button{border:1px solid var(--line);background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;column-gap:10px;padding:19px 12px;border-radius:5px;font-size:17px;font-weight:500;color:var(--ink);transition:background .2s}.flavor-picker button[aria-selected=true]{background:var(--butter);border-color:var(--ink)}.flavor-picker button:hover{background:#fff0c7}.swatch{width:12px;height:12px;border-radius:50%}.pink{background:#ed706b}.orange{background:#e49b25}.yellow{background:#dcbb2f}.green{background:#68a747}.en{width:100%;font-family:var(--display);font-weight:700;font-size:19px;margin-top:7px}.flavor-detail{margin-top:28px;border-top:1px solid var(--line);display:flex;align-items:center;gap:32px;padding:36px 0 0;min-height:155px}.flavor-number{font-size:14px;align-self:flex-start;margin-top:10px;white-space:nowrap}.flavor-detail h3{font-size:29px;margin:0 0 6px}.flavor-detail p:not(.flavor-number){font-size:16px;line-height:1.8;color:var(--muted);margin:0}.flavor-label{margin-left:auto;font-size:13px;letter-spacing:1px}.story{display:grid;grid-template-columns:1fr 1fr;gap:90px;background:var(--butter);padding-top:140px;padding-bottom:140px}.story-title h2{color:#427c92}.story-title h3{margin-top:30px;font-size:30px}.story-signature{font-family:var(--display);font-size:30px;font-weight:700;margin-top:30px}.story-index{display:block;font-size:14px;color:#a64435;margin-bottom:18px;font-weight:600}.story-copy p{font-size:17px;line-height:1.95;margin:0 0 42px;word-break:keep-all}.story-copy p:last-child{margin-bottom:0}.closing{background:var(--sky);text-align:center;padding:100px 24px 0;overflow:hidden}.closing .eyebrow{color:var(--ink)}.closing h2{color:var(--ink);margin-bottom:32px}.closing>img{display:block;width:min(720px,100%);mix-blend-mode:multiply;margin:60px auto 0}footer{background:var(--cream);display:flex;align-items:center;gap:28px;padding:42px 5%;font-size:14px}footer .wordmark{font-size:36px}footer>span{margin-left:auto}footer>a:last-child{margin-left:25px}
/* The existing fruit-to-can sequence follows the reference palette. */
.juice-journey{height:440svh;background:#fff89d}.juice-stage{height:calc(100svh - 88px);min-height:570px;position:sticky;top:88px;overflow:hidden;background:#fff89d;color:var(--ink)}.journey-copy{position:absolute;z-index:2;left:7%;top:19%;width:45%;pointer-events:none}.journey-copy .eyebrow{color:inherit;font-size:22px;margin-bottom:24px}#journey-title{font-family:var(--display);font-weight:900;font-size:clamp(60px,7.7vw,118px);letter-spacing:-3.5px;line-height:1.03;min-height:2.15em;margin-bottom:24px;white-space:pre-line;word-break:normal}.journey-description{font-size:18px;line-height:1.8;white-space:pre-line;min-height:4em;max-width:90%}.journey-cta{pointer-events:auto;margin-top:14px;background:var(--butter);color:var(--ink)}.journey-cta:hover{background:var(--cream)}.journey-cta[hidden]{display:none}#juice-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.journey-bottom{position:absolute;bottom:30px;left:7%;right:5%;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:14px;z-index:3}.scroll-cue{font-size:14px}.journey-skip{padding:10px 0}.journey-step{font-family:var(--display);font-weight:700;font-size:18px}.journey-progress{position:absolute;left:0;right:0;bottom:0;height:3px;background:#542a1012}.journey-progress span{display:block;width:100%;height:100%;transform:scaleX(0);transform-origin:left;background:currentColor;opacity:.5}.motion-fallback{position:absolute;right:0;width:48%;height:100%;object-fit:cover}
@media(max-width:900px){header{height:76px;padding:0 24px}nav{gap:24px;margin-right:24px}.section{padding:90px 28px}.story{gap:40px}.flavor-label{display:none}.juice-stage{top:76px;height:calc(100svh - 76px)}.journey-copy{left:6%;width:46%;top:24%}#journey-title{font-size:clamp(54px,7.8vw,74px);letter-spacing:-2px}.journey-description{font-size:16px}.journey-bottom{left:6%;right:6%}.scroll-cue{display:none}.display-title{font-size:66px}}
@media(max-width:600px){html{scroll-padding-top:80px}header{height:72px;padding:0 20px}.wordmark{font-size:36px}nav{gap:18px;margin:0 0 0 auto;font-size:14px}.nav-cta{display:none}.section{padding:75px 24px}.eyebrow{font-size:22px;margin-bottom:20px}h2{font-size:36px}.display-title{font-size:58px;letter-spacing:-2px}.statement h3,.story-title h3{font-size:26px}.statement>p:last-child{font-size:16px}.section-heading{display:block;margin-bottom:30px}.section-heading>p{font-size:16px;margin-top:24px}.flavor-image{margin:0 -10px}.flavor-picker{grid-template-columns:repeat(2,1fr);gap:9px;margin-top:20px}.flavor-picker button{font-size:16px;padding:16px 6px}.en{font-size:18px}.flavor-detail{gap:15px;padding:25px 0 0;align-items:flex-start;min-height:160px}.flavor-number{font-size:13px;margin-top:7px}.flavor-detail h3{font-size:24px}.flavor-detail p:not(.flavor-number){font-size:16px}.story{display:block}.story-title{margin-bottom:44px}.story-copy h3{font-size:25px}.story-copy p{font-size:16px}.closing{padding-top:75px}.closing>img{margin-top:40px}footer{padding:32px 24px;gap:15px;flex-wrap:wrap}footer p{font-size:14px}footer>span{margin-left:0;width:65%;font-size:13px}footer>a:last-child{margin-left:auto;font-size:13px}.juice-journey{height:390svh}.juice-stage{top:72px;height:calc(100svh - 72px);min-height:660px}.journey-copy{left:7%;top:5%;width:86%}.journey-copy .eyebrow{font-size:19px;margin-bottom:14px}#journey-title{font-size:clamp(49px,13.6vw,76px);letter-spacing:-2px;line-height:1.02;min-height:2.1em;margin-bottom:12px}.journey-description{font-size:16px;line-height:1.6;min-height:3.2em;margin-top:0;max-width:100%}.journey-cta{font-size:14px;padding:10px 17px;margin-top:0;gap:20px}.journey-bottom{bottom:16px;left:7%;right:7%;gap:10px}.journey-step{font-size:14px}.journey-skip{font-size:13px}.motion-fallback{top:45%;width:100%;height:55%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}.juice-journey{height:calc(100svh - 88px);min-height:740px}.juice-stage{position:relative;top:0;height:100%;min-height:740px}.journey-progress,.scroll-cue{display:none}}

/* Blue Kresh identity and grapefruit campaign art. */
.wordmark{font-family:var(--korean);color:#58acd0;letter-spacing:-1.5px;font-weight:400;font-size:42px}footer .wordmark{color:#58acd0}.juice-journey,.juice-stage{background:#5b9ec5}.juice-stage{color:var(--butter)}#journey-title{font-size:clamp(54px,6.65vw,102px);letter-spacing:-3px}.journey-copy{width:46%}.closing>img{width:min(1040px,100%);mix-blend-mode:normal;border-radius:6px;margin-top:55px}.closing{padding-bottom:64px}.juice-stage .journey-bottom{color:#542a10}.juice-stage .journey-copy .eyebrow,.journey-description{color:#542a10}
@media(max-width:900px){#journey-title{font-size:clamp(47px,6.8vw,65px)}}
@media(max-width:600px){.wordmark{font-size:33px}.journey-copy{width:86%}#journey-title{font-size:clamp(43px,12vw,67px);letter-spacing:-2px}.closing{padding-bottom:30px}.closing>img{margin-top:36px}}

/* Full-bleed opening campaign, matching the supplied brand reference. */
:root{--header-height:116px;--brand-blue:#70b9d8}
html{scroll-padding-top:calc(var(--header-height) + 16px)}
.location-bar{height:38px;display:flex;justify-content:center;align-items:center;background:#83c5df;color:#542a10;font-size:14px;letter-spacing:.4px}
header.brand-header{height:var(--header-height);display:grid;grid-template-columns:1fr auto 1fr;gap:24px;padding:0 3.5%;background:var(--butter);border:0}
.brand-header nav{justify-self:start;margin:0;gap:25px;font-size:16px;color:#386e85}
.brand-header nav a{position:relative;padding:12px 0}
.brand-header nav a::after{content:'';position:absolute;bottom:5px;left:0;width:100%;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .2s}
.brand-header nav a:hover::after{transform:scaleX(1)}
.brand-lockup{display:flex;flex-direction:column;align-items:center;gap:7px;padding:10px 16px}
.brand-lockup .wordmark{font-size:66px;line-height:.95;letter-spacing:-3px;color:var(--brand-blue)}
.brand-tagline{font-size:12px;font-weight:700;line-height:1.3;letter-spacing:1.8px;color:#386e85}
.header-flavor-link{justify-self:end;font-size:15px;color:#386e85;display:flex;gap:16px;align-items:center}
.campaign-hero{position:relative;isolation:isolate;min-height:650px;height:calc(100svh - 154px);max-height:1150px;background:#5b9ec5;overflow:hidden;color:var(--butter)}
.campaign-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 48%;z-index:-2}
.campaign-hero::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(32,74,90,.08) 75%,rgba(32,74,90,.22));z-index:-1;pointer-events:none}
.campaign-heading{position:absolute;top:51%;left:4%;right:4%;transform:translateY(-35%);text-align:center}
#campaign-title{font-family:var(--display);font-weight:900;font-size:clamp(56px,7.7vw,132px);line-height:1.03;letter-spacing:-3px;margin:0;text-wrap:balance;text-shadow:0 2px 18px rgba(87,89,22,.08)}
#campaign-title>span{display:block;font-size:.88em;line-height:1.13;letter-spacing:-2px}
.campaign-footer{position:absolute;left:3.5%;right:3.5%;bottom:55px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.campaign-footer p{font-family:var(--display);font-size:clamp(25px,2.6vw,42px);font-weight:900;line-height:1.2;margin:0;letter-spacing:-1px}
.campaign-button{display:inline-flex;align-items:center;justify-content:center;text-align:center;gap:0;min-height:58px;padding:17px 28px;border-radius:5px;background:var(--butter);color:#386e85;font-size:16px;font-weight:500;transition:transform .2s,background .2s}
.campaign-button:hover{background:var(--cream);transform:translateY(-3px)}
.campaign-scroll{position:absolute;bottom:16px;left:50%;transform:translateX(-50%);font-size:13px;white-space:nowrap;letter-spacing:.2px}
.campaign-scroll span{display:inline-block;margin-left:13px}
.juice-stage{top:var(--header-height);height:calc(100svh - var(--header-height))}
@media(min-width:1800px){.campaign-hero{height:calc(100svh - 154px);min-height:800px}.campaign-heading{top:53%}}
@media(max-width:900px){:root{--header-height:100px}header.brand-header{gap:16px;padding:0 24px}.brand-header nav{gap:16px;font-size:14px}.brand-lockup .wordmark{font-size:54px}.brand-tagline{font-size:12px;letter-spacing:.5px}.header-flavor-link{font-size:14px;gap:8px}.campaign-hero{height:calc(100svh - 138px);min-height:620px}.campaign-footer{left:28px;right:28px}.campaign-footer p{font-size:30px}}
@media(max-width:600px){:root{--header-height:116px}.location-bar{height:30px;font-size:13px}header.brand-header{height:var(--header-height);grid-template-columns:1fr;padding:10px 18px 8px;gap:0}.brand-lockup{grid-row:1;justify-self:center;padding:0 8px;gap:4px}.brand-lockup .wordmark{font-size:49px;letter-spacing:-2px}.brand-tagline{font-size:12px;letter-spacing:.8px}.brand-header nav{grid-row:2;justify-self:center;gap:30px;font-size:14px}.brand-header nav a{padding:8px 0 3px}.header-flavor-link{display:none}.campaign-hero{height:calc(100svh - 146px);min-height:580px;max-height:820px}.campaign-photo{object-position:51% center}.campaign-heading{left:18px;right:18px;top:48%;transform:translateY(-30%)}#campaign-title{font-size:clamp(48px,13vw,76px);letter-spacing:-2px;line-height:1.05}#campaign-title>span{font-size:.78em;letter-spacing:-1px;margin-bottom:5px}.campaign-footer{left:22px;right:22px;bottom:58px;align-items:center;flex-direction:column;gap:18px;text-align:center}.campaign-footer p{font-size:27px;max-width:280px}.campaign-button{min-height:48px;padding:13px 22px;font-size:15px;gap:0}.campaign-scroll{font-size:12px;bottom:20px}.juice-stage{top:var(--header-height);height:calc(100svh - var(--header-height))}}
@media(prefers-reduced-motion:reduce){.juice-stage{top:0;height:100%}}
/* Four tactile, individually animated cans and their flavor profiles. */
.interactive-flavors{background:#fff6e5;padding:70px 3.5% 65px;overflow:hidden}
.flavor-intro{text-align:center;margin:0 auto 16px}.flavor-intro>.wordmark{display:block;font-size:72px;color:#70b9d8;letter-spacing:-3px}.flavor-intro .brand-tagline{margin:8px 0 20px}.flavor-intro .display-title{font-size:clamp(48px,5.4vw,82px);margin:0}.flavor-intro>p:last-child{font-size:16px;color:var(--muted);margin:20px 0 0}
.can-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));max-width:1280px;margin:0 auto;gap:0}
.can-card{min-width:0;display:flex;flex-direction:column;align-items:center;text-align:center;padding:0 0 25px;border-radius:8px;color:var(--ink);position:relative}
.can-art{display:block;width:100%;aspect-ratio:3/7;background-image:url('/assets/flavor-lineup.png');background-size:400% auto;background-repeat:no-repeat;background-position:var(--photo-position) center;mix-blend-mode:multiply;transform-origin:center 70%;animation:can-drift 5.8s ease-in-out infinite;animation-delay:var(--float-delay,0s);animation-play-state:paused;transition:filter .25s,scale .3s}
.is-visible .can-art{animation-play-state:running}.can-card:hover .can-art,.can-card:focus-visible .can-art{scale:1.045;filter:saturate(1.08);animation-play-state:paused;rotate:var(--tilt,0deg)}
.can-name{font-family:var(--display);font-weight:700;font-size:clamp(20px,2vw,29px);line-height:1.15;margin-top:-35px;position:relative;color:var(--flavor-accent)}.can-korean{font-size:15px;margin-top:9px}.can-korean>span{display:inline-block;margin-left:12px;transition:transform .2s}.can-card:hover .can-korean>span{transform:translate(3px,-3px)}
.flavors-note{max-width:1280px;display:flex;justify-content:space-between;align-items:end;gap:25px;margin:35px auto 0;padding-top:28px;border-top:1px solid var(--line)}.flavors-note p{font-size:18px;line-height:1.7;margin:0}.flavors-note>span{font-size:15px;color:var(--muted)}
.flavor-profile{padding:35px max(28px,calc((100vw - 1250px)/2)) 65px;background:var(--cream)}.back-to-flavors{display:inline-block;font-size:15px;padding:12px 0;color:var(--muted)}.profile-layout{display:grid;grid-template-columns:46% 54%;align-items:center;gap:0}.profile-visual{width:100%;max-width:390px;justify-self:center}.profile-visual .can-art{aspect-ratio:3/7}.profile-copy{padding:40px 20px 45px 55px}.profile-copy .eyebrow{font-size:24px;color:var(--flavor-accent)}.profile-copy h1{font-family:var(--display);font-weight:900;font-size:clamp(52px,6.2vw,88px);letter-spacing:-2px;line-height:1.06;color:var(--flavor-accent);margin:0}.profile-korean{font-size:20px;margin:16px 0 36px}.profile-copy h2{font-size:32px;line-height:1.4;margin:0 0 16px}.profile-description{font-size:18px;line-height:1.9;color:var(--muted);max-width:460px}.tasting-notes{margin:32px 0 35px;border-top:1px solid var(--line);padding-top:25px}.tasting-notes h3{font-family:var(--display);font-size:26px;font-weight:700}.tasting-notes ul{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:10px;margin:16px 0 0}.tasting-notes li{background:var(--flavor-tint);padding:10px 15px;border-radius:30px;font-size:15px;color:var(--flavor-accent)}.profile-navigation{display:flex;justify-content:center;flex-wrap:wrap;gap:12px 25px;padding:28px 0 0;margin:0;border-top:1px solid var(--line)}.profile-navigation a{font-family:var(--display);font-size:20px;padding:8px 0}.profile-navigation [aria-current=page]{color:var(--flavor-accent);text-decoration:underline;text-underline-offset:7px}
@keyframes can-drift{0%,100%{transform:translateY(0) rotate(-.6deg)}50%{transform:translateY(-9px) rotate(.6deg)}}
@media(max-width:900px){.interactive-flavors{padding:55px 24px}.can-name{font-size:22px;margin-top:-18px}.profile-copy{padding-left:25px}.profile-copy h1{font-size:59px}.profile-copy h2{font-size:27px}.flavors-note{align-items:start}}
@media(max-width:600px){.interactive-flavors{padding:48px 16px}.flavor-intro>.wordmark{font-size:58px}.flavor-intro .display-title{font-size:50px}.flavor-intro .brand-tagline{margin-bottom:16px}.can-gallery{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:20px;margin-top:20px}.can-name{font-size:22px;margin-top:-20px}.can-korean{font-size:14px}.can-card{padding-bottom:10px}.flavors-note{display:block;margin-top:30px}.flavors-note p{font-size:16px}.flavors-note>span{display:block;margin-top:15px}.profile-layout{display:flex;flex-direction:column}.flavor-profile{padding:20px 24px 45px}.profile-visual{max-width:260px;margin-top:-8px}.profile-copy{padding:0 0 35px;width:100%;margin-top:-15px}.profile-copy .eyebrow{font-size:22px}.profile-copy h1{font-size:56px}.profile-korean{margin:12px 0 25px}.profile-copy h2{font-size:29px}.profile-description{font-size:17px}.profile-navigation{gap:12px 20px}.profile-navigation a{font-size:19px}}
@media(prefers-reduced-motion:reduce){.can-art{animation:none!important;transform:none!important;transition:none!important}.can-card:hover .can-art,.can-card:focus-visible .can-art{scale:1;rotate:0deg}}

/* Compact, balanced navigation and the supplied brand lockup. */
:root{--header-height:96px;--location-height:30px}
.location-bar{height:var(--location-height);font-size:13px}
header.brand-header{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:24px;padding:0 clamp(24px,3.5vw,64px)}
.brand-lockup{padding:0;gap:0;justify-self:center;width:190px}
.header-logo{display:block;width:100%;height:76px;object-fit:contain}
.brand-header nav{gap:clamp(18px,2vw,30px);font-size:15px;white-space:nowrap}
.header-flavor-link{font-size:15px;gap:12px;white-space:nowrap}
.campaign-hero{height:calc(100svh - var(--header-height) - var(--location-height))}
@media(max-width:900px){:root{--header-height:88px}.brand-lockup{width:166px}.header-logo{height:68px}.brand-header nav{gap:16px;font-size:14px}.header-flavor-link{font-size:14px}}
@media(max-width:700px){:root{--header-height:112px;--location-height:28px}header.brand-header{grid-template-columns:1fr;gap:0;padding:8px 18px 6px}.brand-lockup{grid-row:1;width:154px}.header-logo{height:62px}.brand-header nav{grid-row:2;justify-self:center;gap:28px;font-size:14px}.brand-header nav a{padding:8px 0 4px}.header-flavor-link{display:none}}

/* A single rotating stage for all four fruit-colored cans. */
.juice-journey{height:400svh}.juice-stage{top:var(--header-height);height:calc(100svh - var(--header-height));min-height:580px;background:#5b9ec5}
.juice-stage .journey-copy{top:25%;width:42%}.juice-stage #journey-title{font-size:clamp(48px,6.4vw,98px);line-height:1.08;letter-spacing:-2px;min-height:2.15em}
.juice-stage .journey-cta{margin-top:8px}.juice-stage .journey-bottom{color:#392c20}.can-load-error .journey-copy{width:80%}
@media(max-width:700px){.juice-stage{min-height:650px}.juice-stage .journey-copy{top:5%;left:7%;width:86%}.juice-stage #journey-title{font-size:clamp(40px,10vw,62px);min-height:0;margin-bottom:10px;white-space:normal}.juice-stage .journey-description{font-size:16px;line-height:1.5;min-height:0;margin:0 0 12px}.juice-stage .journey-copy .eyebrow{font-size:18px;margin-bottom:10px}.juice-stage .journey-cta{font-size:14px;padding:12px 18px}.juice-stage .journey-bottom{bottom:18px;left:6%;right:6%;font-size:12px}.juice-stage .journey-step{font-size:15px}.juice-stage .scroll-cue{display:none}}

/* Flavor cards and detail views share the campaign can artwork. */
canvas.can-art{background:none;mix-blend-mode:normal;height:auto}
.can-gallery .can-name{margin-top:8px}

/* Preserve the original campaign composition beneath a quiet animated layer. */
.campaign-motion{position:absolute;inset:0;width:100%;height:100%;z-index:-2;pointer-events:none;opacity:0}
.campaign-motion.is-ready{opacity:1}
.campaign-motion[hidden]{display:none}
@media(prefers-reduced-motion:reduce){.campaign-motion{display:none}}