.our-story-page{--story-heading:clamp(40px,5.1vw,74px)}
.our-story-page h1,.our-story-page h2,.our-story-page h3{font-family:'Squeezora Display',sans-serif;font-weight:400;line-height:1.12;word-spacing:.06em;text-wrap:balance}
.our-story-page h2{font-size:var(--story-heading)}
.eyebrow{font-size:14px;line-height:1.5;letter-spacing:.07em;margin-bottom:24px}
.story-hero{position:relative;margin:13px 17px 0;border-radius:32px;background:var(--red);color:var(--cream);height:860px;overflow:hidden}
.story-hero .header{position:absolute;height:142px;padding:5px 47px 0;font-size:16px}
.story-hero .header nav{gap:32px;padding-top:22px}.story-hero .logo{top:19px;width:88px;height:123px}.story-hero .header-right{gap:27px;padding-top:22px}.story-hero [aria-current=page]::after{opacity:1;transform:none}
.story-hero-copy{text-align:center;position:relative;z-index:2;padding:188px 20px 0;pointer-events:none}.story-hero-copy h1{font-size:clamp(60px,7.8vw,112px);letter-spacing:-.015em}.story-hero-copy .eyebrow{margin-bottom:20px}.story-hero-copy>p:last-child{font-size:20px;line-height:1.5;margin-top:22px}
/* An oversized canvas contains the rotated sides; only the glass bottoms fade. */
.story-drinks{position:absolute;width:940px;height:430px;bottom:-45px;left:50%;translate:-50% 0;mask-image:linear-gradient(#000 75%,transparent 100%);pointer-events:none}
.story-drinks img{position:absolute;width:310px;height:auto;bottom:0;transform-origin:50% 100%}.drink-left{left:155px;rotate:-18deg}.drink-right{right:155px;rotate:18deg}.story-drinks .drink-centre{left:50%;translate:-50% 0;width:350px;bottom:-8px}.hero-note{position:absolute;left:7%;bottom:112px;font-size:25px;line-height:1.2;rotate:-9deg}
.fruit-story{overflow:hidden;padding:145px 40px 110px}.fruit-story-inner{max-width:1220px;margin:auto;display:grid;grid-template-columns:1fr 1.15fr;gap:5%;align-items:center}.fruit-story-copy{position:relative;z-index:2}.fruit-story-copy h2{margin-bottom:35px}.fruit-story-copy h2 span{color:var(--pink)}.fruit-story-copy p{font-size:18px;line-height:1.6;max-width:460px;margin-top:22px}.fruit-story-copy p:first-of-type{font-size:25px;line-height:1.4;max-width:440px}.fruit-story-copy p:last-child{font-size:22px;color:var(--red);margin-top:30px}
.fruit-story-art{position:relative;height:710px;isolation:isolate}.fruit-halo{position:absolute;inset:70px -60px 55px 0;background:var(--peach);border-radius:48% 52% 42% 58%;rotate:-14deg;z-index:-1}.story-pineapple{position:absolute;width:490px;height:auto;max-width:90%;left:7%;bottom:15px;rotate:9deg;mask-image:linear-gradient(#000 70%,transparent 99%)}.story-banana-fruit{position:absolute;width:180px;height:auto;right:-40px;top:0;rotate:22deg}.story-kiwi-fruit{position:absolute;width:145px;height:auto;left:-15px;bottom:0;rotate:-20deg}
.shared-goodness{position:relative;padding-top:160px;margin-bottom:0;overflow:hidden}.goodness-wave{position:absolute;top:0;left:0;width:100%;height:180px;object-fit:fill}.goodness-inner{position:relative;z-index:1;background:var(--blue);color:var(--cream);padding:35px 40px 150px}.goodness-heading{text-align:center;max-width:1150px;margin:auto}.goodness-heading h2 span{color:#ffd26a}.goodness-heading p{font-size:23px;line-height:1.5;margin-top:25px}.goodness-lineup{display:flex;align-items:flex-end;max-width:1180px;margin:65px auto 85px;gap:0}.goodness-lineup figure{position:relative;flex:1;min-width:0;margin:0;text-align:center}.goodness-lineup img{width:100%;height:420px;object-fit:contain;object-position:50% 100%;mask-image:linear-gradient(#000 77%,transparent 100%)}.goodness-lineup .goodness-smoothie img{height:480px}.goodness-lineup .goodness-parfait img{height:355px;mask-image:linear-gradient(#000 90%,transparent 100%)}.goodness-lineup figcaption{font-size:19px;line-height:1.45;padding:20px 10px 0}.goodness-story{max-width:1130px;margin:auto;display:grid;grid-template-columns:1.05fr 1fr;gap:10%;align-items:start}.goodness-story h3{font-size:clamp(32px,3.3vw,47px);padding-top:7px}.goodness-story p{font-size:19px;line-height:1.6;margin-bottom:23px}.story-cta{display:inline-flex;justify-content:center;align-items:center;background:var(--cream);color:var(--brown);border-radius:100px;padding:15px 34px;min-height:56px;font-size:20px;margin-top:10px}
.our-story-page footer{margin-top:-1px}.our-story-page .footer-waves{background:var(--blue)}.our-story-page .footer-links{flex-wrap:wrap}.our-story-page #story-policy h2{font-family:Recoleta,Georgia,serif;font-size:30px;margin:15px 0 22px}.our-story-page #story-policy p{line-height:1.6}
@media(max-width:1100px){.fruit-story{padding:100px 40px 70px}.fruit-story-inner{gap:4%}.fruit-story-art{height:620px}.story-banana-fruit{width:130px;right:-20px}.story-kiwi-fruit{width:100px}.fruit-story-copy p{font-size:17px}.goodness-lineup img{height:350px}.goodness-lineup .goodness-smoothie img{height:400px}.goodness-lineup .goodness-parfait img{height:280px}.goodness-story{gap:6%}}
@media(max-width:1024px){.story-hero .header{position:absolute;height:112px;padding:0 24px}.story-hero .header nav,.story-hero .header-right{display:none}.story-hero-copy{padding-top:155px}.story-hero{height:760px}.story-drinks{width:840px;height:390px}.story-drinks img{width:270px}.story-drinks .drink-centre{width:310px}.drink-left{left:150px}.drink-right{right:150px}.hero-note{display:none}}
@media(max-width:760px){.our-story-page{--story-heading:clamp(28px,8.72vw,36px)}.eyebrow{font-size:12px;letter-spacing:.04em}.story-hero{margin:8px 8px 0;border-radius:24px;height:660px}.story-hero-copy{padding:146px 16px 0}.story-hero-copy h1{font-size:clamp(28px,8.4vw,60px)}.story-hero-copy>p:last-child{font-size:17px;margin-top:20px}.story-drinks{width:100%;height:320px;bottom:0;mask-image:linear-gradient(#000 70%,transparent 100%)}.story-drinks img{width:52%;bottom:15px}.story-drinks .drink-centre{width:60%;bottom:0}.drink-left{left:19%;rotate:-15deg}.drink-right{right:19%;rotate:15deg}
.fruit-story{padding:75px 24px 30px}.fruit-story-inner{grid-template-columns:1fr;gap:20px}.fruit-story-copy h2{margin-bottom:28px}.fruit-story-copy h2 br:first-child{display:none}.fruit-story-copy h2 br:first-child:after{content:' '}.fruit-story-copy p:first-of-type{font-size:23px}.fruit-story-copy p{font-size:17px;line-height:1.6;max-width:100%}.fruit-story-copy p:last-child{font-size:21px;margin-top:25px}.fruit-story-art{height:410px;width:100%;max-width:420px;margin:auto}.fruit-halo{inset:60px -35px 30px 5px}.story-pineapple{width:300px;max-width:80%;left:7%;bottom:0}.story-banana-fruit{width:105px;right:0;top:20px}.story-kiwi-fruit{width:86px;bottom:5px;left:-10px}
.shared-goodness{padding-top:80px}.goodness-wave{height:95px}.goodness-inner{padding:30px 24px 90px}.goodness-heading h2 br{display:none}.goodness-heading p{font-size:19px;margin-top:22px}.goodness-lineup{margin:35px -17px 45px;gap:0}.goodness-lineup img{height:190px}.goodness-lineup .goodness-smoothie img{height:225px}.goodness-lineup .goodness-parfait img{height:160px}.goodness-lineup figcaption{font-size:13px;line-height:1.4;padding:12px 5px 0;text-wrap:balance}.goodness-story{grid-template-columns:1fr;gap:28px}.goodness-story h3{font-size:var(--story-heading);max-width:460px}.goodness-story p{font-size:17px;line-height:1.65}.story-cta{font-size:18px;padding:14px 28px}.our-story-page footer{height:auto;min-height:535px;padding-bottom:35px}}
@media(max-width:370px){.story-hero{height:615px}.story-drinks{height:270px}.fruit-story{padding-inline:20px}.fruit-story-art{height:355px}.goodness-lineup img{height:165px}.goodness-lineup .goodness-smoothie img{height:190px}.goodness-lineup .goodness-parfait img{height:140px}}
/* Give the hero its own breathing room and keep the blue section as one composition. */
.story-hero-aside{position:absolute;z-index:2;right:6%;bottom:245px;width:235px;font-size:20px;line-height:1.5}
.fruit-story-copy p:last-child{color:var(--brown);font-size:18px;line-height:1.6}
.goodness-clouds{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:0}
.goodness-clouds img{position:absolute;width:550px;height:auto;max-width:none}
.goodness-cloud-left{left:-260px;top:45px}.goodness-cloud-right{right:-280px;top:210px}
.goodness-heading,.goodness-lineup,.goodness-story{position:relative;z-index:1}
.goodness-heading h2 span{color:inherit}
.goodness-lineup{max-width:1040px;margin:45px auto 50px;gap:0}
.goodness-lineup img{height:430px;mask-image:linear-gradient(#000 84%,transparent 100%)}
.goodness-lineup .goodness-smoothie img{height:475px}
.goodness-lineup .goodness-parfait img{height:345px}
.goodness-story{display:block;text-align:center;max-width:690px}
.goodness-story p{font-size:20px;line-height:1.6;margin-bottom:22px}
.goodness-inner{padding-bottom:110px}
@media(min-width:1025px){.story-hero{height:900px}.story-hero-copy{padding-top:205px}.story-drinks{left:50%;bottom:-15px}.hero-note{bottom:180px}}
@media(min-width:1025px) and (max-width:1199px){.story-hero{height:880px}.story-drinks{scale:.85;transform-origin:center bottom}.story-hero-aside{right:4%;width:190px;font-size:18px;bottom:240px}}
@media(max-width:1024px){.story-hero-aside{position:relative;right:auto;bottom:auto;width:330px;max-width:calc(100% - 40px);margin:22px auto 0;text-align:center;font-size:20px}.goodness-clouds img{width:400px}.goodness-cloud-left{left:-260px;top:20px}.goodness-cloud-right{right:-265px;top:190px}.goodness-lineup img{height:330px}.goodness-lineup .goodness-smoothie img{height:390px}.goodness-lineup .goodness-parfait img{height:280px}}
@media(max-width:760px){.story-hero-aside{font-size:17px;width:270px}.fruit-story-copy p:last-child{font-size:17px}.goodness-clouds img{width:290px}.goodness-cloud-left{left:-235px;top:30px}.goodness-cloud-right{right:-240px;top:125px}.goodness-lineup{margin:28px -14px 30px}.goodness-lineup img{height:210px}.goodness-lineup .goodness-smoothie img{height:245px}.goodness-lineup .goodness-parfait img{height:170px}.goodness-story p{font-size:17px;line-height:1.65}.goodness-inner{padding-bottom:80px}}
@media(max-width:370px){.goodness-lineup img{height:185px}.goodness-lineup .goodness-smoothie img{height:215px}.goodness-lineup .goodness-parfait img{height:150px}}
@media(max-width:760px){.goodness-lineup{margin-top:45px}.goodness-lineup img,.goodness-lineup .goodness-smoothie img,.goodness-lineup .goodness-parfait img{height:auto}.goodness-clouds img{width:320px}.goodness-cloud-left{left:-225px;top:165px}.goodness-cloud-right{right:-230px;top:230px}}
@media(min-width:1200px){.story-hero-aside{right:3%;width:210px}}
@media(min-width:1025px) and (max-width:1199px){.story-hero-aside{right:3%;width:170px;bottom:345px}}
/* Stack the compact hero in document flow so growing type cannot collide with art. */
@media(max-width:1024px){
.story-hero{height:auto;min-height:0;display:flex;flex-direction:column;align-items:center}
.story-hero-copy{flex:none;width:100%;padding:146px 16px 0}
.story-hero-copy h1{font-size:clamp(28px,8.4vw,80px)}
.story-hero-aside{flex:none;margin:22px auto 0}
.story-drinks{position:relative;flex:none;left:auto;bottom:auto;translate:none;scale:none;width:min(100%,660px);height:auto;aspect-ratio:1.5;margin:0 auto -12px;mask-image:linear-gradient(#000 75%,transparent 100%)}
.story-drinks img{width:48%;height:auto;bottom:15px}
.story-drinks .drink-centre{width:56%;bottom:0}
.story-drinks .drink-left{left:19%;rotate:-15deg}
.story-drinks .drink-right{right:19%;rotate:15deg}
}
@media(min-width:1200px) and (max-width:1399px){.story-drinks{scale:.85;transform-origin:center bottom}.story-hero-aside{width:170px}}