/* Homepage-only cinematic opening. Other pages retain their existing design. */
body[data-page=home] .topbar{display:none}body[data-page=home] .site-header{height:88px;background:#f8f7f2f2;border-color:#183c3114}body[data-page=home] .brand img{height:76px;width:136px}body[data-page=home] .nav-links{gap:36px}body[data-page=home] .nav-tools .btn{border-radius:40px;padding:12px 24px}.journey{height:510svh;position:relative;background:#eeeee6;--j-ink:#173c31}.journey-pin{position:sticky;top:88px;height:calc(100svh - 88px);min-height:540px;overflow:hidden;isolation:isolate;background:#f1f0e9;color:var(--j-ink)}.journey-grid{position:absolute;inset:0;background-image:linear-gradient(#183c3105 1px,transparent 1px),linear-gradient(90deg,#183c3105 1px,transparent 1px);background-size:80px 80px;mask-image:linear-gradient(black,transparent 85%);pointer-events:none}.journey-wash{position:absolute;inset:0;background:radial-gradient(ellipse at 75% 48%,#e1e9d5 0,transparent 50%)}.journey-copy{position:absolute;top:8%;left:6%;max-width:700px;width:57%;z-index:5;pointer-events:none;will-change:transform,opacity}.journey-copy .eyebrow{font-size:9px;letter-spacing:2px;margin-bottom:24px}.journey-copy h1{font-family:'Manrope',sans-serif;font-size:clamp(46px,6.5vw,96px);line-height:1.04;letter-spacing:-5px;font-weight:500;margin-bottom:23px}.journey-copy h1 em{font-style:normal;font-family:var(--serif);font-style:italic;color:#a08343}.journey-copy p{font-size:13px;line-height:1.75;max-width:315px;color:#6b786d}.journey-intro-cta{pointer-events:auto;display:inline-flex;gap:32px;border-bottom:1px solid #a28d58;font-size:11px;font-weight:600;padding:9px 0}.journey-corner{position:absolute;right:6%;top:9%;font-size:9px;letter-spacing:1.7px;text-align:right;line-height:2;color:#718273;z-index:6}.journey-corner strong{font-size:11px;color:var(--ink);font-weight:500;display:block}.journey-orbit{position:absolute;right:8%;top:22%;width:170px;height:170px;border:1px solid #aebcaa50;border-radius:50%;display:grid;place-items:center;font:10px 'DM Sans',sans-serif;color:#7b8978;letter-spacing:1px}.journey-orbit:before,.journey-orbit:after{content:'';position:absolute;border:1px solid #aebcaa45;border-radius:50%;inset:16px}.journey-orbit:after{inset:42px}.journey-orbit span{background:#f1f0e9;padding:10px;z-index:1}.port-scene{position:absolute;inset:0;will-change:opacity,transform}.port-art{position:absolute;width:1400px;height:640px;left:50%;bottom:8%;transform:translateX(-50%);transform-origin:50% 90%;pointer-events:none}.dock-base{position:absolute;bottom:0;left:-300px;width:700px;height:90px;background:linear-gradient(180deg,#aeb6a8 0 8px,#656f65 8px 12px,#7d877b 12px 45px,#555f57 45px);clip-path:polygon(0 0,94% 0,100% 28%,100% 100%,0 100%);z-index:4}.dock-base:after{content:'';position:absolute;top:13px;left:0;width:96%;height:6px;background:repeating-linear-gradient(115deg,#b3a66a 0 15px,#354239 15px 30px)}.port-crane{position:absolute;width:610px;height:520px;object-fit:contain;left:-45px;bottom:70px;z-index:3;transform-origin:45% 90%}.port-ship{position:absolute;width:1050px;height:370px;object-fit:contain;left:370px;bottom:-13px;z-index:2;filter:drop-shadow(0 15px 9px #0e41332a);will-change:transform}.load-rig{position:absolute;left:0;top:0;width:130px;height:66px;z-index:4;will-change:transform;transform:translate(220px,320px)}.load-rig:before,.load-rig:after{content:'';position:absolute;bottom:calc(100% + 7px);height:var(--cable,180px);width:1px;background:#485b47b3;left:13px}.load-rig:after{left:auto;right:13px}.load-spreader{position:absolute;left:-5px;right:-5px;top:-9px;height:6px;background:#3f5342;box-shadow:0 -3px 0 #b9a267}.load-container{height:100%;width:100%;background:repeating-linear-gradient(90deg,#bd9958 0 4px,#c7a568 4px 8px,#b69252 8px 10px);border:2px solid #a27e3f;border-top:4px solid #dfc695;box-shadow:inset 0 -5px 0 #9c7a3b,4px 4px 0 #886c36}.load-container span{display:block;text-align:center;margin-top:19px;padding:3px 0;color:#fff8e5;background:#ac8745b8;font-size:9px;letter-spacing:1px;font-weight:600}.quay-mark{position:absolute;bottom:21px;left:150px;color:#dce2d8;font-size:10px;letter-spacing:4px;z-index:5}.port-water{position:absolute;bottom:0;left:0;right:0;height:15%;background:linear-gradient(#467765,#254e41);z-index:0}.port-water:after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(176deg,transparent 0 9px,#ffffff0b 10px 11px,transparent 12px 24px)}.sea-scene{position:absolute;inset:0;background:radial-gradient(ellipse at 55% 50%,#548b7c,#265a51 55%,#173f39);opacity:0;will-change:opacity}.sea-pattern{position:absolute;inset:-30%;background:repeating-radial-gradient(ellipse at 75% 35%,transparent 0 20px,#bad9c40b 21px 22px,transparent 23px 43px);transform:rotate(-15deg);opacity:.8}.sea-shimmer{position:absolute;inset:0;background:radial-gradient(ellipse at 85% 20%,#d8e7c344,transparent 50%)}.ship-overhead{position:absolute;left:59%;top:53%;height:85%;width:25%;object-fit:contain;transform:translate(-50%,-50%) rotate(22deg);filter:drop-shadow(16px 20px 10px #0a292c55);z-index:2;will-change:transform}.ship-wake{position:absolute;left:59%;top:68%;width:190px;height:410px;transform-origin:50% 0;transform:translate(-50%,0) rotate(22deg);background:linear-gradient(90deg,transparent,#e1eee841,transparent);clip-path:polygon(45% 0,55% 0,100% 100%,65% 90%,51% 12%,38% 90%,0 100%);filter:blur(5px);will-change:transform,opacity}.sea-route{position:absolute;inset:0;width:100%;height:100%;opacity:.3}.sea-caption,.sky-caption{position:absolute;left:6%;top:16%;z-index:4;max-width:450px;opacity:0;will-change:transform,opacity}.sea-caption{color:#fff9e9}.sea-caption h2,.sky-caption h2{font:500 clamp(45px,5.5vw,78px)/1.08 'Manrope',sans-serif;letter-spacing:-3px;margin-bottom:22px}.sea-caption h2 em{color:#d9c388}.sea-caption p,.sky-caption p{font-size:13px;max-width:280px;line-height:1.8}.sea-caption p{color:#dae7d9}.sea-coordinates{position:absolute;right:6%;bottom:20%;color:#dfebd4;font:10px monospace;letter-spacing:2px;text-align:right;opacity:.65}.sky-scene{position:absolute;inset:0;background:radial-gradient(ellipse at 60% 80%,#edf2df,#c8dedb 45%,#a9c9d1);opacity:0;will-change:opacity}.sky-noise{position:absolute;inset:0;opacity:.35;background:radial-gradient(ellipse at 20% 80%,#ffffffc9,transparent 50%),radial-gradient(ellipse at 80% 30%,#ffffffb8,transparent 40%)}.sky-caption{top:17%;color:#173d38}.sky-caption h2 em{color:#957b42}.sky-caption p{color:#41615a}.aircraft{position:absolute;width:47%;height:78%;left:59%;top:52%;object-fit:contain;filter:drop-shadow(18px 34px 16px #41697535);transform:translate(-50%,-50%) rotate(38deg);will-change:transform;z-index:3}.contrail{position:absolute;left:58%;top:60%;width:140px;height:70%;transform:rotate(38deg);transform-origin:50% 0;opacity:.5;z-index:2}.contrail:before,.contrail:after{content:'';position:absolute;top:0;bottom:0;width:10px;left:15px;background:linear-gradient(#fff9,#fff0);filter:blur(4px)}.contrail:after{left:auto;right:15px}.cloud{position:absolute;width:70%;height:40%;pointer-events:none;will-change:transform,opacity;z-index:8;background:radial-gradient(ellipse at 20% 70%,#fff 0 15%,transparent 45%),radial-gradient(ellipse at 45% 60%,#fff 0 25%,transparent 58%),radial-gradient(ellipse at 70% 40%,#fffffff5 0 24%,transparent 60%),radial-gradient(ellipse at 85% 70%,#fff 0 25%,transparent 54%);filter:blur(17px);opacity:0}.cloud-one{top:4%;left:-15%;transform:translateX(-100%)}.cloud-two{bottom:0;right:-20%;width:95%;height:55%;transform:translateX(100%)}.cloud-three{top:28%;left:20%;width:95%;height:70%;transform:translateY(100%)}.journey-hud{position:absolute;left:6%;right:6%;bottom:24px;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:25px;color:var(--j-ink);transition:color .3s}.journey-hud:before{content:'';position:absolute;top:-17px;left:0;right:0;height:1px;background:currentColor;opacity:.2}.journey-progress{position:absolute;top:-17px;left:0;height:1px;background:currentColor;width:0;will-change:width}.journey-steps{display:flex;gap:28px}.journey-step{border:0;background:none;padding:6px 0;color:inherit;opacity:.45;font-size:9px;letter-spacing:1.3px;display:flex;align-items:center;gap:8px;text-transform:uppercase}.journey-step.active{opacity:1}.journey-step b{font:10px 'DM Sans',sans-serif}.journey-step.active b{color:#ac8746}.journey-scroll{font-size:9px;letter-spacing:1.5px;text-transform:uppercase}.journey-skip{font-size:10px;border-bottom:1px solid currentColor;padding:4px 0}.journey-caption-mini{position:absolute;right:6%;top:50%;font-size:9px;letter-spacing:2px;writing-mode:vertical-rl;color:#7d8f7d;opacity:.7}.journey-fallback{display:none}.journey-loading{position:absolute;bottom:25%;left:50%;transform:translateX(-50%);font-size:11px;color:#5d715f;z-index:15}.journey img{user-select:none}.journey .btn{pointer-events:auto}.sky-caption .text-link{margin-top:8px}.journey-ready .journey-loading{display:none}[dir=rtl] .journey-copy,[dir=rtl] .sea-caption,[dir=rtl] .sky-caption{left:6%;right:auto;direction:rtl;text-align:left}[dir=rtl] .journey-copy h1,[dir=rtl] .sea-caption h2,[dir=rtl] .sky-caption h2{font-family:'Noto Sans Arabic',sans-serif;letter-spacing:0;line-height:1.35;font-size:clamp(40px,5vw,76px)}[dir=rtl] .journey-copy h1 em,[dir=rtl] .sea-caption h2 em,[dir=rtl] .sky-caption h2 em{font-family:'Noto Sans Arabic',sans-serif;font-style:normal}[dir=rtl] .journey-copy .eyebrow,[dir=rtl] .sea-caption .eyebrow,[dir=rtl] .sky-caption .eyebrow{justify-content:flex-end}[dir=rtl] .journey-hud{direction:rtl}[dir=rtl] .journey-steps{direction:ltr}[dir=rtl] .journey-step{letter-spacing:0;direction:rtl}.journey:focus-visible{outline-offset:-4px}
@media(min-width:1600px){.port-art{width:1600px;transform:translateX(-50%) scale(1.12);bottom:8%}}
@media(max-width:1050px){.port-art{transform:translateX(-50%) scale(.8);bottom:2%;left:53%}.journey-copy{width:65%}.journey-copy h1{font-size:72px}.journey-orbit{right:6%;width:120px;height:120px}.journey-corner{font-size:8px}.ship-overhead{left:67%;width:33%}.aircraft{left:65%;width:58%}.journey-steps{gap:18px}}
@media(max-width:720px){body[data-page=home] .site-header{height:76px}body[data-page=home] .brand img{width:108px;height:68px}body[data-page=home] .nav-links{top:76px;gap:10px}.journey{height:450svh}.journey-pin{top:76px;height:calc(100svh - 76px);min-height:550px}.journey-copy{top:7%;width:90%;left:5.5%;max-width:360px}.journey-copy .eyebrow{font-size:8px;letter-spacing:1.5px;margin-bottom:19px}.journey-copy h1{font-size:51px;letter-spacing:-2.6px;line-height:1.04;margin-bottom:17px}.journey-copy p{font-size:11px;max-width:260px;margin-bottom:10px}.journey-intro-cta{font-size:10px;padding:7px 0}.journey-corner,.journey-orbit,.journey-caption-mini{display:none}.port-art{transform:translateX(-50%) scale(.47);bottom:-100px;left:58%}.port-water{height:20%}.journey-hud{left:5.5%;right:5.5%;bottom:16px;gap:12px}.journey-steps{gap:14px}.journey-step{font-size:8px;letter-spacing:.4px;gap:4px}.journey-step b{font-size:8px}.journey-scroll{display:none}.journey-skip{font-size:9px}.sea-caption,.sky-caption{left:5.5%;top:8%;max-width:300px}.sea-caption h2,.sky-caption h2{font-size:49px;letter-spacing:-2px;margin-bottom:17px}.sea-caption p,.sky-caption p{font-size:11px;max-width:250px}.sea-caption .eyebrow,.sky-caption .eyebrow{font-size:8px;letter-spacing:1px;margin-bottom:17px}.ship-overhead{left:62%;top:67%;height:60%;width:46%}.ship-wake{left:62%;top:75%;width:90px;height:280px}.sea-coordinates{bottom:17%;right:5%;font-size:8px}.aircraft{width:90%;height:52%;left:57%;top:68%}.contrail{top:77%;left:55%;width:70px}.cloud{filter:blur(12px)}.cloud-one{width:120%;left:-40%;top:20%}.cloud-two{width:140%;right:-40%;bottom:0}.cloud-three{width:150%;left:-20%}.journey-loading{bottom:28%}[dir=rtl] .journey-copy,[dir=rtl] .sea-caption,[dir=rtl] .sky-caption{left:5.5%;text-align:right;max-width:89%;width:89%}[dir=rtl] .journey-copy h1,[dir=rtl] .sea-caption h2,[dir=rtl] .sky-caption h2{font-size:39px;line-height:1.45}[dir=rtl] .journey-copy p,[dir=rtl] .sea-caption p,[dir=rtl] .sky-caption p{margin-inline-start:0;margin-left:auto}[dir=rtl] .journey-copy .eyebrow,[dir=rtl] .sea-caption .eyebrow,[dir=rtl] .sky-caption .eyebrow{justify-content:flex-start}}
@media(max-height:720px) and (min-width:721px){.journey-copy{top:6%}.journey-copy h1{font-size:65px}.journey-copy p{font-size:12px}.port-art{transform:translateX(-50%) scale(.8);bottom:-80px;left:57%}.journey-pin{min-height:510px}.journey-copy .eyebrow{margin-bottom:16px}}
@media(prefers-reduced-motion:reduce){.journey{height:auto}.journey-pin{position:relative;top:0;min-height:680px;height:calc(100svh - 88px)}.journey-steps,.journey-scroll,.journey-progress{display:none}.journey-hud{justify-content:flex-end}.journey-fallback{display:block;font-size:11px;max-width:290px;color:#6b786d}.journey-copy p{margin-bottom:12px}.journey:not(.motion-enabled) .port-scene{opacity:1!important;transform:none!important}.sea-scene,.sky-scene,.cloud,.sea-caption,.sky-caption{display:none!important}.journey-copy{opacity:1!important;transform:none!important}.load-rig:before,.load-rig:after{display:none}.load-spreader{display:none}}
.load-rig:before,.load-rig:after{opacity:var(--cable-opacity,1)}

/* Keep the loading machinery to the right of the editorial opening. */
.port-crane{width:920px;height:614px;left:460px;bottom:25px;transform:scaleX(-1)}
.port-ship{left:120px}
.dock-base{left:1000px;transform:scaleX(-1)}
.quay-mark{left:1190px}
@media(max-height:720px) and (min-width:721px){.port-art{bottom:42px;left:50%}}
@media(max-width:1050px) and (min-width:721px){.port-art{bottom:55px}}
@media(max-width:720px){.port-art{bottom:65px;left:48%;transform:translateX(-50%) scale(.40)}}

.journey-pin{overflow:clip}
.journey-orbit{display:none}
.port-crane{width:860px;height:574px;left:520px}

.load-rig{height:36px}.load-container span{margin-top:7px;font-size:8px}

.sky-scene:before,.sky-scene:after{content:"";position:absolute;width:65%;height:40%;background:radial-gradient(ellipse at 20% 60%,#ffffffe8,transparent 48%),radial-gradient(ellipse at 50% 50%,#ffffffc9,transparent 55%),radial-gradient(ellipse at 80% 70%,#ffffffcf,transparent 45%);filter:blur(16px);opacity:.8}
.sky-scene:before{right:-30%;top:-15%;transform:rotate(-20deg)}.sky-scene:after{left:-30%;bottom:-15%;transform:rotate(-20deg)}

@media(max-width:720px){.port-art{left:44%;transform:translateX(-50%) scale(.35)}}

@media(max-width:720px){.ship-overhead{left:52%;height:52%;width:38%}.ship-wake{left:52%}.aircraft{top:60%;width:80%}.contrail{top:69%}}
body[data-page=home]{overflow-anchor:none}

/* Branded aircraft livery and a more legible foreground cargo movement. */
.port-scene{transform-origin:76% 72%}
.load-container span{margin-top:12%;font-size:13px;letter-spacing:1px;padding:4px 0}
.load-container{box-shadow:inset 0 -5px 0 #9c7a3b,4px 4px 0 #886c36,0 6px 12px #44341635}
.loading-note{position:absolute;left:6%;top:57%;z-index:6;opacity:0;pointer-events:none;padding:13px 18px;background:#f8f7f2ee;border-left:2px solid #b39150;box-shadow:0 4px 22px #173c3108}
.loading-note span{display:block;font-size:8px;letter-spacing:1.5px;color:#8c7851;margin-bottom:4px}.loading-note strong{font-size:13px;font-weight:500}
@media(max-width:720px){.port-scene{transform-origin:72% 86%}.loading-note{top:47%;left:5.5%;padding:10px 13px}.loading-note strong{font-size:12px}}
@media(prefers-reduced-motion:reduce){.loading-note{display:none}}

/* Empty truck chassis sits beneath the separately animated container. */
.port-truck{position:absolute;left:878px;top:441px;width:392px;height:147px;object-fit:contain;z-index:5;will-change:transform,opacity}.load-rig{z-index:6}.load-container{overflow:hidden}.load-container span{margin-top:12%;font-size:13px;line-height:1.2}
@media(prefers-reduced-motion:reduce){.journey:not(.motion-enabled) .port-truck{transform:none!important;opacity:1!important}}



.port-truck{filter:drop-shadow(0 2px 1px #243b3140)}.dock-base{left:850px}

@media(max-width:380px){.port-art{left:38%}}
/* Food first: an editorial opening, with a smaller supporting journey. */
.food-opening{background:#f3f1e9;padding:72px 0 62px;overflow:hidden}
.food-opening-grid{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:30px}
.food-opening h1{font-size:clamp(44px,5.4vw,78px);font-weight:500;letter-spacing:-3px;line-height:1.12;margin:0 0 25px}
.food-opening h1 em{font-family:var(--serif);font-weight:400;color:var(--gold)}
.food-opening-copy>p{max-width:430px;color:var(--muted);font-size:15px;margin-bottom:30px}
.food-opening-art{height:390px;position:relative;isolation:isolate}
.food-plinth{position:absolute;inset:14% 0 5%;border-radius:50%;background:radial-gradient(ellipse,#e3dfca,transparent 70%)}
.food-opening-art img{position:absolute;object-fit:contain;filter:drop-shadow(0 20px 13px #4738201c)}
.hero-dairy{width:68%;height:88%;left:-2%;top:0;z-index:2;transform:rotate(-5deg)}
.hero-chocolate{width:57%;height:79%;right:-3%;top:17%;transform:rotate(5deg)}
.food-opening-art>span{position:absolute;bottom:-8px;left:0;right:0;text-align:center;font-size:8px;letter-spacing:1.5px;color:#7b806c}
.food-journey{padding-top:30px;padding-bottom:35px}
.food-journey-intro{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:14px}
.food-journey-intro .eyebrow,.food-journey-intro p{margin:0;font-size:10px}
.food-journey .journey{height:390px;border-radius:5px;overflow:hidden}
.food-journey .journey-pin{position:relative;top:0;height:390px;min-height:0}
.food-journey .journey-copy,.food-journey .journey-corner,.food-journey .journey-orbit,.food-journey .journey-caption-mini,.food-journey .journey-hud,.food-journey .loading-note,.food-journey .sea-caption,.food-journey .sky-caption{display:none!important}
.food-journey .port-art{transform:translateX(-50%) scale(.63);bottom:-76px;left:50%}
.food-journey .aircraft{width:47%;height:100%;top:48%}
.food-journey .ship-overhead{height:90%;top:50%}
.journey-play{position:absolute;top:18px;right:18px;z-index:30;border:1px solid #183c3126;background:#f8f7f0ed;color:#183c31;border-radius:30px;padding:9px 18px;font-size:11px}
.load-container{display:grid;place-items:center;background:repeating-linear-gradient(90deg,#214737 0 4px,#2b5141 4px 8px,#193e30 8px 10px);border-color:#254535;box-shadow:inset 0 -4px 0 #123324,3px 3px 0 #183c31}
.load-container .load-logo{width:80%;height:90%;object-fit:contain;background:#f8f5e9;border-radius:2px}
.food-journey .journey.motion-enabled .sea-scene,.food-journey .journey.motion-enabled .sky-scene,.food-journey .journey.motion-enabled .cloud{display:block!important}

@media(prefers-reduced-motion:reduce){.food-journey .journey:not(.motion-enabled) .port-scene{display:none}.food-journey .journey:not(.motion-enabled) .journey-pin{background:#f0eee3 url('assets/collections/dairy.webp') center/contain no-repeat}.food-journey .journey.motion-enabled .load-spreader,.food-journey .journey.motion-enabled .load-rig:before,.food-journey .journey.motion-enabled .load-rig:after{display:block}}
[dir=rtl] .food-opening h1{letter-spacing:0;font-size:clamp(40px,4.6vw,65px);line-height:1.5}
[dir=rtl] .food-opening h1 em{font-family:inherit;font-style:normal}
@media(max-width:900px){body[data-page=home] .nav-links{gap:15px}}
@media(max-width:720px){.food-opening{padding:40px 0 30px}.food-opening-grid{grid-template-columns:1fr;gap:15px}.food-opening h1{font-size:44px;letter-spacing:-1.8px}.food-opening-copy>p{font-size:13px;margin-bottom:22px}.food-opening-art{height:235px;max-width:380px;width:100%;margin:auto}.food-opening .eyebrow{font-size:8px}.food-journey-intro{display:block}.food-journey-intro p{margin-top:8px;color:var(--muted)}.food-journey .journey,.food-journey .journey-pin{height:265px}.food-journey .port-art{transform:translateX(-50%) scale(.36);left:43%;bottom:-119px}.food-journey .aircraft{height:100%;width:85%;left:53%;top:50%}.food-journey .ship-overhead{top:50%;height:85%;width:50%}.journey-play{top:12px;right:12px;padding:7px 13px}[dir=rtl] .food-opening h1{font-size:38px}}

/* Full-screen journey after the food-led opening. */
.food-journey{padding:35px 0 0}
.food-journey-intro{margin-bottom:24px}
.food-journey .journey,.food-journey .journey-pin{height:calc(100vh - 88px);height:calc(100svh - 88px);min-height:480px;border-radius:0}
.food-journey .port-art{transform:translateX(-50%) scale(.9);bottom:0;left:50%}
.food-journey .aircraft{height:85%;width:65%;left:50%;top:50%}
.food-journey .ship-overhead{height:85%;width:40%;left:50%;top:50%}
.load-container .load-logo{width:56%;height:65%;background:#f8f5e9}
.journey-play{top:25px;right:5%}
.food-opening-art .hero-dairy{animation:foodDairyEntrance 1.4s cubic-bezier(.16,1,.3,1) both}
.food-opening-art .hero-chocolate{animation:foodChocolateEntrance 1.6s .15s cubic-bezier(.16,1,.3,1) both}
@keyframes foodDairyEntrance{from{opacity:0;transform:translateY(32px) rotate(-9deg) scale(.94)}to{opacity:1;transform:translateY(0) rotate(-5deg) scale(1)}}
@keyframes foodChocolateEntrance{from{opacity:0;transform:translateY(40px) rotate(9deg) scale(.93)}to{opacity:1;transform:translateY(0) rotate(5deg) scale(1)}}
@media(min-width:1500px){.food-journey .port-art{transform:translateX(-50%) scale(1.12);bottom:4%}}
@media(max-width:720px){
 .food-journey .journey,.food-journey .journey-pin{height:calc(100vh - 76px);height:calc(100svh - 76px);min-height:420px}
 .food-journey .port-art{transform:translateX(-50%) scale(.47);left:43%;bottom:8%}
 .food-journey .aircraft{height:70%;width:100%;left:50%;top:50%}
 .food-journey .ship-overhead{height:76%;width:70%;left:50%;top:50%}
 .journey-play{top:20px;right:5.5%}
}
@media(prefers-reduced-motion:reduce){.food-opening-art .hero-dairy,.food-opening-art .hero-chocolate{animation:none}}
@media(max-width:720px){.food-journey .port-art{transform:translateX(-50%) scale(.4);left:34%;bottom:16%}}