/* The scenes stay pinned while scroll continuously moves the visual layers. */
.c-opening{display:block;padding:0;max-width:none;margin:0;height:210svh;background:#103b32;color:#f1f7ed;--opening:0}.c-opening-stage{position:sticky;top:90px;height:calc(100svh - 90px);min-height:520px;overflow:hidden;isolation:isolate;display:flex;align-items:center;padding:5% 6%}.c-opening .x-opening-copy{width:52%;position:relative;z-index:2;opacity:var(--opening-copy,1);transform:translate3d(0,var(--opening-y,0px),0);pointer-events:var(--opening-events,auto)}.c-opening h1{font-size:clamp(4rem,6.9vw,8rem);line-height:.98;letter-spacing:-.065em;max-width:720px}.c-opening h1 em{color:#c6e8b9}.c-opening .x-lead,.c-opening .x-opening-proof p{color:#c4d8ca}.c-opening .x-button{background:#d4ebbc;border-color:#d4ebbc;color:#113b32}.c-opening .x-opening-proof{border-color:#c4d8ca40;margin-top:35px}.c-opening .x-map{position:absolute;right:-8%;top:50%;width:66%;max-width:1000px;background:transparent;box-shadow:none;border-radius:0;transform:translate3d(var(--map-x,0%),-50%,0) scale(var(--map-scale,1));transform-origin:center;z-index:1;overflow:visible;will-change:transform}.c-opening .x-map-head,.c-opening .x-map-selection,.c-opening .x-map-note{opacity:var(--map-ui,0);transition:opacity .15s}.c-opening .x-map-selection{max-width:500px;margin:auto}.c-opening .x-map-note{text-align:center;max-width:520px;margin:8px auto 0}.c-opening .x-map svg{overflow:visible}.c-opening .x-map-orbits{transform-origin:350px 290px;transform:scale(var(--radius-scale,.6));opacity:var(--radius-opacity,.6)}.c-opening .x-origin-pulse{animation:none}.c-opening-scroll{position:absolute;bottom:24px;left:6%;right:6%;display:flex;justify-content:space-between;align-items:center;font-size:.7rem;letter-spacing:.12em;color:#d1e4d2;z-index:3}.c-opening-scroll a{letter-spacing:0;font-size:.85rem;border-bottom:1px solid #d1e4d2;padding:10px 0}.home-page .x-service-strip{background:#103b32;color:#f0f5e9;border-color:#c4d8ca33}.home-page .x-service-strip span:before{color:#d4ebbc}.home-page .x-journey{height:250svh;background:#e6eee4;color:#153f35;--truck-x:0%;--truck-scale:1;--truck-rotate:0deg}.home-page .x-journey-sticky{isolation:isolate}.home-page .x-journey h2 em{color:#367e60}.home-page .x-journey-top{position:relative;z-index:3}.home-page .x-journey-top>p{color:#466352}.home-page .x-route-scene{height:43svh;max-height:420px;min-height:160px}.home-page .x-route-word{color:#133f3510;font-size:11vw;top:8%}.home-page .x-truck{left:18%;width:64%;height:110%;bottom:15px;transform:translate3d(var(--truck-x),var(--truck-y,0px),0) scale(var(--truck-scale)) rotate(var(--truck-rotate));transform-origin:50% 85%;will-change:transform;filter:drop-shadow(0 20px 15px #213d3025)}.home-page .x-road{background:#1e533633}.home-page .x-road-fill{background:#28685d}.home-page .x-road-stop{background:#28685d;border-color:#e6eee4}.home-page .x-route-labels{color:#264e3b}.home-page .x-journey-steps{position:relative;z-index:3}.home-page .x-journey-steps button{color:#657b6b;border-color:#234b3330}.home-page .x-journey-steps button[aria-pressed=true]{color:#143f31;border-color:#28685d}.home-page .x-journey-instruction{color:#4c705b}.c-bottles{height:420svh;background:#deeee6;--bottle-p:0;--cinema-bg:#deeee6;--cinema-ink:#163e32;--cinema-accent:#337d59}.c-bottle-stage{position:sticky;top:90px;height:calc(100svh - 90px);min-height:550px;overflow:hidden;isolation:isolate;background:var(--cinema-bg);color:var(--cinema-ink);perspective:1100px}.c-backdrop{position:absolute;inset:-10%;background:radial-gradient(ellipse at 70% 40%,#93cdbd44,transparent 55%);transform:translate3d(var(--ambient-x,0),0,0);pointer-events:none}.c-giant{position:absolute;z-index:0;left:0;right:0;top:32%;text-align:center;font-size:clamp(8rem,22vw,26rem);font-weight:800;line-height:.8;letter-spacing:-.08em;color:var(--cinema-ink);opacity:.07;white-space:nowrap;pointer-events:none;will-change:transform,opacity}.c-giant-one{transform:translate3d(var(--giant-x,0%),0,0)}.c-giant-two{opacity:var(--giant-two-opacity,0);transform:translate3d(var(--giant-two-x,80%),0,0)}.c-product{position:absolute;top:6%;height:88%;width:46%;left:40%;z-index:2;pointer-events:none;will-change:transform,opacity;transform-style:preserve-3d}.c-product img{height:100%;width:100%;object-fit:contain;filter:drop-shadow(25px 30px 18px #12382b26)}.c-levico{transform:translate3d(var(--lev-x,0%),var(--lev-y,0%),0) rotate(var(--lev-r,-24deg)) scale(var(--lev-s,1.2));opacity:var(--lev-o,1)}.c-plose{transform:translate3d(var(--plo-x,100%),var(--plo-y,20%),0) rotate(var(--plo-r,28deg)) scale(var(--plo-s,.7));opacity:var(--plo-o,0)}.c-bottle-copy{position:absolute;left:7%;top:26%;max-width:490px;width:40%;z-index:3;transform:translate3d(0,var(--copy-y,0px),0);opacity:var(--copy-opacity,1);will-change:transform,opacity}.c-bottle-copy:not([data-chapter="0"]){--copy-opacity:0}.c-bottle-copy h2{font-size:clamp(3rem,5.4vw,6rem);line-height:1.02;margin:22px 0}.c-bottle-copy h2 em{color:var(--cinema-accent)}.c-bottle-copy>p:not(.eyebrow){font-size:1.05rem;line-height:1.7;margin-bottom:24px}.c-bottle-copy .x-button{background:var(--cinema-ink);border-color:var(--cinema-ink);color:var(--cinema-bg)}.c-copy-final{left:32%;width:50%;text-align:center;max-width:none}.c-copy-final h2{font-size:clamp(3rem,6.8vw,7rem)}.c-chapters{position:absolute;left:7%;right:7%;top:30px;display:flex;gap:28px;z-index:5}.c-chapters button{border:0;border-bottom:1px solid transparent;color:inherit;background:transparent;display:flex;align-items:center;gap:10px;min-height:44px;font-size:.8rem;padding:7px 0;opacity:.6}.c-chapters button[aria-pressed=true]{border-color:currentColor;opacity:1}.c-chapters button span{font-size:.75rem}.c-scroll-guide{position:absolute;bottom:30px;left:7%;right:7%;display:flex;justify-content:space-between;align-items:center;z-index:4}.c-scroll-guide span{font-size:.65rem;letter-spacing:.16em}.c-scroll-guide a{font-size:.8rem;text-decoration:underline;padding:12px 0}.c-sequence-progress{position:absolute;bottom:0;left:0;right:0;height:3px;background:#78988333}.c-sequence-progress span{height:100%;width:calc(var(--bottle-p)*100%);display:block;background:var(--cinema-ink)}.home-page .x-mobile-contact{z-index:30}.c-opening a,.c-bottles a{scroll-margin-top:90px}
@media(max-width:1000px) and (min-width:761px){.c-opening h1{font-size:6.3vw}.c-opening .x-map{right:-14%;width:75%}.c-opening .x-opening-proof{margin-top:20px}.c-opening .x-actions{gap:12px}.c-opening .x-map-selection{display:flex}.c-opening .x-map-note{max-width:440px}}
@media(max-width:760px){.c-opening{height:190svh}.c-opening-stage{top:76px;height:calc(100svh - 76px);min-height:580px;display:block;padding:27px 6%}.c-opening .x-opening-copy{width:100%}.c-opening h1{font-size:clamp(2.7rem,11.7vw,5rem);margin:16px 0}.c-opening .x-lead{font-size:.9rem;line-height:1.5;margin-bottom:18px}.c-opening .x-opening-proof{display:none}.c-opening .x-actions{gap:18px}.c-opening .x-button{min-height:44px;padding:12px 17px;font-size:.8rem}.c-opening .x-text-link{font-size:.8rem}.c-opening .x-map{right:-12%;top:65%;width:116%;max-width:none;opacity:var(--mobile-map-opacity,.72)}.c-opening .x-map-head{display:none}.c-opening .x-map-selection{max-width:280px;margin:0 auto;padding:10px 0;transform:scale(.9)}.c-opening .x-map-note{display:none}.c-opening .x-map svg{max-height:53svh}.c-opening-scroll{bottom:18px;font-size:.56rem;letter-spacing:.07em}.c-opening-scroll a{font-size:.75rem}.home-page .x-journey{height:260svh}.home-page .x-journey-sticky{position:sticky;top:76px;height:calc(100svh - 76px);min-height:580px;max-height:none;padding:28px 6% 22px;display:flex;justify-content:space-between}.home-page .x-journey-top h2{font-size:clamp(1.9rem,7.6vw,3.2rem)}.home-page .x-journey-top>p{font-size:.85rem;margin-top:12px}.home-page .x-route-scene{height:30svh;max-height:260px;min-height:170px;margin:0 -4%}.home-page .x-truck{width:94%;left:3%;height:105%;transition:none}.home-page .x-route-word{font-size:13vw;top:10%}.home-page .x-road-fill{transition:none}.home-page .x-journey-steps{gap:12px}.home-page .x-journey-steps p{display:none}.home-page .x-journey-steps button[aria-pressed=true] p{display:block;position:absolute;left:0;right:0;top:90px;font-size:.9rem;color:#315240;max-width:none}.home-page .x-journey-steps{margin-bottom:80px}.home-page .x-journey-steps strong{min-height:40px;font-size:.95rem}.home-page .x-journey-steps span{font-size:.58rem}.home-page .x-journey-instruction{font-size:.65rem}.c-bottles{height:440svh}.c-bottle-stage{top:76px;height:calc(100svh - 76px);min-height:580px}.c-chapters{left:6%;right:6%;top:12px;justify-content:space-between;gap:10px}.c-chapters button{font-size:.75rem;gap:7px}.c-chapters button span{font-size:.68rem}.c-giant{top:40%;font-size:28vw;letter-spacing:-.085em}.c-product{height:65%;width:65%;left:30%;top:13%;z-index:2}.c-bottle-copy{top:auto;bottom:66px;left:6%;width:88%;max-width:none;z-index:3}.c-bottle-copy h2{font-size:clamp(2.2rem,8.5vw,3.4rem);margin:10px 0 12px}.c-bottle-copy .eyebrow{font-size:.62rem}.c-bottle-copy>p:not(.eyebrow){font-size:.85rem;margin-bottom:14px;max-width:65%;line-height:1.5}.c-bottle-copy .x-button{font-size:.8rem;min-height:44px;padding:11px 18px}.c-bottle-copy[data-chapter="0"],.c-bottle-copy[data-chapter="1"]{text-shadow:0 1px 18px var(--cinema-bg)}.c-copy-final{bottom:90px;text-align:left}.c-copy-final h2{font-size:11vw}.c-copy-final>p:not(.eyebrow){max-width:100%}.c-scroll-guide{bottom:14px;left:6%;right:6%}.c-scroll-guide span{font-size:.54rem;letter-spacing:.1em}.c-scroll-guide a{font-size:.7rem}.home-page:has(.c-bottles) .x-mobile-contact{display:none}}
@media(max-height:650px){.c-opening-stage,.c-bottle-stage{min-height:0}.home-page .x-journey-sticky{min-height:0}.c-bottle-copy>p:not(.eyebrow){display:none}.c-bottle-copy h2{font-size:2.5rem}.c-opening .x-opening-proof{display:none}.home-page .x-journey-top>p{display:none}.home-page .x-journey-steps{margin-bottom:30px}.home-page .x-journey-steps p{display:none!important}}
@media(prefers-reduced-motion:reduce){.c-opening,.home-page .x-journey,.c-bottles{height:auto}.c-opening-stage,.home-page .x-journey-sticky{position:relative;top:auto;min-height:700px;height:auto;max-height:none}.c-opening-stage{min-height:780px}.c-opening .x-opening-copy{opacity:1;transform:none}.c-opening .x-map{transform:translateY(-50%) scale(.9);opacity:1}.c-opening .x-map-selection{opacity:1}.c-bottle-stage{position:relative;top:auto;height:760px;min-height:760px}.c-product{will-change:auto}.c-bottle-copy{will-change:auto}.c-scroll-guide span{display:none}.c-opening-scroll>span{display:none}.home-page .x-truck{will-change:auto}}
/* Compact scenes: separate the product and copy on narrow screens. */
:root{--scene-header:90px}
.c-opening{height:165svh}.home-page .x-journey{height:185svh}.c-bottles{height:300svh}
.c-opening-stage,.c-bottle-stage,.home-page .x-journey-sticky{top:var(--scene-header);height:calc(100svh - var(--scene-header));min-height:0;max-height:none}
.c-opening-scroll,.c-scroll-guide span{font-size:.75rem;letter-spacing:.06em}
.c-chapters button,.c-scroll-guide a{font-size:.875rem;min-height:44px}
.c-copy-final{left:7%;width:42%;text-align:left}
@media(max-width:760px){
 .c-opening{height:155svh}.home-page .x-journey{height:175svh}.c-bottles{height:280svh}
 .c-opening-stage{padding:24px 6%}.c-opening h1{font-size:clamp(2.25rem,10vw,3.5rem)}
 .c-opening .x-lead{font-size:1rem;max-width:34ch;margin-bottom:14px}
 .c-opening .x-map{top:72%;width:90%;right:5%}.c-opening .x-map svg{max-height:40svh}
 .c-opening-scroll>span{display:none}.c-opening-scroll{justify-content:flex-end}
 .home-page .x-journey-sticky{padding:22px 6% 18px;gap:14px}
 .home-page .x-journey-top>p{display:none}.home-page .x-route-scene{flex:1;min-height:110px;max-height:240px}
 .home-page .x-truck{filter:none}.home-page .x-journey-steps{margin:0;gap:10px;padding-bottom:74px}
 .home-page .x-journey-steps strong{font-size:.9rem;min-height:44px}.home-page .x-journey-steps span{font-size:.75rem}
 .home-page .x-journey-steps button[aria-pressed=true] p{top:auto;bottom:0;min-height:60px;font-size:.9375rem;line-height:1.4}
 .home-page .x-journey-instruction{display:none}
 .c-product{top:54px;left:20%;width:60%;height:40%;z-index:2}
 .c-product img{filter:none}.c-giant{top:26%;font-size:25vw}
 .c-bottle-copy,.c-copy-final{left:6%;bottom:62px;width:88%;max-width:none;text-align:left}
 .c-bottle-copy h2,.c-copy-final h2{font-size:clamp(1.75rem,7.8vw,2.6rem);margin:8px 0}
 .c-bottle-copy>p:not(.eyebrow),.c-copy-final>p:not(.eyebrow){max-width:100%;font-size:1rem;line-height:1.45;margin-bottom:12px}
 .c-bottle-copy .eyebrow{font-size:.75rem;margin:0}.c-bottle-copy .x-button{font-size:.875rem}
 .c-chapters button{font-size:.875rem}.c-chapters button span{display:none}.c-scroll-guide span{display:none}.c-scroll-guide{justify-content:flex-end}
 .c-bottle-copy[data-chapter]{text-shadow:none}
}
@media(max-height:650px) and (max-width:760px){
 .c-product{height:34%;top:48px}.c-bottle-copy>p:not(.eyebrow){display:none}
 .c-bottle-copy h2{font-size:1.65rem}.c-opening .x-lead{font-size:.875rem}.c-opening h1{font-size:2rem}
}
@media(prefers-reduced-motion:reduce){
 .c-opening,.home-page .x-journey,.c-bottles{height:auto}
 .c-opening-stage,.home-page .x-journey-sticky,.c-bottle-stage{position:relative;top:auto;height:760px;min-height:0}
}

/* Corrections verified against the browser's mobile and desktop layouts. */
html{scroll-padding-top:calc(var(--scene-header,90px) + 12px)}
.x-journey,.x-selection,.c-bottles{scroll-margin-top:0}
.c-opening-stage{background:#103b32}
.c-opening .x-map.has-selection .x-map-selection{opacity:1}
.c-opening .x-map svg{max-height:66svh}
.c-opening .x-map-head{display:none}
.home-page .x-route-scene{overflow:hidden}
.home-page .x-truck{left:21%;width:58%;height:88%;bottom:32px}
.c-giant-one{opacity:var(--giant-one-opacity,.07)}
@media(max-width:760px){
 .c-opening .x-map{top:65%;width:116%;right:-8%;opacity:1}
 .c-opening .x-map svg{max-height:none}
 .c-opening .x-map svg text{font-size:24px}
 .c-opening .x-map .x-map-origin text{font-size:31px}
 .c-opening .x-map .x-map-origin .x-here{font-size:18px}
 .c-opening .x-map .x-radius-label{font-size:22px}
 .c-opening .x-map .x-map-point .x-dot{r:6}
 .c-opening .x-map-selection{transform:none;max-width:310px;background:#103b32;padding:10px 12px}
 .c-opening .x-map-selection .x-note{font-size:.65rem}
 .c-opening .x-map-selection a{font-size:.875rem}
 .c-opening-scroll{display:none}
 .home-page .x-truck{left:15%;width:70%;height:100%;bottom:25px}
 .c-chapters button span{display:inline;font-size:.8rem}
 .c-chapters{gap:12px}.c-chapters button{gap:7px}
 .x-service-strip{overflow-x:auto;scrollbar-width:none}.x-service-strip::-webkit-scrollbar{display:none}
}
