@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Fraunces:opsz,wght,SOFT,WONK@9..144,600,50,1;9..144,700,50,1&display=swap');
:root{--cream:#fffdeb;--ink:#203b24;--pink:#f0adca;--yellow:#ffd540;--orange:#ff9e18}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--cream);color:var(--ink);font-family:'DM Sans',sans-serif;font-size:17px}a{color:inherit}button,input,textarea{font:inherit}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid #cc3167;outline-offset:6px}.skip{position:absolute;top:-80px;padding:16px;z-index:10;background:white}.skip:focus{top:0}.announcement{text-align:center;background:var(--ink);color:var(--cream);padding:10px 12px;font-size:11px;font-weight:700;letter-spacing:2px}header{display:flex;align-items:center;justify-content:space-between;padding:6px 5.5%;border-bottom:1px solid #203b2420}.brand{width:110px;height:76px;display:flex;align-items:center}header img{width:110px;height:76px;object-fit:contain;mix-blend-mode:multiply}nav{display:flex;gap:36px;align-items:center}nav a{text-decoration:none;font-size:14px;font-weight:700}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:36px;background:var(--ink);color:var(--cream);padding:20px 28px;border:2px solid var(--ink);border-radius:100px;text-decoration:none;font-size:15px;font-weight:700;cursor:pointer;transition:transform .2s,background .2s}.button:hover{transform:translateY(-3px);background:#365b35}.button.small{padding:13px 23px}.hero{display:grid;grid-template-columns:1.1fr 1fr;min-height:680px;padding:45px 5.5% 55px;align-items:center;overflow:hidden}.eyebrow{font-size:11px;letter-spacing:1.8px;font-weight:700;line-height:1.7;margin:0 0 24px}h1,h2{font-family:'Fraunces',Georgia,serif;font-weight:700;letter-spacing:-.055em;line-height:.98;margin:0}h1{font-size:clamp(58px,7.6vw,112px)}h1 em,h2 em{font-style:normal;color:#be3970}h2{font-size:clamp(42px,5.2vw,76px)}.intro{font-size:18px;line-height:1.65;max-width:440px;margin:26px 0 14px}.hero-proof{font-size:14px;font-weight:700;margin:0 0 28px}.hero-art{position:relative;height:570px}.main-can{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;transform:rotate(9deg);filter:drop-shadow(16px 20px 7px #203b2410)}.stamp{position:absolute;right:0;top:16px;width:130px;height:130px;border:2px solid var(--ink);border-radius:50%;text-align:center;display:flex;flex-direction:column;justify-content:center;line-height:1;font-size:11px;letter-spacing:1px;transform:rotate(13deg);background:var(--yellow);z-index:1}.stamp strong{font-family:'Fraunces',serif;font-size:46px;letter-spacing:-3px}.handnote{position:absolute;left:0;bottom:24px;font-family:'Fraunces',serif;font-style:italic;font-size:25px;transform:rotate(-8deg)}.ribbon{display:flex;align-items:center;justify-content:space-around;gap:25px;background:var(--yellow);padding:24px 3%;font-size:12px;font-weight:700;letter-spacing:1px;border-block:1px solid var(--ink)}.ribbon b{font-size:27px}.section{padding:90px 6%}.section-head{text-align:center}.section-head p:not(.eyebrow){line-height:1.6;margin-top:25px}.flavor-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:55px}.flavor-card{background:var(--tone);padding:28px;text-align:center;border-radius:130px 130px 12px 12px;overflow:hidden}.flavor-card h3{font-family:'Fraunces',serif;font-size:32px;letter-spacing:-1px;margin:18px 0 8px}.flavor-card p{font-size:14px;line-height:1.5;margin:0}.flavor-card img{width:100%;height:265px;object-fit:contain;mix-blend-mode:multiply;transition:transform .3s}.flavor-card:hover img{transform:rotate(-5deg) translateY(-5px)}.format{text-align:center;margin:30px 0 0;font-size:13px}.story{background:var(--pink);display:grid;grid-template-columns:1.1fr 1fr;gap:9%;align-items:center}.story h2 em{color:var(--ink)}.story-copy p{font-size:18px;line-height:1.7}.text-link{display:inline-block;font-weight:700;text-underline-offset:7px;margin-top:12px}.fruit{text-align:center;background:var(--ink);color:var(--cream)}.fruit h2{font-size:clamp(70px,9vw,130px)}.fruit h2 em{color:var(--yellow)}.fruit p:not(.eyebrow){font-size:22px;line-height:1.6}.fruit .fruit-detail{font-size:17px!important;max-width:480px;margin:24px auto 45px}.fruit-bottom{font-size:11px;font-weight:700;letter-spacing:2px;border-top:1px solid #fffdeb50;padding-top:28px}.credibility{text-align:center}.credibility>p:not(.eyebrow){max-width:550px;margin:25px auto;line-height:1.6}.retail-caption{font-size:10px!important;letter-spacing:2px;margin-top:45px!important}.retailers{display:flex;gap:45px;justify-content:center;align-items:center;font-size:30px;font-weight:700;flex-wrap:wrap}.carry{background:var(--yellow);display:grid;grid-template-columns:1fr 1fr;gap:9%}.carry h2 em{color:var(--ink)}.carry p{line-height:1.6;max-width:420px}.contact{margin-top:35px;font-size:14px}.contact a{display:block;margin:10px 0;text-underline-offset:4px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}label{display:block;font-size:13px;font-weight:700;margin-bottom:20px}input,textarea{display:block;width:100%;margin-top:9px;background:transparent;border:0;border-bottom:1px solid #203b2480;border-radius:0;padding:10px 0;color:var(--ink)}textarea{resize:vertical}input:focus,textarea:focus{outline:2px solid var(--ink);outline-offset:4px}.form-note{font-size:13px}.privacy-link{font-size:12px;text-underline-offset:4px}#form-status{font-size:14px}footer{padding:45px 6%;display:flex;align-items:center;justify-content:space-between;gap:30px}footer img{object-fit:contain;mix-blend-mode:multiply}footer>p{font-family:'Fraunces',serif;font-size:24px}footer>div{display:flex;flex-direction:column;gap:12px;font-size:12px}.privacy{max-width:760px;margin:auto;padding:70px 25px;line-height:1.8}.privacy h1{font-size:60px}.privacy h2{font-size:30px;margin-top:35px}
@media(max-width:800px){header{padding-inline:5%}nav{gap:16px}nav>a:not(.button){display:none}.hero{grid-template-columns:1fr;padding:38px 6% 20px}.hero-art{height:430px;margin-top:15px}.hero-copy{text-align:center}.intro{margin:24px auto 16px}.hero h1{font-size:70px}.stamp{right:10%;top:25px;width:105px;height:105px}.handnote{left:8%;bottom:10px}.ribbon{flex-wrap:wrap;gap:15px 20px;font-size:10px}.ribbon b{display:none}.section{padding:64px 6%}.flavor-grid{grid-template-columns:repeat(2,1fr);gap:12px;margin-top:35px}.flavor-card{padding:20px 10px;border-radius:90px 90px 10px 10px}.flavor-card img{height:200px}.flavor-card h3{font-size:25px}.flavor-card p{font-size:13px}.story,.carry{grid-template-columns:1fr;gap:25px}.retailers{font-size:24px;gap:24px}footer{flex-wrap:wrap}footer>p{display:none}.fruit h2{font-size:78px}}@media(max-width:380px){.hero h1{font-size:59px}.flavor-card img{height:165px}.form-row{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}
.main-can{transform:none;mask-image:radial-gradient(ellipse 46% 49% at 50% 50%,#000 70%,transparent 100%)}
@media(max-width:800px){.hero h1{font-size:clamp(49px,9vw,70px)}.hero-art{height:390px}.stamp{right:3%;top:20px}.handnote{font-size:21px}}
.main-can{mask-image:linear-gradient(to right,transparent 5%,#000 35%,#000 65%,transparent 95%)}
.can-window{position:relative;overflow:hidden;height:290px;width:116px;margin:auto;mix-blend-mode:multiply}.flavor-card .can-window img{position:absolute;top:0;width:600%;max-width:none;height:100%;object-fit:fill;mix-blend-mode:normal}.flavor-card:hover .can-window img{transform:none}.can-window{transition:transform .25s}.flavor-card:hover .can-window{transform:translateY(-5px)}
@media(max-width:800px){.can-window{height:230px;width:92px}}
/* Direction approved by Alexy: vivid color, short copy, lifestyle photography. */
:root{--cream:#fffdeb;--pink:#ef0055;--yellow:#ffe132;--ink:#163d24}
.announcement{background:#ffe132;color:#163d24;font-size:12px}header{background:var(--cream)}
.hero{background:#ed0058;color:var(--cream);padding:0;grid-template-columns:1fr 1fr;min-height:620px;overflow:hidden}
.hero-copy{padding:60px 5vw}.hero h1{font-size:clamp(52px,6.8vw,104px);letter-spacing:-.055em;line-height:.98}.hero .eyebrow{font-size:12px;letter-spacing:2px;margin-bottom:22px}.hero .intro{font-size:21px;font-weight:500;line-height:1.5;margin:26px 0}.hero .button{background:var(--yellow);border-color:var(--yellow);color:var(--ink)}
.hero-art{height:100%;min-height:620px;margin:0;position:relative}.picnic-photo{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:51% 45%;filter:none;mix-blend-mode:normal}.photo-tag{position:absolute;bottom:35px;right:25px;background:var(--yellow);color:var(--ink);font-weight:700;font-size:13px;letter-spacing:1px;padding:15px 20px;transform:rotate(-5deg)}
.benefits{display:grid;grid-template-columns:repeat(3,1fr);padding:32px 6%;gap:20px;background:var(--yellow)}.benefits>div{display:flex;justify-content:center;align-items:center;gap:14px;font-size:17px}.benefit-icon{font-size:38px;line-height:1}.benefit-icon.number{font-family:'Fraunces',serif;font-size:32px;border:2px solid;padding:10px 5px;border-radius:50%}
.flavors{padding-inline:4%;background:#fffdef}.flavors h2{font-size:clamp(52px,6vw,86px)}.flavors h2 em{color:#ed0058}.can-lineup{display:block;width:100%;height:auto;margin:36px auto 0;mix-blend-mode:normal;filter:none}.flavor-grid{grid-template-columns:repeat(6,1fr);gap:12px;margin-top:0}.flavor-card{padding:17px 10px;background:transparent;border-radius:0;border-top:7px solid var(--tone);overflow:visible}.flavor-card h3{font-size:23px;line-height:1.1;margin:0 0 10px}.flavor-card p{font-size:14px;line-height:1.5}.format{margin-top:28px}
.story{padding:0;grid-template-columns:1fr 1fr;gap:0;background:#ffad00}.story-photo{height:510px;overflow:hidden}.story-photo img{width:100%;height:100%;object-fit:cover;object-position:48% 55%}.story>div:last-child{padding:65px 12%}.story h2{font-size:clamp(46px,5vw,74px)}.story p:not(.eyebrow){font-size:19px;line-height:1.6;margin:26px 0}
.fruit{display:grid;grid-template-columns:1fr 1fr;text-align:left;gap:10%;background:#006b3c;color:var(--cream);align-items:center;padding-block:85px}.waste-stat>strong{font-family:'Fraunces',serif;font-size:clamp(70px,9.5vw,138px);line-height:1;letter-spacing:-.06em;color:var(--yellow)}.waste-stat>strong span{font-size:.55em}.waste-stat p{font-size:26px!important;margin:18px 0 30px}.source{font-size:12px;color:var(--cream);text-underline-offset:4px}.impact-icon{width:56px;height:56px;color:var(--yellow);margin-bottom:22px}.fruit .impact h2{font-size:clamp(46px,4.7vw,66px)}.fruit .impact p{font-size:19px;max-width:360px;line-height:1.6;margin:25px 0}.impact-close{display:block;font-size:21px;line-height:1.5;color:var(--yellow)}
.credibility{padding-block:65px}.credibility h2{font-size:clamp(40px,4.5vw,62px)}.retailers{display:grid;grid-template-columns:repeat(4,1fr);gap:40px;align-items:center;max-width:900px;margin:30px auto 0}.retailers img{width:100%;height:70px;object-fit:contain;mix-blend-mode:multiply}.retail-caption{margin-top:30px!important}.carry{background:#ffe132}.carry h2{font-size:clamp(45px,5vw,70px)}
@media(max-width:800px){.hero{grid-template-columns:1fr;min-height:0}.hero-copy{text-align:left;padding:40px 7%}.hero h1{font-size:clamp(49px,10vw,76px)}.hero .intro{font-size:19px;margin:20px 0}.hero-art{min-height:380px;height:380px}.picnic-photo{object-position:center 45%}.benefits{padding:22px 5%;gap:12px}.benefits>div{flex-direction:column;text-align:center;gap:8px;font-size:13px}.benefit-icon{font-size:29px}.benefit-icon.number{font-size:24px;padding:5px}.flavors{padding-block:55px}.flavor-grid{grid-template-columns:repeat(3,1fr);gap:20px 12px}.flavor-card h3{font-size:21px}.flavor-card p{font-size:13px}.can-lineup{margin-top:25px}.story{grid-template-columns:1fr}.story-photo{height:300px}.story>div:last-child{padding:40px 7%}.fruit{grid-template-columns:1fr;gap:45px;padding-block:55px}.waste-stat>strong{font-size:100px}.waste-stat p{font-size:23px!important}.impact{border-top:1px solid #fffdeb60;padding-top:36px}.impact-icon{float:right}.fruit .impact h2{font-size:51px}.retailers{grid-template-columns:repeat(2,1fr);gap:25px 40px}.retailers img{height:55px}}
@media(max-width:380px){.hero h1{font-size:48px}.hero-art{height:320px;min-height:320px}.flavor-card h3{font-size:18px}}
.flavor-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.flavor-card{min-width:0}.flavor-card h3{overflow-wrap:anywhere}
@media(max-width:800px){.flavor-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:480px){.flavor-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.flavor-card h3{font-size:22px}}
/* Refined hierarchy and compact style-B benefit icons. */
.hero .eyebrow{display:inline-block;background:var(--yellow);color:var(--ink);padding:8px 13px;font-size:15px;letter-spacing:.2px;line-height:1.3;font-weight:700;margin-bottom:25px}
.hero .intro{font-size:18px}.benefits{grid-template-columns:repeat(4,minmax(0,1fr));background:#fffdeb;padding:25px 5%;gap:18px;border-bottom:1px solid #163d2420}.benefits>div{font-size:16px;gap:10px}.benefit-art{display:inline-block;flex:0 0 32px;width:32px;height:32px;background-image:url('assets/benefit-icons.png');background-repeat:no-repeat;background-size:500% 100%;background-position:calc(var(--icon)*25%) center}.earth-icon{width:44px;height:44px;margin-bottom:18px;float:none}.flavor-grid{margin-top:35px;gap:0;grid-template-columns:repeat(6,minmax(0,1fr))}.flavor-card{padding:0 10px 15px;border:0;text-align:center;background:transparent}.flavor-card h3{font-size:22px;margin:16px 0 8px;line-height:1.2;overflow-wrap:normal}.flavor-card p{font-size:13px;max-width:170px;margin:auto}.flavor-card:focus-visible{outline:2px solid var(--ink);outline-offset:4px;border-radius:12px}.can-window{width:100%;height:auto;aspect-ratio:1942 / 4854;position:relative;overflow:hidden;margin:0;mix-blend-mode:normal;transition:transform .22s ease}.flavor-card .can-window img{position:absolute;top:0;width:600%;height:100%;max-width:none;object-fit:fill;filter:none;mix-blend-mode:normal}.flavor-card:hover .can-window,.flavor-card:focus-visible .can-window{transform:translateY(-8px) rotate(-2deg)}.flavor-card:hover .can-window img{transform:none}.story h2{font-size:clamp(38px,3.7vw,56px);line-height:1.05}.story p:not(.eyebrow){font-size:17px;line-height:1.6;margin:20px 0}.story-close{font-size:19px;line-height:1.5}.story>div:last-child{padding:50px 10%}.fruit .source{grid-column:1/-1;margin-top:5px;font-size:11px;line-height:1.4;opacity:.85}.waste-stat sup{font-size:11px;margin-left:1px;vertical-align:super}.retailers img[alt="Loblaws"]{height:110px;max-width:220px;justify-self:center;object-fit:cover;clip-path:inset(25% 0)}.retailers img[alt="Metro"]{max-width:170px;justify-self:center}
@media(max-width:1000px){.flavor-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 10px}.can-window{max-width:170px;margin:auto}.benefits{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.benefits>div{flex-direction:row;justify-content:flex-start;font-size:15px}}
@media(max-width:600px){.flavor-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 10px}.flavor-card h3{font-size:22px}.flavor-card p{font-size:13px}.benefits{padding:20px 6%;gap:16px 12px}.benefits>div{font-size:14px;gap:8px}.benefit-art{width:28px;height:28px;flex-basis:28px}.earth-icon{width:40px;height:40px}.hero .eyebrow{font-size:14px}.story>div:last-child{padding:36px 7%}.fruit .source{margin-top:0}.hero .intro{font-size:18px}}
.benefit-art{background-size:500% auto}.earth-icon{background-color:#fffdeb;border-radius:50%;width:48px;height:48px;background-size:500% auto}
/* Final polish requested by Alexy. */
.hero .eyebrow{background:var(--cream);color:#c50045;border-radius:100px;padding:10px 17px}
.benefits{display:flex;flex-wrap:nowrap;align-items:center;justify-content:space-around;background:var(--yellow);color:#b6003d;gap:32px;padding:23px 5%;overflow-x:auto;scrollbar-width:thin;scrollbar-color:#163d2460 transparent;scroll-snap-type:x proximity}
.benefits>div{flex:0 0 auto;flex-direction:row;align-items:center;justify-content:flex-start;white-space:nowrap;gap:10px;scroll-snap-align:start;font-size:16px}
.benefits .benefit-art{filter:grayscale(1) brightness(.55) contrast(100);mix-blend-mode:multiply}
.benefits:focus-visible{outline:2px solid var(--ink);outline-offset:-4px}
.flavors{background:#fff}.flavor-card h3{border-top:4px solid var(--tone);padding-top:15px;margin-top:5px}.can-window{background:#fff}
@media(max-width:600px){.benefits{justify-content:flex-start;gap:25px;padding:18px 6%}.benefits>div{font-size:14px;gap:8px}.benefits .benefit-art{width:26px;height:26px;flex-basis:26px}.hero .eyebrow{font-size:14px}.flavor-card h3{padding-top:13px}}
/* Approved continuous benefits roll. */
.hero .eyebrow{background:none;color:var(--cream);border-radius:0;padding:0}
.benefits{display:block;position:relative;padding:21px 0;overflow:hidden;color:var(--cream);scroll-snap-type:none}
.benefits>.benefits-track{display:flex;width:max-content;gap:0;animation:benefits-roll 25s linear infinite;will-change:transform}
.benefits-group{display:flex;flex:none;width:max(100vw,760px);align-items:center;justify-content:space-around;gap:32px;padding:0 40px}
.benefit-item{display:flex;align-items:center;gap:10px;white-space:nowrap;font-size:16px}
@keyframes benefits-roll{from{transform:translateX(-50%)}to{transform:translateX(0)}}
.benefits-track.is-paused{animation-play-state:paused}
.benefits-toggle{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:26px;height:26px;border:0;border-radius:50%;background:var(--yellow);color:var(--ink);padding:0;cursor:pointer;font-size:14px;display:grid;place-items:center}
@media(max-width:600px){.benefits{padding:18px 0}.benefits-group{width:680px;padding:0 28px;gap:25px}.benefit-item{font-size:14px;gap:8px}}
@media(prefers-reduced-motion:reduce){.benefits>.benefits-track{animation:none;transform:none;width:100%;will-change:auto}.benefits-group{width:100%;flex-wrap:wrap;justify-content:center;padding:0 20px;gap:15px 25px}.benefits-group[aria-hidden="true"],.benefits-toggle{display:none}}
/* Selected option 1: yellow with deep green; icon backdrop keyed out in SVG filter. */
.benefits{color:#163d24;background:#ffe132}
.benefits .benefit-art{background-image:url('assets/benefit-icons-green.svg');filter:none;mix-blend-mode:normal}