@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400&display=swap');
:root{font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;color:#171c17;background:#f7f2e9;scroll-behavior:smooth}
*{box-sizing:border-box}body{margin:0}button,a{font:inherit}a{color:inherit}button{cursor:pointer}img{display:block}section{position:relative;isolation:isolate;min-height:clamp(630px,56vw,850px);overflow:hidden;background:#f7f2e9}
.photo{position:absolute;inset:0;z-index:-2;overflow:hidden}.photo img{width:100%;height:100%;object-fit:cover;transition:none}
.content{position:relative;z-index:3;width:min(37%,480px);margin-left:8%;padding:clamp(115px,11vw,175px) 0 70px}.eyebrow,nav,.pill{font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;font-weight:500;text-transform:uppercase}.eyebrow{font-size:.72rem;letter-spacing:.35em;margin:0 0 15px}.title{font-family:'Cormorant Garamond',Georgia,serif;font-weight:400;text-transform:uppercase;letter-spacing:-.045em;line-height:.84;font-size:clamp(3.2rem,4.4vw,6rem);margin:0 0 26px}.copy{font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;font-weight:400;font-size:clamp(1rem,1.16vw,1.14rem);line-height:1.44;max-width:350px;margin:0 0 28px}.pill{display:inline-flex;align-items:center;gap:18px;border:1px solid #626a63;border-radius:100px;text-decoration:none;background:transparent;padding:12px 16px 11px 19px;font-size:.69rem;letter-spacing:.22em;white-space:nowrap;transition:background .25s,transform .25s}.pill:hover,.pill:focus-visible{background:#ffffffc9;transform:translateY(-2px)}.arrow{font-size:1.15rem;line-height:.6;font-weight:400;letter-spacing:0}
header{position:absolute;top:0;left:0;width:100%;display:flex;align-items:center;justify-content:space-between;padding:19px 7.8%;z-index:15}.logo{display:block;width:clamp(145px,13vw,205px);height:auto}.logo img{width:100%;height:auto}.menu-toggle{display:grid;place-items:center;width:42px;height:42px;border:0;background:transparent;padding:8px;gap:5px}.menu-toggle span{display:block;width:27px;height:1px;background:#fff;box-shadow:0 1px 3px #0b180da0;transition:transform .3s,opacity .3s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(6px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:nth-child(2){opacity:0}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-6px) rotate(-45deg)}nav{position:absolute;right:7.8%;top:72px;background:#f7f2eb;box-shadow:0 15px 40px #20201622;padding:22px 28px;min-width:210px;display:none}nav.open{display:grid;gap:16px}nav a{text-decoration:none;font-size:.8rem;letter-spacing:.12em}nav a:hover{text-decoration:underline;text-underline-offset:5px}
.hero{min-height:clamp(680px,62vw,930px)}.hero .photo img{object-position:center}.hero .content{width:min(39%,500px);padding-top:clamp(145px,12vw,180px)}.hero .title{font-size:clamp(3.8rem,5.3vw,7.2rem)}.product-group{position:absolute;z-index:2;display:flex;align-items:flex-end;justify-content:center;gap:0;pointer-events:none}.product-group:before{content:"";position:absolute;left:7%;right:7%;bottom:-2px;height:22px;border-radius:50%;background:#111a11b3;filter:blur(11px);z-index:-1}.product-group img{position:relative;z-index:1;width:31%;height:auto;object-fit:contain;filter:drop-shadow(-1px -1px 1px #fff9) drop-shadow(4px 13px 8px #10190e73)}.product-group img:nth-child(2){z-index:2;width:34%;margin:0 -4.2%}.hero .product-group{left:42%;right:5%;bottom:11%;height:76%}.hero .product-group:before{content:"";position:absolute;left:7%;right:7%;bottom:-2px;height:22px;border-radius:50%;background:#111a11b3;filter:blur(11px);z-index:-1}.product-group img{max-height:100%}
.ingredients .photo img{object-position:center}.ingredients .title{font-size:clamp(3.2rem,4.2vw,5.8rem)}.ingredients .content{padding-top:clamp(115px,11vw,170px)}
.flavors .photo img{object-position:center}.flavors .content,.ritual .content{margin-left:auto;margin-right:7.8%;width:min(35%,470px)}.flavors .title,.ritual .title{font-size:clamp(3.2rem,4.2vw,5.8rem)}.flavors .product-group{left:2%;right:43%;bottom:12%;height:76%}.flavors .product-group:before{content:"";position:absolute;left:7%;right:7%;bottom:-2px;height:22px;border-radius:50%;background:#111a11b3;filter:blur(11px);z-index:-1}.product-group img{max-height:100%}
.ritual .photo img{object-position:center}.ritual .content{padding-top:clamp(105px,10vw,160px)}.wellness .photo img{object-position:center}.wellness .title{font-size:clamp(3.3rem,4.2vw,5.8rem)}
.foreground-fruit{position:absolute;z-index:4;pointer-events:none;width:54%;height:auto;bottom:6%;left:35%;filter:drop-shadow(2px 11px 6px #171a0e88)}.flavors .foreground-fruit{left:2%;width:52%;bottom:5%}.reveal{opacity:0;transform:translateY(20px);transition:opacity 1.05s ease,transform 1.05s ease}.reveal.visible{opacity:1;transform:none}.content .reveal:nth-child(2){transition-delay:.12s}.content .reveal:nth-child(3){transition-delay:.25s}.content .reveal:nth-child(4){transition-delay:.36s}
@media(max-width:900px){section,.hero{min-height:0;display:flex;flex-direction:column}.photo{position:relative;order:1;inset:auto;width:100%;height:clamp(390px,65vw,680px)}.content,.flavors .content,.ritual .content{order:0;width:auto;max-width:600px;margin:0;padding:105px 7% 45px}.hero .content{width:auto;padding-top:130px}.title,.hero .title,.ingredients .title,.flavors .title,.ritual .title,.wellness .title{font-size:clamp(3.1rem,7.4vw,5.1rem)}.product-group{order:2}.hero .product-group,.flavors .product-group{left:25%;right:8%;bottom:1%;height:clamp(310px,48vw,510px);bottom:8%}.flavors .product-group{left:8%;right:30%}header{padding:20px 7%}nav{right:7%;top:72px}.copy{max-width:460px}.foreground-fruit{width:66%;left:23%;bottom:6%}.flavors .foreground-fruit{width:61%;left:6%}.hero .photo img{object-position:67% center}}
@media(max-width:600px){.content,.flavors .content,.ritual .content{padding:88px 7% 35px}.hero .content{padding-top:115px}.title,.hero .title,.ingredients .title,.flavors .title,.ritual .title,.wellness .title{font-size:clamp(2.75rem,8.6vw,4.1rem)}.eyebrow{font-size:.67rem}.photo{height:100vw;max-height:520px}.hero .product-group,.flavors .product-group{left:11%;right:6%;height:68vw;bottom:8%}.flavors .product-group{left:3%;right:12%}.foreground-fruit{width:72%;left:18%;bottom:6%}.flavors .foreground-fruit{width:67%;left:7%}.hero .photo img{object-position:71% center}.ingredients .photo img{object-position:65% center}.ritual .photo img{object-position:41% center}.wellness .photo img{object-position:66% center}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.foreground-fruit{position:absolute;z-index:4;pointer-events:none;width:54%;height:auto;bottom:6%;left:35%;filter:drop-shadow(2px 11px 6px #171a0e88)}.flavors .foreground-fruit{left:2%;width:52%;bottom:5%}.reveal{opacity:1;transform:none}}

/* Product styling: a compact, staggered trio grounded on each stone surface. */
.hero .product-group{left:45%;right:7%;bottom:14%;height:68%}
.flavors .product-group{left:7%;right:49%;bottom:27%;height:65%}
.product-group{align-items:flex-end}
.product-group img,.product-group img:nth-child(2){width:25%;margin:0 -1.8%;max-height:100%;filter:drop-shadow(-1px -1px 1px #fff7) drop-shadow(5px 12px 7px #10190e8a)}
.product-group img:first-child,.product-group img:last-child{z-index:1;transform:translateY(28px) scale(.91)}
.product-group img:nth-child(2){z-index:3;transform:translateY(12px) scale(1.07)}
.product-group:before,.hero .product-group:before,.flavors .product-group:before{left:24%;right:24%;bottom:-3px;height:15px;background:#10190ea8;filter:blur(9px)}
@media(max-width:900px){.hero .product-group{left:29%;right:5%;bottom:9%;height:38vw}.flavors .product-group{left:7%;right:39%;bottom:14%;height:40vw}}
@media(max-width:600px){.hero .product-group{left:18%;right:3%;bottom:10%;height:50vw}.flavors .product-group{left:7%;right:22%;bottom:17%;height:48vw}.product-group img:first-child,.product-group img:last-child{transform:translateY(14px) scale(.91)}.product-group img:nth-child(2){transform:translateY(6px) scale(1.07)}}

/* Foreground produce stays on the stone and partly occludes the can bases. */
.hero .product-group{bottom:21%}
.flavors .product-group{bottom:22%}
.front-produce{position:absolute;z-index:4;pointer-events:none;height:auto;filter:drop-shadow(2px 8px 5px #181d1266)}
.hero .front-produce{left:56%;width:29%;bottom:15%}
.flavors .front-produce{left:8%;width:33%;bottom:15%}
@media(max-width:900px){.hero .product-group{bottom:15%}.flavors .product-group{bottom:17%}.hero .front-produce{left:40%;width:37%;bottom:10%}.flavors .front-produce{left:9%;width:39%;bottom:11%}}
@media(max-width:600px){.hero .product-group{bottom:15%}.flavors .product-group{bottom:19%}.hero .front-produce{left:28%;width:52%;bottom:9%}.flavors .front-produce{left:9%;width:47%;bottom:12%}}
/* Keep the produce near the front lip of each slab, overlapping the can feet. */
.hero .front-produce{bottom:12%}
.flavors .front-produce{bottom:9%}
@media(max-width:900px){.hero .front-produce{bottom:9%}.flavors .front-produce{bottom:8%}}
@media(max-width:600px){.hero .front-produce{bottom:9%}.flavors .front-produce{bottom:10%}}
/* Final grounding adjustment: lower both trios behind the foreground fruit. */
.hero .product-group{bottom:17%}
.flavors .product-group{bottom:18%}
@media(max-width:900px){.hero .product-group{bottom:12%}.flavors .product-group{bottom:14%}}
@media(max-width:600px){.hero .product-group{bottom:12%}.flavors .product-group{bottom:16%}}
/* Tuck the first trio's middle base behind the produce at the stone lip. */
.hero .front-produce{bottom:9%}
@media(max-width:900px){.hero .front-produce{bottom:7%}}
@media(max-width:600px){.hero .front-produce{bottom:7%}}
/* Align the berry line with the bottom rim of the center can. */
.hero .front-produce{bottom:7%}
@media(max-width:900px){.hero .front-produce{bottom:6%}}
@media(max-width:600px){.hero .front-produce{bottom:6%}}
/* Keep the first arrangement inside the stone surface with a modestly smaller trio. */
.hero .product-group{bottom:14%;transform:scale(.96);transform-origin:center bottom}
.hero .front-produce{bottom:10%;width:27%;left:57%}
@media(max-width:900px){.hero .product-group{bottom:10%}.hero .front-produce{bottom:9%;width:35%;left:41%}}
@media(max-width:600px){.hero .product-group{bottom:10%}.hero .front-produce{bottom:9%;width:48%;left:30%}}
/* Keep both product groupings within the flat stone top. */
.hero .product-group{bottom:20%;transform:scale(.90);transform-origin:center bottom}
.hero .front-produce{bottom:13%;width:27%;left:57%}
.flavors .product-group{bottom:22%;transform:scale(.94);transform-origin:center bottom}
.flavors .front-produce{bottom:14%;width:35%;left:9%}
@media(max-width:900px){.hero .product-group{bottom:16%}.hero .front-produce{bottom:13%;width:35%;left:41%}.flavors .product-group{bottom:19%}.flavors .front-produce{bottom:15%;width:40%;left:10%}}
@media(max-width:600px){.hero .product-group{bottom:16%}.hero .front-produce{bottom:13%;width:48%;left:30%}.flavors .product-group{bottom:20%}.flavors .front-produce{bottom:17%;width:47%;left:10%}}
/* Final fruit alignment: cover the thin exposed can rims without moving the cans. */
.hero .front-produce{bottom:10%}
.flavors .front-produce{bottom:11%}
@media(max-width:900px){.hero .front-produce{bottom:10%}.flavors .front-produce{bottom:12%}}
@media(max-width:600px){.hero .front-produce{bottom:10%}.flavors .front-produce{bottom:14%}}

/* The cans and fruit share the photo's coordinate space at every viewport. */
.hero .product-stage,.flavors .product-stage{position:absolute;inset:0;z-index:0}
.product-stage{overflow:hidden}
.product-stage .scene-canvas{position:absolute;inset:0}
.product-stage .photo{position:absolute;inset:0;width:100%;height:100%;z-index:-1}
@media(max-width:900px){.hero .product-stage,.flavors .product-stage{position:relative;inset:auto;order:1;width:100%;height:clamp(390px,65vw,680px)}}
@media(max-width:600px){.hero .product-stage,.flavors .product-stage{height:100vw;max-height:520px}}

/* On smaller screens, crop the whole scene as one image-sized canvas. The
   stone, cans and produce now share the same coordinates while resizing. */
@media(max-width:900px){
  .product-stage .scene-canvas{inset:0 auto 0 calc((100% - (clamp(390px,65vw,680px) * 1.77683)) * .67);width:calc(clamp(390px,65vw,680px) * 1.77683);height:100%}
  .product-stage .photo img{object-position:center}
  .hero .product-group{left:34%;right:9%;bottom:16%}
  .hero .front-produce{left:44.5%;width:30.3%;bottom:10%}
  .flavors .product-group{left:15%;right:38%;bottom:19%}
  .flavors .front-produce{left:17.6%;width:34.6%;bottom:12%}
}
@media(max-width:600px){
  .product-stage .scene-canvas{left:calc((100% - (min(100vw,520px) * 1.77683)) * .71);width:calc(min(100vw,520px) * 1.77683)}
  .hero .product-group{left:41%;right:14.5%;bottom:16%}
  .hero .front-produce{left:47.8%;width:27%;bottom:10%}
  .flavors .product-group{left:34.9%;right:25.9%;bottom:20%}
  .flavors .front-produce{left:36%;width:26.5%;bottom:14%}
}
/* Quiet, one-time motion that settles into the approved layout. */
.motion-ready section .photo img{filter:brightness(.94);transition:filter 1.5s ease}
.motion-ready section.scene-visible .photo img{filter:brightness(1)}
.motion-ready .title-line{display:block;opacity:0;transform:translateY(13px);transition:opacity .82s ease,transform .82s cubic-bezier(.2,.7,.2,1);transition-delay:var(--delay)}
.motion-ready .title.visible .title-line{opacity:1;transform:translateY(0)}
.pill .arrow{transition:transform .3s ease}.pill:hover .arrow,.pill:focus-visible .arrow{transform:translateX(3px)}
@media(prefers-reduced-motion:reduce){.motion-ready section .photo img{filter:none!important}.motion-ready .hero .product-group,.motion-ready .flavors .product-group{opacity:1!important;transform:scale(.90)!important}.motion-ready .flavors .product-group{transform:scale(.94)!important}.motion-ready .title-line{opacity:1!important;transform:none!important}}

/* Footer: a quiet brand close after the photographic story. */
.site-footer{background:#10291e;color:#f7f2e9;padding:clamp(55px,7vw,110px) 7.8% 24px}
.footer-lead{display:flex;align-items:end;justify-content:space-between;gap:32px;padding-bottom:clamp(42px,5vw,75px);border-bottom:1px solid #f7f2e947}
.footer-lead p{font-family:'Cormorant Garamond',Georgia,serif;font-size:clamp(2.8rem,6vw,7rem);font-weight:400;letter-spacing:-.045em;line-height:.9;text-transform:uppercase;max-width:850px;margin:0}
.footer-lead a{display:block;flex:0 0 auto;width:clamp(180px,18vw,310px)}
.footer-lead img{width:100%;height:auto;filter:brightness(0) invert(1)}
.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:clamp(35px,5vw,90px);padding:clamp(42px,5vw,76px) 0 80px}
.footer-thought{font-family:'Cormorant Garamond',Georgia,serif;font-size:clamp(1.7rem,2.4vw,2.8rem);line-height:1.06;margin:0;max-width:390px}
.footer-label{font-size:.72rem;letter-spacing:.26em;text-transform:uppercase;color:#c1d0c4;margin:0 0 23px}
.site-footer nav.footer-nav{position:static;display:grid;gap:13px;min-width:0;padding:0;background:transparent;box-shadow:none;text-transform:none;font-weight:400;letter-spacing:0}
.site-footer nav.footer-nav a{font-size:1rem;letter-spacing:0;text-decoration:none;width:max-content}
.site-footer nav.footer-nav a:hover,.site-footer nav.footer-nav a:focus-visible{text-decoration:underline;text-underline-offset:5px}
.social-icons{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.social-icons img{width:40px;height:40px;object-fit:contain}
.footer-bottom{display:flex;justify-content:space-between;gap:24px;border-top:1px solid #f7f2e947;padding-top:20px;font-size:.76rem;letter-spacing:.08em;color:#c1d0c4}
.footer-bottom a{text-decoration:none}.footer-bottom a:hover{text-decoration:underline;text-underline-offset:4px}
@media(max-width:900px){.footer-lead{align-items:start;flex-direction:column}.footer-grid{grid-template-columns:1fr 1fr}.footer-thought{grid-column:1/-1}.site-footer{padding-inline:7%}}
@media(max-width:600px){.footer-grid{grid-template-columns:1fr;gap:35px;padding-bottom:55px}.footer-thought{grid-column:auto}.footer-bottom{flex-direction:column}.footer-lead a{width:190px}}
/* The Drink: the approved light, photographic editorial rhythm. */
.drink-page{background:#f7f2e9}
.drink-page header .logo img{filter:none}
.drink-page header .menu-toggle span{background:#fff;box-shadow:0 1px 3px #0b180da0}
.drink-page header nav [aria-current=page]{text-decoration:underline;text-underline-offset:5px}
/* Ingredients: independent editorial page based on the approved fruit reference. */
.ingredients-page{background:#f7f2e9}
.ingredients-page header .menu-toggle span{background:#152019;box-shadow:none}
.ingredients-page header nav [aria-current=page]{text-decoration:underline;text-underline-offset:5px}
.ingredient-panel{min-height:clamp(670px,53vw,880px);color:#111b16;background:#f7f2e9;isolation:isolate}
.ingredient-panel .panel-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.ingredient-panel:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,#faf7f0ec 0%,#faf7f0c8 25%,transparent 57%)}
.ingredient-panel .ingredient-copy{position:relative;z-index:2;width:min(38%,530px);margin-left:7.8%;padding:clamp(145px,12vw,195px) 0 90px}
.ingredient-copy>.reveal:nth-child(1){transition-delay:.03s}
.ingredient-copy>.reveal:nth-child(2){transition-delay:.16s}
.ingredient-copy>.reveal:nth-child(3){transition-delay:.32s}
.ingredient-copy>.reveal:nth-child(4){transition-delay:.46s}
.ingredient-copy>.reveal:nth-child(5){transition-delay:.55s}
.ingredient-panel>.opening-aside.reveal,.ingredient-panel>.blend-list.reveal{transition-delay:.4s}
.ingredient-panel .eyebrow,.ingredient-kicker,.ingredient-number,.opening-aside,.blend-list{font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;text-transform:uppercase;font-weight:600;letter-spacing:.3em}
.ingredient-panel .eyebrow{font-size:.76rem;margin:0 0 19px}
.ingredient-title,.guava-word{font-family:'Cormorant Garamond',Georgia,serif;font-weight:400;text-transform:uppercase;letter-spacing:-.055em;line-height:.79;margin:0 0 25px}
.ingredient-title{font-size:clamp(4.3rem,6vw,8.1rem)}
.ingredient-copy>p:not(.eyebrow):not(.ingredient-number):not(.ingredient-kicker){font-size:clamp(1rem,1.13vw,1.18rem);line-height:1.48;max-width:395px;margin:0 0 22px}
.ingredient-opening .ingredient-title{font-size:clamp(5rem,6.4vw,8.8rem)}
.ingredient-opening .panel-photo{object-position:center}
.opening-aside{position:absolute;right:7.8%;top:40%;font-size:.69rem;line-height:2.2;letter-spacing:.22em;margin:0}
.ingredient-strawberry .ingredient-copy{padding-top:clamp(155px,14vw,225px)}
.ingredient-strawberry .ingredient-title,.ingredient-lemon .ingredient-title{white-space:nowrap}
.ingredient-number{font-size:.8rem;display:flex;align-items:center;gap:14px;margin:0 0 26px}
.ingredient-number span{display:inline-block;width:43px;height:1px;background:currentColor;opacity:.55}
.ingredient-kicker{font-size:.74rem;line-height:1.75;margin:0 0 24px}
.short-rule{display:block;width:40px;height:1px;background:#4c5b51;margin-top:29px}
.ingredient-guava:after{background:linear-gradient(90deg,transparent 30%,#faf7f008 47%,#faf7f0dc 75%,#faf7f0f4)}
.ingredient-guava .guava-word{position:absolute;top:9%;left:7.5%;z-index:2;font-size:clamp(9rem,20vw,25rem);margin:0;pointer-events:none}
.ingredient-guava .ingredient-copy{width:min(24%,360px);margin-left:auto;margin-right:7.8%;padding-top:clamp(360px,33vw,560px)}
.ingredient-lemon .ingredient-copy{padding-top:clamp(180px,16vw,270px)}
.ingredient-blend{min-height:clamp(630px,48vw,810px)}
.ingredient-blend .panel-photo{object-position:center}
.ingredient-blend:after{background:linear-gradient(90deg,#faf7f0ef 0%,#faf7f0d1 36%,#faf7f055 60%,transparent 100%)}
.ingredient-blend .ingredient-copy{padding-top:clamp(145px,12vw,205px);width:min(42%,550px)}
.ingredient-blend .ingredient-title{font-size:clamp(4.5rem,6vw,8rem)}
.ingredient-blend .pill{background:#f7f2e945;border-color:#526254;margin-top:6px}
.blend-details{max-width:460px;padding:18px 0 0}.blend-details[hidden]{display:none}.blend-details p{font-size:1rem;line-height:1.5;margin:0}
.blend-list{position:absolute;z-index:2;right:10%;top:44%;padding-left:28px;border-left:1px solid #667269;font-size:.74rem;line-height:2.3;letter-spacing:.22em;margin:0}
/* Keep the small editorial labels in the light space shown in the source. */
.ingredient-opening:after{background:linear-gradient(90deg,#faf7f0ec 0%,#faf7f0c8 25%,transparent 57%,transparent 76%,#faf7f0cf 90%,#faf7f0ec 100%)}
.opening-aside{right:3%;top:38%;width:175px}
.ingredient-guava:after{background:linear-gradient(180deg,#f7f2e9 0%,#f7f2e9f5 11%,#f7f2e9a6 22%,transparent 38%),linear-gradient(90deg,transparent 30%,#faf7f008 47%,#faf7f0dc 75%,#faf7f0f4)}
.ingredient-guava .guava-word{top:3%;font-size:clamp(8rem,16vw,20rem);line-height:.9}
.ingredient-blend:after{background:linear-gradient(90deg,#faf7f0ef 0%,#faf7f0d1 36%,#faf7f055 59%,#faf7f0e6 78%,#faf7f0ed 100%)}
.blend-list{top:28%;right:8%}
@media(max-width:900px){
  .ingredient-panel{min-height:720px}.ingredient-panel .ingredient-copy{width:min(58%,490px)}
  .ingredient-title{font-size:clamp(4.5rem,8.2vw,7rem)}.ingredient-opening .ingredient-title{font-size:clamp(4.8rem,8.5vw,7.6rem)}
  .ingredient-guava .guava-word{font-size:clamp(8rem,20vw,13rem);top:13%}.ingredient-guava .ingredient-copy{width:30%;padding-top:420px}
  .blend-list{right:5%}
}
@media(max-width:600px){
  .ingredients-page header{padding-top:20px}.ingredient-panel{min-height:720px}
  .ingredient-panel .ingredient-copy{width:auto;margin:0 8%;padding:135px 0 55px}
  .ingredient-panel .eyebrow{font-size:.72rem}.ingredient-panel .ingredient-title{font-size:clamp(4.4rem,15vw,6.2rem)}
  .ingredient-panel .ingredient-copy>p:not(.eyebrow):not(.ingredient-number):not(.ingredient-kicker){font-size:1rem;max-width:335px}
  .ingredient-opening .panel-photo{object-position:62% center}.ingredient-opening:after{background:linear-gradient(90deg,#faf7f0ef,#faf7f0a8 67%,#faf7f07a)}
  .ingredient-opening .ingredient-title{font-size:clamp(4.5rem,15vw,6.4rem)}.opening-aside{right:7%;top:auto;bottom:8%;font-size:.62rem}
  .ingredient-strawberry .panel-photo{object-position:67% center}.ingredient-strawberry:after,.ingredient-lemon:after{background:linear-gradient(90deg,#faf7f0ec 0%,#faf7f0af 62%,#faf7f018 100%)}
  .ingredient-strawberry .ingredient-copy,.ingredient-lemon .ingredient-copy{padding-top:120px}
  .ingredient-strawberry .ingredient-title{font-size:clamp(3.25rem,10.5vw,5rem);white-space:normal}
  .ingredient-guava .panel-photo{object-position:34% center}.ingredient-guava:after{background:linear-gradient(180deg,#faf7f0f7 0%,#faf7f0ed 18%,transparent 36%,#faf7f0aa 62%,#faf7f0f2 100%)}
  .ingredient-guava .guava-word{top:6%;left:7%;font-size:clamp(5.5rem,19vw,8.5rem)}.ingredient-guava .ingredient-copy{position:absolute;bottom:0;right:0;left:0;margin:0 8%;width:auto;padding:0 0 40px}.ingredient-guava .ingredient-copy>p:not(.ingredient-number):not(.ingredient-kicker){max-width:330px}
  .ingredient-lemon .panel-photo{object-position:67% center}
  .ingredient-blend .panel-photo{object-position:67% center}.ingredient-blend:after{background:linear-gradient(90deg,#faf7f0e8,#faf7f0b5 70%,#faf7f055)}
  .ingredient-blend .ingredient-copy{padding-top:125px}.ingredient-blend .ingredient-title{font-size:clamp(4.1rem,13vw,5.8rem)}.blend-list{position:relative;top:auto;right:auto;margin:30px 8% 55px;width:max-content;background:#f7f2e9e8;padding:14px 20px}
}
.drink-scene{min-height:clamp(660px,56vw,900px);background:#f7f2e9;color:#151a16}
.drink-scene .scene-image{position:absolute;inset:0;z-index:0;overflow:hidden}
.drink-scene .scene-photo{width:100%;height:100%;object-fit:cover;object-position:center center}
.drink-scene .scene-copy{position:relative;z-index:3;width:min(36%,540px);margin-left:8%;padding:clamp(125px,12vw,190px) 0 80px}
.drink-scene .eyebrow{font-size:.7rem;letter-spacing:.32em;margin-bottom:20px}
.drink-scene .title{font-size:clamp(4.1rem,5.8vw,7.8rem);line-height:.82;letter-spacing:-.045em;margin-bottom:23px}
.drink-scene .copy{max-width:370px;line-height:1.48;font-size:clamp(1rem,1.16vw,1.18rem);margin-bottom:29px}
.drink-scene .pill{background:#f7f2e910;border-color:#5c6c60}
.drink-scene .pill:hover,.drink-scene .pill:focus-visible{background:#ffffffd9}
.scene-one .scene-copy{padding-top:clamp(140px,14vw,230px)}
.scene-one .title{font-size:clamp(4.7rem,6.6vw,8.5rem)}
.scene-two .scene-copy{padding-top:clamp(130px,13vw,200px)}
.scene-three .scene-copy-right{margin-left:auto;margin-right:8%;width:min(32%,480px);padding-top:clamp(130px,12vw,190px)}
.scene-four .scene-copy{padding-top:clamp(160px,15vw,250px)}
.scene-four .title{font-size:clamp(4.8rem,7vw,9rem)}
.scene-five .scene-copy{padding-top:clamp(125px,12vw,190px);width:min(42%,630px)}
.scene-five .title{font-size:clamp(3.8rem,5.3vw,7.1rem)}
.scene-six .scene-copy{padding-top:clamp(145px,14vw,220px)}
.drink-scene .scene-can{position:absolute;z-index:2;width:auto;pointer-events:none;filter:drop-shadow(10px 22px 13px #1421178c)}
.scene-single-can{height:69%;left:61%;bottom:12%}
.scene-pour-can{height:62%;right:-4%;top:-15%;transform:rotate(-113deg)}
.scene-close-can{height:158%;right:-4%;top:-40%;transform:rotate(19deg);filter:drop-shadow(10px 22px 15px #17271990)}
.scene-can-trio{position:absolute;z-index:2;right:5%;bottom:11%;width:43%;height:73%;display:flex;align-items:flex-end;justify-content:center;pointer-events:none}
.scene-can-trio img{width:29%;height:auto;max-height:100%;object-fit:contain;filter:drop-shadow(5px 14px 9px #14211789)}
.scene-can-trio img:first-child,.scene-can-trio img:last-child{transform:translateY(38px) scale(.92)}
.scene-can-trio img:nth-child(2){position:relative;z-index:2;margin:0 -4%;transform:translateY(10px) scale(1.04)}
@media(max-width:900px){
 .drink-scene{min-height:0;display:flex;flex-direction:column}
 .drink-scene .scene-copy,.scene-three .scene-copy-right,.scene-five .scene-copy{order:0;width:auto;max-width:620px;margin:0;padding:105px 7% 45px}
 .drink-scene .scene-image{position:relative;order:1;inset:auto;width:100%;height:clamp(470px,70vw,700px)}
 .drink-scene .title,.scene-one .title,.scene-four .title,.scene-five .title{font-size:clamp(3.7rem,8vw,6.7rem)}
 .drink-scene .copy{max-width:520px}
 .scene-one .scene-copy{padding-top:135px}
 .scene-single-can{height:76%;left:58%;bottom:10%}
 .scene-pour-can{height:58%;right:-5%;top:-12%}
 .scene-close-can{height:130%;right:3%;top:-31%}
 .scene-can-trio{right:5%;width:56%;height:74%;bottom:9%}
 .scene-three .scene-photo{object-position:28% center}
}
@media(max-width:600px){
 .drink-scene .scene-copy,.scene-three .scene-copy-right,.scene-five .scene-copy{padding:90px 7% 35px}
 .scene-one .scene-copy{padding-top:115px}
 .drink-scene .title,.scene-one .title,.scene-four .title,.scene-five .title{font-size:clamp(3.2rem,11vw,5rem)}
 .drink-scene .scene-image{height:100vw;min-height:390px;max-height:540px}
 .scene-one .scene-photo,.scene-five .scene-photo{object-position:63% center}
 .scene-single-can{height:67%;left:51%;bottom:12%}
 .scene-pour-can{height:53%;right:-10%;top:-8%}
 .scene-close-can{height:115%;right:-5%;top:-24%}
 .scene-can-trio{width:76%;right:2%;height:70%;bottom:11%}
}

/* Product trio grounded on the flat top of the stone. */
.scene-can-trio{bottom:21%}
.scene-can-trio::before{content:"";position:absolute;left:16%;right:16%;bottom:0;height:23px;border-radius:50%;background:#0b180fb3;filter:blur(13px);z-index:0}
.scene-can-trio img{position:relative;z-index:1;filter:drop-shadow(-2px -2px 2px #fff9) drop-shadow(7px 16px 10px #0b1810a6)}
.scene-can-trio img:nth-child(2){z-index:2}
@media(max-width:900px){.scene-can-trio{bottom:18%}}
@media(max-width:600px){.scene-can-trio{bottom:19%}}

@media(max-width:900px){.scene-can-trio img:first-child,.scene-can-trio img:last-child{transform:translateY(26px) scale(.92)}}
@media(max-width:600px){.scene-can-trio img:first-child,.scene-can-trio img:last-child{transform:translateY(20px) scale(.92)}}

/* Keep the photographic cans inside portrait crops and the trio on the ledge. */
@media(max-width:900px){
 .scene-two .scene-photo,.scene-four .scene-photo{object-position:right center}
 .scene-five .scene-can-trio{bottom:24%}
}
@media(max-width:600px){
 .scene-five .scene-can-trio{right:8%;width:72%;bottom:25%}
}

/* Approved product arrangements are now one image per scene and breakpoint. */
.product-stage .composite-scene,.drink-scene .scene-composite{position:absolute;inset:0;display:block;width:100%;height:100%}
.composite-scene img,.scene-composite img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
@media(max-width:900px){
 .product-stage .composite-scene img,.scene-one .scene-composite img{object-position:center 60%}
}
/* Four distinct, self-contained scenes keep each can, fruit and stone aligned. */
@media(max-width:900px){
 .hero .composite-scene img{object-position:100% center}
 .flavors .composite-scene img{object-position:0% center}
 .scene-one .scene-composite img{object-position:85% center}
 .scene-five .scene-composite img{object-position:100% center}
}
/* Flavors: photographic editorial panels inspired by the approved reference. */
.flavors-page{background:#f7f2e9}
.flavors-page header .menu-toggle span{background:#fff}
.flavors-page header nav [aria-current=page]{text-decoration:underline;text-underline-offset:5px}
.flavor-panel{min-height:clamp(660px,67vw,960px);color:#142019;background:#f7f2e9}
.flavor-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.flavor-panel:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,#f8f4ecee 0%,#f8f4eccc 27%,transparent 56%)}
.flavor-copy{position:relative;z-index:2;width:min(36%,510px);margin-left:7.8%;padding:clamp(140px,12vw,190px) 0 90px}
.flavor-copy .title{font-size:clamp(4.25rem,6.6vw,8.5rem);margin:0 0 22px}
.flavor-copy>p:not(.eyebrow,.flavor-number,.flavor-note){font-size:clamp(.95rem,1.12vw,1.17rem);line-height:1.48;max-width:360px;margin:0 0 25px}
.flavor-intro .flavor-photo{object-position:center}
.flavor-intro .flavor-copy{padding-top:clamp(160px,14vw,220px)}
.flavor-intro .title{font-size:clamp(4.8rem,7.2vw,9.6rem)}
.flavor-number{font-size:.76rem;letter-spacing:.2em;margin:0 0 17px;display:flex;gap:16px;align-items:center}
.flavor-number span{display:block;width:40px;height:1px;background:currentColor;opacity:.55}
.flavor-note{text-transform:uppercase;font-size:.72rem;letter-spacing:.32em;font-weight:600;margin:0 0 18px}
.flavor-panel .pill{background:#10281d;color:#fff;border-color:#10281d;margin-top:4px}
.flavor-panel .pill:hover{background:#224532}
.flavor-berry{color:#fff;background:#2e1c20}
.flavor-berry .flavor-photo{object-position:31% center}
.flavor-berry:after{background:linear-gradient(90deg,#27171c13 0%,#351d2170 49%,#3c2324ed 75%)}
.flavor-berry .flavor-copy{margin-left:auto;margin-right:8%;width:min(31%,440px);padding-top:clamp(115px,10vw,160px)}
.flavor-berry .flavor-copy .title{font-size:clamp(4rem,5.7vw,7.5rem)}
.flavor-berry .pill{background:transparent;border-color:#fff;color:#fff}
.flavor-cucumber .flavor-photo{object-position:center}
.flavor-cucumber:after{background:linear-gradient(90deg,#f8f4eaf5 0%,#f8f4eae0 29%,transparent 62%)}
.flavor-close{min-height:clamp(430px,41vw,620px);display:flex;align-items:center;gap:5%;padding:70px 7.8%}
.flavor-close .flavor-photo{object-position:center 65%}
.flavor-close:after{background:linear-gradient(90deg,#f8f4ebef 0%,#f8f4ebdf 65%,#f8f4eb30 100%)}
.flavor-close .flavor-copy{margin:0;padding:0;width:42%}
.flavor-close .flavor-copy .title{font-size:clamp(4rem,5.3vw,7rem);margin:0}
.flavor-close-aside{position:relative;z-index:2;border-left:1px solid #576057;padding-left:4%;max-width:350px}
.flavor-close-aside p{font-size:1rem;line-height:1.5;margin:0 0 22px}
.flavor-art{position:absolute;inset:0;z-index:-2;overflow:hidden}
.flavor-art .flavor-photo{z-index:auto;object-fit:cover}
@media(max-width:900px){
 .flavor-panel{display:block;min-height:720px}
 .flavor-panel .flavor-photo{position:absolute;height:100%;object-position:60% center}
 .flavor-copy{width:48%;margin-left:7%;padding-top:130px}
 .flavor-intro .flavor-copy{padding-top:150px}
 .flavor-copy .title,.flavor-intro .title{font-size:clamp(3.9rem,8vw,6.6rem)}
 .flavor-berry .flavor-copy{width:39%;margin-right:7%}
 .flavor-berry .flavor-copy .title{font-size:clamp(3.8rem,7vw,6rem)}
 .flavor-close{display:flex;min-height:470px}
}
@media(max-width:600px){
 .flavor-art{top:auto;bottom:0;height:59%}
 .flavor-art .flavor-photo{height:100%;object-fit:cover}
 .flavor-panel{min-height:860px}
 .flavor-panel .flavor-photo{object-position:67% bottom}
 .flavor-panel:after{background:linear-gradient(180deg,#f8f4edf9 0%,#f8f4ede8 34%,#f8f4ed10 63%)}
 .flavor-copy,.flavor-berry .flavor-copy{width:86%;margin:0 7%;padding:112px 0 0}
 .flavor-intro .flavor-copy{padding-top:135px}
 .flavor-copy .title,.flavor-intro .title,.flavor-berry .flavor-copy .title{font-size:clamp(3.5rem,15vw,5.5rem)}
 .flavor-copy>p:not(.eyebrow,.flavor-number,.flavor-note){max-width:310px}
 .flavor-intro .flavor-photo{object-position:86% bottom}
 .flavor-strawberry .flavor-photo{object-position:73% bottom}
 .flavor-berry{color:#fff;background:#351e22}
 .flavor-berry .flavor-photo{object-position:23% bottom}
 .flavor-berry:after{background:linear-gradient(180deg,#3c2224fa 0%,#3c2224e8 34%,#3c222408 66%)}
 .flavor-cucumber .flavor-photo{object-position:79% bottom}
 .flavor-close{min-height:660px;display:block;padding:100px 7% 55px}
 .flavor-close .flavor-copy{width:100%;margin:0;padding:0}
 .flavor-close-aside{margin-top:38px;padding-left:24px;max-width:310px}
 .flavor-close:after{background:linear-gradient(180deg,#f8f4ebf5 0%,#f8f4ebec 56%,#f8f4eb44 100%)}
}
/* Our Story: complete photographic scenes with live, responsive copy. */
.story-page{background:#f7f2e9}
.story-page header .menu-toggle span{background:#fff}
.story-page header nav [aria-current=page]{text-decoration:underline;text-underline-offset:5px}
.story-panel{min-height:clamp(620px,57vw,850px);color:#172219;background:#eee9df}
.story-panel .story-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-2}
.story-panel:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,#f8f4eced 0%,#f8f4eccc 29%,#f8f4ec00 60%)}
.story-copy{position:relative;z-index:2;width:min(38%,540px);margin-left:7.8%;padding:clamp(135px,12vw,185px) 0 80px}
.story-copy .title{font-size:clamp(4.1rem,6vw,8rem);margin:0 0 22px}
.story-copy>p:not(.eyebrow){font-size:clamp(1rem,1.15vw,1.2rem);line-height:1.48;max-width:380px;margin:0 0 24px}
.story-copy .eyebrow{max-width:230px;line-height:1.55;font-weight:600}
.story-belief .story-copy{padding-top:clamp(160px,14vw,215px)}
.story-tomorrow .story-copy,.story-everyday .story-copy{margin-left:auto;margin-right:7.8%;width:min(34%,490px)}
.story-tomorrow:after,.story-everyday:after{background:linear-gradient(90deg,#f8f4ec00 32%,#f8f4ec9c 61%,#f8f4eced 85%)}
.story-tomorrow .story-photo{object-position:41% center}
.story-fruit .story-photo{object-position:58% center}
.story-everyday .story-photo{object-position:38% center}
.story-flavors .story-photo{object-position:58% center}
.story-flavors .story-copy{width:min(39%,540px)}
.story-flavors .pill{background:#10281d;color:#fff;border-color:#10281d}
@media(max-width:900px){
 .story-copy{width:45%;margin-left:7%;padding-top:125px}
 .story-copy .title{font-size:clamp(3.7rem,7vw,6.5rem)}
 .story-tomorrow .story-copy,.story-everyday .story-copy{width:40%;margin-right:7%}
 .story-flavors .story-copy{width:43%}
}
@media(max-width:600px){
 .story-panel{min-height:850px;background:#f7f2e9}
 .story-panel .story-photo{top:auto;bottom:0;height:57%;object-position:68% bottom}
 .story-panel:after,.story-tomorrow:after,.story-everyday:after{background:linear-gradient(180deg,#f8f4edf9 0%,#f8f4edf0 36%,#f8f4ed00 65%)}
 .story-copy,.story-tomorrow .story-copy,.story-everyday .story-copy,.story-flavors .story-copy{width:86%;margin:0 7%;padding:112px 0 0}
 .story-belief .story-copy{padding-top:130px}
 .story-copy .title{font-size:clamp(3.5rem,14vw,5.4rem)}
 .story-copy>p:not(.eyebrow){max-width:355px;font-size:1rem}
 .story-tomorrow .story-photo{object-position:28% bottom}
 .story-fruit .story-photo{object-position:73% bottom}
 .story-everyday .story-photo{object-position:25% bottom}
 .story-flavors{min-height:900px}
 .story-flavors .story-photo{object-position:72% bottom}
}
@media(prefers-reduced-motion:reduce){.story-page .reveal{opacity:1;transform:none;transition:none}.story-page .title-line{animation:none!important}}
@media(max-width:600px){
 .story-panel{min-height:790px}
 .story-panel .story-photo{height:auto;max-height:none;object-fit:contain;object-position:center bottom}
 .story-panel:after,.story-tomorrow:after,.story-everyday:after{background:linear-gradient(180deg,#f8f4ed 0%,#f8f4edfa 43%,#f8f4ed00 72%)}
 .story-flavors{min-height:850px}
}
/* Find ROOT: original unified photography and a usable location search. */
.find-page{background:#f7f2e9}
.find-page header .menu-toggle span{background:#fff}
.find-page header nav [aria-current=page]{text-decoration:underline;text-underline-offset:5px}
.find-panel{min-height:clamp(610px,55vw,840px);color:#172219;background:#f7f2e9}
.find-panel .find-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-2}
.find-panel:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,#f8f4eced 0%,#f8f4eccc 28%,#f8f4ec00 60%)}
.find-copy{position:relative;z-index:2;width:min(37%,525px);margin-left:7.8%;padding:clamp(135px,12vw,190px) 0 75px}
.find-copy .title{font-size:clamp(4.1rem,6vw,8rem);margin:0 0 22px}
.find-copy>p:not(.eyebrow,.store-help){font-size:clamp(1rem,1.15vw,1.2rem);line-height:1.48;max-width:380px;margin:0 0 25px}
.find-copy .eyebrow{font-weight:600;line-height:1.5}
.find-intro .find-copy{padding-top:clamp(150px,13vw,205px)}
.find-search{min-height:clamp(550px,46vw,700px)}
.find-search .find-copy{padding-top:clamp(125px,10vw,165px);width:min(40%,560px)}
.find-search .find-copy .title{font-size:clamp(4.5rem,6.3vw,8rem)}
.store-form{display:flex;align-items:center;width:min(100%,470px);height:58px;border:1px solid #aeb5a9;border-radius:100px;background:#f7f2e9e8;overflow:hidden}
.store-form .location-mark{font-size:1.6rem;padding-left:18px;color:#536158}
.store-form input{flex:1;min-width:0;border:0;background:transparent;outline:0;padding:0 12px;font-size:.95rem;color:#18291f}
.store-form input::placeholder{color:#6c756c;opacity:1}
.store-form:focus-within{outline:2px solid #244a32;outline-offset:2px}
.store-form button{height:58px;min-width:58px;border:0;border-radius:50%;background:#10281d;color:#fff;font-size:1.5rem}
.find-copy .store-help{font-size:.78rem;line-height:1.45;max-width:420px;margin:14px 0 0;color:#48564d}
.find-trip .find-copy{margin-left:auto;margin-right:7.8%;width:min(33%,470px)}
.find-trip:after{background:linear-gradient(90deg,#f8f4ec00 33%,#f8f4ec8c 62%,#f8f4ecee 88%)}
.find-trip .find-photo{object-position:42% center}
.find-panel .pill{border-color:#334539}
.find-retail{color:#fff;background:#1d2118}
.find-retail:after{background:linear-gradient(90deg,#091008e8 0%,#10170cae 31%,#10170c00 61%)}
.find-retail .find-photo{object-position:60% center}
.find-close .find-photo{object-position:60% center}
.find-page .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:900px){.find-copy{width:47%;margin-left:7%;padding-top:125px}.find-copy .title{font-size:clamp(3.7rem,7vw,6.6rem)}.find-trip .find-copy{width:40%;margin-right:7%}.find-search .find-copy{width:48%}}
@media(max-width:600px){
 .find-panel,.find-search{min-height:790px;background:#f7f2e9}
 .find-panel .find-photo{top:auto;bottom:0;height:auto;object-fit:contain;object-position:center bottom}
 .find-panel:after,.find-trip:after{background:linear-gradient(180deg,#f8f4ed 0%,#f8f4edfa 42%,#f8f4ed00 72%)}
 .find-copy,.find-trip .find-copy,.find-search .find-copy{width:86%;margin:0 7%;padding:112px 0 0}
 .find-intro .find-copy{padding-top:130px}
 .find-copy .title,.find-search .find-copy .title{font-size:clamp(3.5rem,14vw,5.4rem)}
 .find-copy>p:not(.eyebrow,.store-help){font-size:1rem;max-width:350px}
 .find-search{min-height:760px}
 .find-trip{min-height:840px}
 .find-retail{background:#151a13;min-height:790px}
 .find-retail:after{background:linear-gradient(180deg,#11170ff9 0%,#11170ff0 46%,#11170f00 75%)}
 .find-close{min-height:800px}
}
@media(prefers-reduced-motion:reduce){.find-page .reveal{opacity:1;transform:none;transition:none}}

/* Pull the product scenes toward the editorial center, matching the home composition. */
@media(min-width:901px){
 .flavor-intro .flavor-photo,.flavor-strawberry .flavor-photo,
 .story-belief .story-photo,.story-flavors .story-photo{transform:translateX(-2.5%) scaleX(1.05)}
 .flavor-berry .flavor-photo{transform:translateX(-1%) scaleX(1.025)}
 .flavor-berry .flavor-copy{width:min(35%,500px);margin-right:6%}
 .flavor-berry .flavor-copy .title{font-size:clamp(3.8rem,5.1vw,6.7rem)}
}
.find-intro .pill{background:#10281d;color:#fff;border-color:#10281d}
.find-intro .pill:hover{background:#224532}
.find-search .store-help{max-width:440px}
.find-intro .find-photo{object-position:center 35%}
.find-trip .find-photo,.find-retail .find-photo{object-position:center top}
.find-close .find-photo{object-position:center 25%}
.find-intro .find-copy .title{font-size:clamp(4.25rem,5.75vw,7.6rem)}
@media(max-width:600px){
 .find-intro .find-photo,.find-trip .find-photo,.find-retail .find-photo,.find-close .find-photo{object-position:center bottom}
}
@media(min-width:901px){.drink-page .scene-five .scene-copy{margin-left:10%}}
/* Give the flavors copy a quiet cream field without softening the artwork. */
@media(min-width:901px){
 .drink-page .scene-five:after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,#f7f2e9 0%,#f7f2e9f5 30%,#f7f2e9eb 40%,#f7f2e9a6 46%,#f7f2e900 53%)}
 .drink-page .scene-five .pill{background:#f7f2e9;border-color:#334539}
}

/* Consistent breathing room for the ROOT header in the agency project viewer. */
html body>header{padding-top:40px}
body>header>nav{top:100px}
@media(max-width:900px){html body[class]>header{padding-top:36px}body>header>nav{top:94px}}
/* Keep the water-and-leaf scene on the left, with its copy on the right. */
@media(min-width:901px){
 .drink-page .scene-six .scene-photo{transform:scaleX(-1)}
 .drink-page .scene-six .scene-copy{margin-left:auto;margin-right:8%}
}