/* One continuous environment, one product. Native scrolling. */
.header{background:var(--paper)}
.journey{position:relative;isolation:isolate;background:var(--paper);--view:calc(100svh - 94px);--progress:0}
.journey-stage{position:relative;height:480px;overflow:hidden;pointer-events:none}
.scene-environment{position:absolute;inset:-3%;transform:scale(1.03);will-change:transform,filter}
.scene-environment img{width:100%;height:100%;object-fit:cover;object-position:70% 65%}
.scene-wash{position:absolute;inset:0;background:linear-gradient(90deg,var(--paper) 4%,#f3f0e7ed 30%,#f3f0e765 67%,#f3f0e72a),linear-gradient(0deg,var(--paper),transparent 24%)}
.scene-bottle{position:absolute;inset:4% -12% 4% 38%;opacity:1;filter:drop-shadow(0 22px 18px #26351e30);will-change:transform,opacity}
.scene-bottle svg{width:100%;height:100%}
.journey-copy{position:relative;z-index:2}
.journey-step{padding:36px 7%;max-width:630px}
.journey-step h1,.journey-step h2{font-size:clamp(48px,5.5vw,84px);margin:24px 0}.journey-step>p:not(.eyebrow){font-size:17px;line-height:1.6;color:#4f5747}.journey-step .scroll-link{max-width:230px}.journey-step .text-link{align-self:flex-start}
.journey-enhanced .journey-stage{position:sticky;top:94px;height:var(--view);min-height:0}
.journey-enhanced .journey-copy{margin-top:calc(-1 * var(--view));pointer-events:none}
.journey-enhanced .journey-step{min-height:var(--view);display:flex;flex-direction:column;justify-content:center;padding:64px 7%;width:54%;max-width:750px;box-sizing:border-box}
.journey-copy a{pointer-events:auto}.journey-enhanced .scene-bottle{opacity:0}
.journey-meter{position:absolute;bottom:22px;left:7%;right:7%;height:1px;background:#54614425}.journey-meter span{height:1px;display:block;background:#546144;transform-origin:left;transform:scaleX(0)}
.journey-enhanced .journey-step:last-child{padding-bottom:100px}
.motion-reduced{scroll-behavior:auto}.motion-reduced *{transition:none!important;animation:none!important}
@media(max-width:760px){.journey{--view:calc(100svh - 76px)}.journey-enhanced .journey-stage{top:76px}.scene-environment img{object-position:55% 62%}.scene-wash{background:linear-gradient(0deg,var(--paper) 5%,#f3f0e7fa 35%,#f3f0e799 56%,#f3f0e71a 82%)}.scene-bottle{inset:-4% -20% 43%;filter:drop-shadow(0 12px 12px #26351e25)}.journey-enhanced .journey-step{width:100%;max-width:none;justify-content:flex-end;padding:45svh 6% 76px;min-height:var(--view)}.journey-step h1,.journey-step h2{font-size:clamp(36px,10.6vw,46px);margin:15px 0}.journey-step>p:not(.eyebrow){font-size:15px}.journey-step .scroll-link{margin-top:16px}.journey-meter{left:6%;right:6%;bottom:14px}.journey-copy a{scroll-margin-top:90px}.journey-enhanced .journey-step:last-child{padding-bottom:100px}}
html:not(.journey-enhanced) .journey-stage{height:380px}html:not(.journey-enhanced) .scene-environment{filter:blur(12px);opacity:.35}html:not(.journey-enhanced) .scene-bottle{inset:0}html:not(.journey-enhanced) .journey-step{padding:24px 7%}html:not(.journey-enhanced) .journey-step h2{font-size:40px}

.scene-environment picture{display:block;width:100%;height:100%}
@media(min-width:761px){.scene-environment img{object-position:70% 50%}}

/* Larger source pixels, no enlargement of the small Uber thumbnail. */
.scene-bottle{inset:7% 10% 7% 55%}.scene-bottle img{display:block;width:100%;height:100%;object-fit:contain}
@media(max-width:760px){.scene-bottle{inset:0 20% 46%}}
html:not(.journey-enhanced) .scene-bottle{inset:3% 15%}
/* Keep the cinematic scene within the campaign's cream, blush and forest family. */
.scene-wash{background:linear-gradient(90deg,var(--paper) 4%,#fff7ebed 30%,#fff7eb65 67%,#fff7eb2a),linear-gradient(0deg,var(--paper),transparent 24%)}
.journey-step>p:not(.eyebrow){color:var(--muted)}
@media(max-width:760px){.scene-wash{background:linear-gradient(0deg,var(--paper) 5%,#fff7ebfa 35%,#fff7eb99 56%,#fff7eb1a 82%)}}

.journey-step:focus-within{opacity:1!important}