/* Food objects, rounded phone body and bilingual navigation. */
.language-switch{display:inline-flex;align-items:center;padding:3px;border:1px solid #cadbb9;border-radius:30px;background:#fffff099;gap:2px;flex-shrink:0}
.language-switch button{min-width:35px;height:31px;font-size:10px;font-weight:600;border-radius:20px;padding:0 8px;transition:background .2s,color .2s}.language-switch button[aria-pressed=true]{background:var(--green);color:var(--cream)}header nav{gap:24px}
.hero{perspective:1200px;background:radial-gradient(ellipse at 70% 85%,#e9f1d0aa,transparent 48%),var(--cream)}
.hero-produce{position:absolute;inset:0;z-index:-1;pointer-events:none;transform-style:preserve-3d}.tomato-object{position:absolute;transform-style:preserve-3d}.tomato-object>img{width:100%;height:auto;display:block;filter:drop-shadow(10px 24px 15px #1d4e2224);backface-visibility:visible}.hero-tomato{width:230px;right:-35px;top:23%;transform:translate3d(calc(var(--hero,0)*-100px),calc(var(--hero,0)*-160px),30px) rotateX(calc(var(--hero,0)*-25deg)) rotateY(calc(-20deg + var(--hero,0)*80deg)) rotateZ(calc(-10deg + var(--hero,0)*55deg))}.hero-tomato.tomato-b{width:115px;top:55%;right:45px;transform:translate3d(calc(var(--hero,0)*-50px),calc(var(--hero,0)*-80px),70px) rotateY(calc(25deg - var(--hero,0)*100deg)) rotateZ(calc(25deg + var(--hero,0)*-80deg))}.hero-loaf{position:absolute;width:260px;height:300px;left:-85px;bottom:12%;perspective:900px;transform:rotate(-19deg) translateY(calc(var(--hero,0)*80px))}
.loaf-model{position:relative;width:100%;height:100%;transform-style:preserve-3d;transform:rotateX(-9deg) rotateY(-24deg)}.loaf-slice{position:absolute;inset:0;display:block;transform-style:preserve-3d;transform:translate3d(calc((var(--slice) - 2.5)*(14px + var(--hero,0)*18px)),calc((var(--slice) - 2.5)*-8px),calc((2.5 - var(--slice))*23px)) rotateY(calc(var(--hero,0)*(var(--slice) - 2.5)*8deg));backface-visibility:visible}.loaf-slice>img{display:block;width:100%;height:auto;filter:drop-shadow(3px 8px 6px #624a2129)}.food-contact-shadow{position:absolute;left:20%;right:10%;bottom:8%;height:8%;background:#21422718;border-radius:50%;filter:blur(12px);transform:translateZ(-10px)}
.fresh-story{height:215svh;position:relative;background:#f1eddc;isolation:isolate}.fresh-sticky{--food-progress:0;position:sticky;top:0;height:100svh;min-height:730px;display:grid;grid-template-columns:1fr 1.1fr;align-items:center;gap:20px;padding:70px max(6vw,24px);overflow:hidden;perspective:1400px;background:linear-gradient(120deg,#f6f0dc,#e5edcd);color:var(--green);isolation:isolate}.fresh-copy{position:relative;z-index:5;max-width:600px}.fresh-copy h2{font-size:clamp(44px,5vw,72px);transform:translateY(calc(var(--food-progress,0)*-16px));max-width:650px}.fresh-copy h2 em{color:#548849}.fresh-copy p{font-size:14px;line-height:1.9;color:#6c8064;margin-top:28px;max-width:390px}.fresh-copy .eyebrow{font-size:8px}.fresh-glow{position:absolute;inset:-15%;background:radial-gradient(ellipse at 70% 50%,#e2d3a647,transparent 50%);z-index:-1;transform:rotate(calc(var(--food-progress,0)*45deg))}.fresh-visual{position:relative;height:600px;perspective:1100px;transform-style:preserve-3d}.fresh-loaf{position:absolute;width:350px;height:360px;left:19%;top:27%;transform-style:preserve-3d;transform:translate3d(calc(var(--food-progress,0)*-5px),calc(var(--food-progress,0)*-25px),0) rotateZ(calc(-8deg + var(--food-progress,0)*13deg))}.fresh-loaf .loaf-model{transform:rotateX(calc(-8deg + var(--food-progress,0)*18deg)) rotateY(calc(-25deg + var(--food-progress,0)*45deg))}.fresh-loaf .loaf-slice{transform:translate3d(calc((var(--slice) - 2.5)*(10px + var(--food-progress,0)*35px)),calc((var(--slice) - 2.5)*var(--food-progress,0)*-15px),calc((2.5 - var(--slice))*(20px + var(--food-progress,0)*12px))) rotateY(calc((var(--slice) - 2.5)*var(--food-progress,0)*9deg))}.fresh-tomato{width:160px;left:2%;top:12%;transform:translate3d(calc(var(--food-progress,0)*-42px),calc(var(--food-progress,0)*-15px),70px) rotateY(calc(-30deg + var(--food-progress,0)*100deg)) rotateZ(calc(-12deg + var(--food-progress,0)*35deg))}.fresh-tomato.tomato-d{width:120px;left:auto;right:-10px;top:auto;bottom:9%;transform:translate3d(calc(var(--food-progress,0)*35px),calc(var(--food-progress,0)*-40px),50px) rotateX(calc(var(--food-progress,0)*30deg)) rotateY(calc(25deg - var(--food-progress,0)*95deg)) rotateZ(calc(15deg + var(--food-progress,0)*40deg))}.fresh-ring{position:absolute;width:510px;height:510px;border:1px solid #9eb38240;border-radius:50%;left:0;top:7%;transform:rotateX(50deg) rotateY(calc(var(--food-progress,0)*20deg)) rotateZ(calc(var(--food-progress,0)*100deg))}.fresh-label{position:absolute;bottom:3%;left:32%;font-size:11px;font-style:italic;white-space:nowrap;color:#7b825d;transform:translateX(calc(var(--food-progress,0)*25px)) rotate(-5deg)}.fresh-bottom{position:absolute;bottom:25px;left:max(6vw,24px);right:max(6vw,24px);display:flex;align-items:center;justify-content:space-between;font-size:8px;letter-spacing:1.5px;color:#76855f}.fresh-bottom>b{font-size:24px;font-weight:400}
.retail{perspective:1400px;overflow:clip}.retail-portal.retail-image{overflow:visible;border-radius:0;background:none;clip-path:none!important;transform-style:preserve-3d;transform:translateY(calc((1 - var(--enter,1))*50px))}.retail-photo-shell{position:absolute;inset:0;transform-style:preserve-3d;transform:rotateY(calc(-19deg + var(--drift,.5)*30deg)) rotateX(calc(8deg - var(--drift,.5)*12deg)) rotateZ(calc(-3deg + var(--drift,.5)*4deg));transform-origin:center center}.retail-photo-face{position:absolute;inset:0;border-radius:95px 95px 16px 16px;overflow:hidden;transform:translateZ(15px);backface-visibility:hidden;box-shadow:0 25px 50px #00564b1f}.retail-photo-face>img{display:block;width:100%;height:100%;object-fit:cover;object-position:45%;transform:scale(calc(1.1 - var(--enter,1)*.03)) translateY(calc((var(--drift,.5) - .5)*-16px))}.retail-photo-depth{position:absolute;inset:0;background:#aac49a;border:1px solid #809e74;border-radius:95px 95px 16px 16px;transform:translateZ(-10px);box-shadow:8px 9px 0 #c4d6ad,16px 18px 0 #e4ebd5}.retail-caption{position:absolute;bottom:20px;left:25px;right:25px;transform:translateZ(35px);font-size:7px;letter-spacing:1px;text-align:center;background:#00564bd9;color:var(--cream);padding:12px;z-index:4}.retail-floating-note{position:absolute;z-index:5;min-width:135px;transform-style:preserve-3d;border:1px solid #d8e1c6;background:var(--cream);border-radius:12px;padding:15px 20px;box-shadow:0 16px 35px #00564b15}.retail-floating-note>span{font-size:8px;color:#7d9a62}.retail-floating-note>strong{display:block;font-size:14px;font-weight:500;margin-top:4px}.retail-floating-note>small{display:block;font-size:9px;color:#839172;margin-top:5px}.note-plan{top:12%;left:-35px;transform:translate3d(calc((1 - var(--enter,1))*-25px),calc((var(--drift,.5) - .5)*-55px),65px) rotateY(-9deg) rotateZ(-6deg)}.note-store{bottom:16%;right:-28px;transform:translate3d(calc((1 - var(--enter,1))*25px),calc((var(--drift,.5) - .5)*70px),80px) rotateY(12deg) rotateZ(5deg)}
.device3d{--case-radius:43px}.device3d-front,.device3d-back{border-radius:var(--case-radius)}.device-body-layers{position:absolute;inset:0;transform-style:preserve-3d;pointer-events:none}.device-body-layers>i{position:absolute;inset:0;border-radius:var(--case-radius);background:linear-gradient(110deg,#667c69,#304b3a 12%,#3c5945 80%,#728873);transform:translateZ(var(--shell-z));backface-visibility:visible;box-shadow:inset 0 0 0 .6px #8a9b8226}.device3d-back{background:linear-gradient(128deg,#244d3c,#1a3b2f 65%,#2e5140);border:0;box-shadow:inset 0 0 0 1px #6d896c,inset 0 0 0 3px #244230}.device3d-back:after{opacity:.08;background:radial-gradient(ellipse at 20% 20%,#d3f8c6,transparent 70%)}.back-brand{font-family:Arial,Helvetica,sans-serif;font-size:19px;font-weight:500;letter-spacing:.1px;color:#b7cfaf;top:49%}.back-brand>small{font:5px Arial,sans-serif;letter-spacing:1.5px;margin-top:12px;color:#769d7c}.camera-bump{left:16px;top:18px;grid-template-columns:22px 22px;gap:7px;padding:9px;border-radius:18px;background:#1c3c2c;box-shadow:0 1px 2px #07120b66,inset 0 0 0 1px #5f7a60}.camera-bump>i{width:22px;height:22px}.camera-bump>b{width:9px;height:9px}
.benefits{background:radial-gradient(ellipse at 70% 50%,#edf4dc60,transparent 70%)}.benefit-grid{gap:30px;perspective:1000px}.benefit-grid article{padding:25px 22px 20px;border:1px solid #d9e3c9;border-radius:18px;background:linear-gradient(135deg,#ffffef,#f2f6e6);box-shadow:9px 13px 0 #e7efda;transform:translate3d(0,calc((1 - var(--enter,1))*(60px + var(--order,0)*25px)),0) rotateX(calc((var(--drift,.5) - .5)*-12deg)) rotateY(calc((var(--order,0) - 1)*(1 - var(--enter,1))*12deg + var(--mx,0)*8deg))}.benefit-grid h3{transform:translateZ(16px)}.benefit-grid .benefit-icon{transform:translateZ(45px) rotateY(calc((var(--drift,.5) - .5)*35deg))}.faq{perspective:1200px}.faq details{transform-origin:center left;transform:rotateY(calc((1 - var(--enter,1))*12deg)) translateX(calc((1 - var(--enter,1))*35px))}.faq details:nth-of-type(even){transform:rotateY(calc((1 - var(--enter,1))*-12deg)) translateX(calc((1 - var(--enter,1))*-35px))}.closing{perspective:1000px}.closing .closing-star{transform:rotateX(calc((var(--drift,.5) - .5)*40deg)) rotateY(calc(var(--drift,.5)*90deg)) rotateZ(calc(var(--drift,.5)*220deg))}
html[lang=en] .cinema-story .step-text h2{font-size:clamp(41px,4.4vw,63px)}
@media(min-width:1600px){.hero-tomato{right:3%}.hero-loaf{left:-30px}}
@media(max-width:1000px){header nav{gap:15px}.hero-tomato{width:165px;right:-55px}.hero-tomato.tomato-b{width:90px;right:-10px}.hero-loaf{width:210px;left:-100px}.fresh-sticky{gap:0;padding-left:35px;padding-right:35px}.fresh-copy h2{font-size:48px}.fresh-visual{height:530px}.fresh-loaf{width:285px;height:310px;left:10%}.fresh-tomato{width:125px}.fresh-tomato.tomato-d{width:100px;right:-30px}.fresh-ring{width:390px;height:390px}.benefit-grid{gap:20px}.benefit-grid article{padding-left:18px;padding-right:18px}.retail-floating-note{padding:12px;min-width:115px}.retail-floating-note>strong{font-size:12px}.note-plan{left:-15px}.note-store{right:-15px}}
@media(max-width:600px){header{padding-left:18px;padding-right:18px}.logo{width:111px}header nav{gap:8px}header nav .pill{padding:10px 12px;font-size:8px;gap:11px}.language-switch{padding:2px}.language-switch button{min-width:28px;height:29px;padding:0 5px;font-size:9px}.hero-tomato{width:116px;right:-40px;top:90px;transform:translate3d(calc(var(--hero,0)*-40px),calc(var(--hero,0)*-70px),20px) rotateY(calc(-10deg + var(--hero,0)*65deg)) rotateZ(calc(-10deg + var(--hero,0)*40deg))}.hero-tomato.tomato-b{width:63px;top:auto;bottom:70px;right:-17px;transform:translate3d(calc(var(--hero,0)*-20px),calc(var(--hero,0)*-40px),20px) rotateY(calc(var(--hero,0)*90deg))}.hero-loaf{width:140px;height:155px;left:-78px;bottom:100px}.hero-loaf .loaf-slice{transform:translate3d(calc((var(--slice) - 2.5)*(7px + var(--hero,0)*9px)),calc((var(--slice) - 2.5)*-5px),calc((2.5 - var(--slice))*12px)) rotateY(calc(var(--hero,0)*(var(--slice) - 2.5)*7deg))}.fresh-story{height:200svh}.fresh-sticky{display:flex;flex-direction:column;align-items:stretch;padding:48px 24px 40px;min-height:690px}.fresh-copy{flex-shrink:0}.fresh-copy .eyebrow{font-size:7px;margin-bottom:23px}.fresh-copy h2{font-size:39px}.fresh-copy p{font-size:11px;margin-top:23px;line-height:1.8;max-width:315px}.fresh-visual{flex:1;min-height:300px;height:auto;margin-top:15px}.fresh-loaf{width:220px;height:225px;left:18%;top:25%;transform:translate3d(0,calc(var(--food-progress,0)*-10px),0) rotateZ(calc(-8deg + var(--food-progress,0)*12deg))}.fresh-loaf .loaf-slice{transform:translate3d(calc((var(--slice) - 2.5)*(7px + var(--food-progress,0)*18px)),calc((var(--slice) - 2.5)*var(--food-progress,0)*-10px),calc((2.5 - var(--slice))*(14px + var(--food-progress,0)*8px))) rotateY(calc((var(--slice) - 2.5)*var(--food-progress,0)*8deg))}.fresh-tomato{width:95px;left:5%;top:0}.fresh-tomato.tomato-d{width:80px;right:-5px;bottom:8%}.fresh-ring{width:300px;height:300px;top:12%;left:5%}.fresh-label{font-size:8px;bottom:0;left:25%}.fresh-bottom{bottom:18px;left:24px;right:24px;font-size:6px}.fresh-bottom>b{font-size:19px}.retail{padding-left:32px;padding-right:32px}.retail-photo-face,.retail-photo-depth{border-radius:75px 75px 13px 13px}.retail-photo-depth{box-shadow:5px 6px 0 #c4d6ad,10px 12px 0 #e4ebd5}.retail-floating-note{min-width:105px;padding:10px 12px;border-radius:10px}.retail-floating-note>span{font-size:6px}.retail-floating-note>strong{font-size:11px}.retail-floating-note>small{font-size:7px;max-width:110px}.note-plan{left:-18px;top:9%}.note-store{right:-18px;bottom:18%}.retail-caption{font-size:5px;bottom:15px;left:15px;right:15px;padding:9px}.device3d{--case-radius:31px}.showcase-device{--case-radius:36px}.back-brand{font-size:14px;letter-spacing:0}.back-brand>small{font-size:3px;letter-spacing:.6px}.camera-bump{left:12px;top:15px;grid-template-columns:15px 15px;gap:5px;padding:6px;border-radius:12px}.camera-bump>i{width:15px;height:15px}.camera-bump>b{width:7px;height:7px}.benefit-grid{gap:22px}.benefit-grid article{padding:23px 16px 20px 77px}.benefit-grid article .benefit-icon{left:18px;top:24px}.benefit-grid h3{font-size:23px}.benefit-grid p{font-size:11px}.benefit-note{font-size:6px}html[lang=en] .cinema-story .step-text h2{font-size:33px}html[lang=en] .fresh-copy h2{font-size:36px}html[lang=en] .hero h1{font-size:47px}}
@media(max-width:600px) and (max-height:760px){.fresh-sticky{padding-top:35px;min-height:640px}.fresh-copy h2{font-size:34px}.fresh-copy p{font-size:10px;margin-top:17px}.fresh-visual{min-height:290px}.fresh-loaf{width:200px;height:210px;top:24%}.fresh-tomato{width:80px}.fresh-tomato.tomato-d{width:70px}.fresh-ring{width:270px;height:270px}html[lang=en] .cinema-story .step-text h2{font-size:29px}}
/* Open the loaf into individually readable slices as the scene advances. */
.fresh-loaf .loaf-slice{transform:translate3d(calc((var(--slice) - 2.5)*(10px + var(--food-progress,0)*65px)),calc((var(--slice) - 2.5)*var(--food-progress,0)*-18px),calc((2.5 - var(--slice))*(20px - var(--food-progress,0)*12px))) rotateY(calc((var(--slice) - 2.5)*var(--food-progress,0)*7deg)) rotateZ(calc((var(--slice) - 2.5)*var(--food-progress,0)*3deg)) scale(calc(1 - var(--food-progress,0)*.23))}
.fresh-copy p{color:#5b7153}
@media(max-width:600px){.fresh-loaf .loaf-slice{transform:translate3d(calc((var(--slice) - 2.5)*(7px + var(--food-progress,0)*34px)),calc((var(--slice) - 2.5)*var(--food-progress,0)*-12px),calc((2.5 - var(--slice))*(14px - var(--food-progress,0)*8px))) rotateY(calc((var(--slice) - 2.5)*var(--food-progress,0)*7deg)) rotateZ(calc((var(--slice) - 2.5)*var(--food-progress,0)*3deg)) scale(calc(1 - var(--food-progress,0)*.25))}.fresh-tomato{top:8%;width:85px}.fresh-tomato.tomato-d{right:20px;transform:translate3d(calc(var(--food-progress,0)*10px),calc(var(--food-progress,0)*-35px),50px) rotateX(calc(var(--food-progress,0)*30deg)) rotateY(calc(25deg - var(--food-progress,0)*95deg)) rotateZ(calc(15deg + var(--food-progress,0)*40deg))}}
@media(prefers-reduced-motion:reduce){.hero-tomato,.hero-tomato.tomato-b,.hero-loaf,.hero-loaf .loaf-slice,.fresh-copy h2,.fresh-loaf,.fresh-loaf .loaf-model,.fresh-tomato,.fresh-tomato.tomato-d,.fresh-ring,.fresh-label,.retail-portal.retail-image,.retail-photo-shell,.retail-photo-face>img,.retail-floating-note,.benefit-grid article,.benefit-grid article .benefit-icon,.faq details,.faq details:nth-of-type(even){transform:none!important}.fresh-story{height:auto}.fresh-sticky{position:relative;height:auto;min-height:740px}.fresh-visual{height:500px;min-height:400px}.fresh-loaf .loaf-slice{transform:translate3d(calc((var(--slice) - 2.5)*12px),calc((var(--slice) - 2.5)*-6px),calc((2.5 - var(--slice))*20px))!important}.hero-loaf .loaf-slice{transform:translate3d(calc((var(--slice) - 2.5)*8px),0,calc((2.5 - var(--slice))*15px))!important}.device-body-layers{display:none}}