.cinematic-home .full-world{height:1450svh}.cinematic-home main>section:not(.mazo-video-journey),.cinematic-home>.business-cta,.cinematic-home>.site-footer{display:none!important}.full-world .sticky-video{perspective:1300px}.full-world .journey-video{transform-origin:50% 50%;will-change:transform,opacity}.full-world .video-poster{transition:none}.full-world .video-bottom{z-index:12}.full-world .video-shade{pointer-events:none}.brand-world{position:absolute;inset:0;opacity:0;perspective:1100px;transform-style:preserve-3d;background:radial-gradient(ellipse at 66% 55%,#5b2b18 0,#20100b 55%,#0e0907 100%);overflow:hidden}.world-atmosphere{position:absolute;inset:0;background:radial-gradient(ellipse at 10% 15%,#c8874230,transparent 60%);pointer-events:none}.world-depth-word{position:absolute;top:13%;left:15%;font:700 28vw/.8 Arial,sans-serif;color:#f1c79608;letter-spacing:-.08em;pointer-events:none;white-space:nowrap}.world-scene{position:absolute;inset:14% 7% 12%;opacity:0;visibility:hidden;transform-style:preserve-3d;will-change:transform,opacity;color:#f1dfc4}.world-scene h2{font:500 clamp(34px,5vw,80px)/.98 Arial,sans-serif;letter-spacing:-.06em;margin:15px 0 25px;max-width:580px}.world-kicker{font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:#d2a37f}.world-copy{position:absolute;inset-inline-start:0;top:17%;width:40%;max-width:500px;z-index:3}.world-copy>p{font-size:14px;line-height:1.85;color:#d2b59b}.world-action{display:inline-flex!important;align-items:center;justify-content:space-between;gap:26px;border-bottom:1px solid #d4a26d88;padding:15px 0;color:#f0ceab!important;font-size:12px;font-weight:500;text-decoration:none;transition:transform .2s,background .2s}.world-action:hover{transform:translateZ(15px);color:#fff!important}.world-action span{font-size:18px}.world-pair{position:absolute;width:60%;height:94%;object-fit:contain;inset-inline-end:-2%;top:3%;filter:drop-shadow(0 30px 24px #0005)}.world-steam{position:absolute;left:76%;top:36%;width:60px;height:100px;pointer-events:none}.world-steam i{position:absolute;bottom:0;width:16px;height:85px;border-radius:50%;background:linear-gradient(transparent,#e7dcca20,transparent);filter:blur(7px);animation:worldSteam 5s ease-in-out infinite;animation-play-state:paused}.world-steam i+ i{left:25px;animation-delay:-2.5s}.world-current .world-steam i{animation-play-state:running}@keyframes worldSteam{from{transform:translate(0,20px) rotate(-10deg);opacity:0}40%{opacity:.6}to{transform:translate(-16px,-65px) rotate(15deg);opacity:0}}.collection-scene>h2{font-size:clamp(30px,3.6vw,56px);position:absolute;left:0;top:12px;width:42%}.collection-scene>.world-kicker{margin:0}.category-orbit{position:absolute;inset-inline-end:0;top:4%;width:42%;display:flex;gap:12px;justify-content:flex-end;flex-wrap:wrap;z-index:5}.category-orbit button{font-size:11px!important;border-bottom:1px solid transparent!important;padding:8px 4px!important;color:#bf9b7a!important}.category-orbit button[aria-pressed=true]{color:#ffe3bc!important;border-color:#e6bc8b!important}.product-universe{position:absolute;inset:15% 33% 0 10%;touch-action:pan-y;perspective:900px;transform-style:preserve-3d}.world-product{position:absolute;left:12%;top:3%;width:76%;height:94%;object-fit:contain;filter:drop-shadow(0 25px 24px #0005);transform:translateZ(45px)}.source-package{clip-path:polygon(21% 8%,79% 9%,79% 13%,86% 43%,86% 75%,87% 88%,19% 90%,13% 87%,14% 37%,20% 13%)}.neighbor{position:absolute;top:20%;height:68%;width:48%;object-fit:contain;opacity:.37;filter:blur(1px);transform:translateZ(-240px) rotateY(22deg)}.neighbor-before{left:-25%}.neighbor-after{right:-12%;transform:translateZ(-270px) rotateY(-22deg)}.world-product-copy{position:absolute;inset-inline-end:0;top:23%;width:32%;max-height:66%;overflow:auto;scrollbar-width:thin}.world-product-copy h3{font:500 clamp(25px,3.2vw,48px)/1.05 Arial,sans-serif;letter-spacing:-.04em;margin:14px 0}.world-product-copy>p{font-size:13px;line-height:1.7;color:#cfb299}.world-product-copy dl{display:grid;grid-template-columns:1fr 1fr;gap:14px;font-size:11px}.world-product-copy dt{color:#a77e5e;font-size:9px;text-transform:uppercase;letter-spacing:.1em}.world-product-copy dd{margin:5px 0 0;line-height:1.5}.world-ratio{font-size:18px!important;color:#f6d6ac!important;text-transform:uppercase}.world-ratio span{color:#997356}.product-browse{position:absolute;bottom:0;left:23%;display:flex;gap:25px;align-items:center;font-size:11px;color:#c6a17e}.product-browse button{font-size:24px!important;padding:10px}.world-navigation{position:absolute;bottom:34px;left:24%;right:24%;display:flex;justify-content:center;gap:24px;z-index:8}.world-navigation button{font-size:10px!important;color:#cbb399!important;padding:10px 0}.distribution-scene .world-copy{top:12%}.final-copyright{font-size:10px!important;letter-spacing:.12em;margin-top:35px}.story-actions{display:flex;gap:30px}.brand-world[data-category*=chocolate]{background:radial-gradient(ellipse at 65% 50%,#573019,#190c08 70%)}
[dir=rtl] .product-universe{inset:15% 10% 0 33%}[dir=rtl] .world-pair{transform:none}[dir=rtl] .world-depth-word{direction:ltr}[dir=rtl] .collection-scene>h2{left:auto;right:0}
@media(max-width:760px){.cinematic-home .full-world{height:1100svh}.world-scene{inset:15% 7% 13%}.world-scene h2{font-size:40px;max-width:100%;margin:12px 0 16px}.world-copy{width:100%;max-width:none;top:0}.world-copy>p{font-size:12px;max-width:90%}.world-pair{width:105%;height:62%;inset-inline-end:-2%;top:38%}.world-copy .world-action{font-size:11px;padding:11px 0}.collection-scene>h2{font-size:30px;top:13px;width:100%}.category-orbit{top:15%;width:100%;justify-content:flex-start;gap:10px}.category-orbit button{font-size:10px!important}.product-universe,[dir=rtl] .product-universe{inset:23% 30% 9% -14%}.world-product-copy{top:27%;width:48%;max-height:64%}.world-product-copy h3{font-size:24px}.world-product-copy>p{font-size:11px;line-height:1.55}.world-product-copy dl{grid-template-columns:1fr;gap:8px;font-size:10px}.world-product-copy .world-action{font-size:10px;gap:8px}.neighbor{opacity:.19}.neighbor-after{display:none}.product-browse{left:8%;bottom:3%;gap:17px}.world-navigation{bottom:27px;left:5%;right:5%;gap:15px}.world-navigation button{font-size:8px!important}.full-world .video-bottom{bottom:74px}.distribution-scene .world-copy{top:0}.world-steam{left:76%;top:66%;height:50px}.final-copyright{margin-top:12px}}
.cinematic-home .world-reduced{height:auto!important}.world-reduced .sticky-video{position:relative;height:auto;overflow:visible}.world-reduced .journey-video,.world-reduced .video-poster,.world-reduced .video-intro,.world-reduced .video-chapters,.world-reduced .video-bottom,.world-reduced .video-finale{display:none!important}.world-reduced .brand-world{position:relative;opacity:1!important;overflow:visible;padding-top:110px;pointer-events:auto!important}.world-reduced .world-scene{position:relative;inset:auto;margin:0 7%;min-height:700px;opacity:1!important;visibility:visible!important;transform:none!important;will-change:auto}.world-reduced .world-navigation{display:none}.world-reduced .world-steam{display:none}.world-reduced .world-depth-word{display:none}@media(prefers-reduced-motion:reduce){.world-steam i{animation:none}.world-action{transition:none}}

.source-package{clip-path:none}.cinematic-home .floating-dock{top:24px}.world-scene{top:19%}@media(max-width:980px){.cinematic-home .floating-dock{top:80px}.world-scene{top:25%}.world-reduced .brand-world{padding-top:170px}}
@media(max-width:760px){.world-scene{inset:165px 7% 110px}.collection-scene>h2{top:14px;font-size:29px;line-height:1.04;max-width:320px;margin:12px 0}.category-orbit{top:108px;gap:5px 11px}.category-orbit button{padding:6px 0!important}.product-universe,[dir=rtl] .product-universe{inset:175px 37% 40px -14%}.world-product-copy{top:180px;width:45%;max-height:calc(100% - 180px)}.world-product-copy h3{font-size:23px}.product-browse{bottom:0}.world-reduced .world-scene{min-height:780px}.world-product-copy .world-action{position:sticky;bottom:0;background:#26120f;padding:12px 0}.world-reduced .world-product-copy{overflow:visible;max-height:none}}
.world-details-button{display:block;font-size:11px!important;color:#e3bf99!important;text-align:start;margin-top:16px}.world-detail-dialog{max-width:800px;width:calc(100% - 36px);max-height:85dvh;overflow:auto;background:#27150f;color:#f1dfc4;border:1px solid #9d765344;border-radius:18px;padding:40px}.world-detail-dialog::backdrop{background:#080402dd;backdrop-filter:blur(8px)}.world-detail-dialog h2{font-size:38px}.world-detail-dialog>p{line-height:1.8;font-size:14px}.world-gallery{display:flex;overflow:auto;gap:20px;scroll-snap-type:x mandatory;margin:25px 0}.world-gallery img{flex:0 0 80%;width:80%;height:320px;object-fit:contain;scroll-snap-align:center}.world-detail-dialog dl{font-size:13px;line-height:1.7}.world-detail-dialog dt{color:#b98965;margin-top:14px}.world-detail-dialog dd{margin-inline-start:0}.world-details-close{position:absolute;top:12px;inset-inline-end:18px;font-size:30px!important;color:#f1dfc4!important}.world-detail-dialog .world-action{display:flex!important}

/* Clear closing composition: text, links, artwork and copyright have separate rows. */
@media(max-width:760px){
 .mobile-menu-enabled .world-scene{top:100px;bottom:112px}.mobile-menu-enabled .world-reduced .brand-world{padding-top:105px}
 .world-navigation{gap:12px}.world-navigation button{min-height:34px}.full-world .video-bottom{bottom:72px}
}
/* Restrained ambient movement while scenes are visible; video remains scroll-controlled. */
@keyframes mazoFloat{0%,100%{translate:0 0}50%{translate:0 -7px}}@keyframes mazoGlow{0%,100%{opacity:.55}50%{opacity:1}}@keyframes productArrival{from{opacity:.3;scale:.94;translate:0 12px}to{opacity:1;scale:1;translate:0 0}}
@media(prefers-reduced-motion:no-preference){.world-current .world-pair,.world-current .world-product{animation:mazoFloat 6s ease-in-out infinite}.world-current .neighbor{animation:mazoFloat 7s ease-in-out infinite reverse}.world-current .neighbor-after{animation-delay:-3s}.world-atmosphere{animation:mazoGlow 9s ease-in-out infinite}.world-product-copy{transition:opacity .25s,translate .35s}.world-product.product-arrival{animation:productArrival .45s ease-out,mazoFloat 6s .45s ease-in-out infinite}.world-reduced *{animation:none!important}}

.world-3d-bg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;opacity:0;transition:opacity .4s}
/* 2D product motion: cursor parallax, tilt and a slow sway */
.world-product{transform:translateZ(45px) translate3d(calc(var(--tx,0)*18px),calc(var(--ty,0)*10px),0) rotateY(calc(var(--tx,0)*12deg)) rotateX(calc(var(--ty,0)*-7deg));transition:transform .45s cubic-bezier(.2,.7,.3,1);will-change:transform}.neighbor{transition:transform .6s cubic-bezier(.2,.7,.3,1);transform:translate3d(calc(var(--tx,0)*-10px),calc(var(--ty,0)*-6px),0)}@keyframes mazoSway{0%,100%{rotate:-1.1deg}50%{rotate:1.1deg}}.world-product:not(.product-arrival){animation:mazoFloat 6s ease-in-out infinite,mazoSway 9s ease-in-out infinite}@media(prefers-reduced-motion:reduce){.world-product,.neighbor{transition:none;animation:none!important}}
/* Buttons: clean rounded keys with soft 3D depth and cursor tilt (button-tilt.js sets --rx/--ry) */
.brand-world .world-action,.mazo-video-journey .video-ctas .solid,.mazo-video-journey .video-ctas .line,.brand-world .world-details-button{
 --rx:0deg;--ry:0deg;--lift:0px;
 position:relative;display:inline-flex!important;align-items:center;justify-content:center;gap:12px;
 min-height:50px;padding:13px 30px!important;border:0!important;border-radius:14px!important;
 color:#fff3df!important;font-weight:600;letter-spacing:.03em;text-shadow:0 1px 1px #0006;text-decoration:none;
 background:linear-gradient(180deg,#d0704a,#a84a2b)!important;
 box-shadow:inset 0 1px 0 #ffffff55,inset 0 -3px 0 #0000003d,0 12px 20px -10px #000c!important;
 transform:perspective(700px) translateY(var(--lift)) rotateX(var(--rx)) rotateY(var(--ry));
 transition:transform .25s cubic-bezier(.2,.7,.3,1),box-shadow .25s,filter .25s;will-change:transform}
.mazo-video-journey .video-ctas .solid{background:linear-gradient(180deg,#f8dfbd,#e3b684)!important;color:#2a1208!important;text-shadow:none;box-shadow:inset 0 1px 0 #ffffffaa,inset 0 -3px 0 #00000026,0 12px 20px -10px #000c!important}
.mazo-video-journey .video-ctas .line{background:#ffffff12!important;border:1px solid #f0c99677!important;box-shadow:inset 0 1px 0 #ffffff22,0 10px 18px -12px #000!important;backdrop-filter:blur(6px)}
.brand-world .world-action:hover,.mazo-video-journey .video-ctas a:hover,.brand-world .world-details-button:hover{--lift:-3px;filter:brightness(1.08)}
.brand-world .world-action:active,.mazo-video-journey .video-ctas a:active,.brand-world .world-details-button:active{--lift:1px;filter:brightness(.95);transform:perspective(700px) translateY(1px) scale(.97) rotateX(var(--rx)) rotateY(var(--ry))}
.brand-world .world-action:focus-visible,.mazo-video-journey .video-ctas a:focus-visible,.brand-world .world-details-button:focus-visible{outline:2px solid #efb875;outline-offset:6px}
.brand-world .world-action span{font-size:16px}
.brand-world .world-details-button{font-size:11px!important;padding:10px 22px!important;min-height:42px;margin-top:16px}
.story-actions{gap:16px 18px!important}
@media(max-width:760px){.brand-world .world-action,.mazo-video-journey .video-ctas .solid,.mazo-video-journey .video-ctas .line{font-size:11px}}
@media(prefers-reduced-motion:reduce){.brand-world .world-action,.mazo-video-journey .video-ctas a,.brand-world .world-details-button{transition:none}}

/* Distributor scene: the 3D partnership emblem, floating and following the cursor */
.partner-stage{position:absolute;inset-block:2% 0;inset-inline-end:0;width:50%;display:grid;place-items:center;perspective:1100px;pointer-events:none}
.partner-glow{position:absolute;inset:12% 4%;border-radius:50%;background:radial-gradient(closest-side,#e0864f66,#b8513a22 60%,transparent 75%);filter:blur(14px);animation:partnerGlow 5.5s ease-in-out infinite}
.partner-emblem{position:relative;width:min(100%,540px);height:auto;filter:drop-shadow(0 34px 34px #000b);transform:translate3d(calc(var(--px,0)*28px),calc(var(--py,0)*16px),0) rotateY(calc(var(--px,0)*16deg)) rotateX(calc(var(--py,0)*-10deg));transition:transform .5s cubic-bezier(.2,.7,.3,1);animation:partnerFloat 8s ease-in-out infinite;will-change:transform}
@keyframes partnerFloat{0%,100%{translate:0 0;rotate:-1.2deg}50%{translate:0 -16px;rotate:1.2deg}}
@keyframes partnerGlow{0%,100%{opacity:.7;scale:.96}50%{opacity:1;scale:1.05}}
@media(max-width:760px){.partner-stage{inset:0 0 auto 0;width:100%;height:42%}.partner-emblem{width:min(70%,300px)}}
@media(prefers-reduced-motion:reduce){.partner-emblem,.partner-glow{animation:none;transition:none}}

.plant-stage{position:absolute;inset-block:-4% -4%;inset-inline-end:-2%;width:52%;pointer-events:none}.plant-stage-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}@media(max-width:760px){.plant-stage{inset:-2% 0 auto 0;width:100%;height:38%}}

/* Closing scene: one 3D "connect" composition - the floating pack and cup, the path buttons and glossy channel tiles */
.connect-stage{inset-block:0 150px;width:50%}
.connect-stage .partner-emblem{width:min(100%,520px);max-height:100%;object-fit:contain}
.connect-copy{top:0;width:50%;max-width:560px}
.connect-copy h2{margin:12px 0 22px}
.connect-paths{display:flex;flex-wrap:wrap;gap:12px 14px}
.connect-paths .world-action:nth-child(2){--i:1}.connect-paths .world-action:nth-child(3){--i:2}
.connect-copy .final-copyright{margin-top:22px}
.connect-channels{position:absolute;inset-inline:0;bottom:0;flex-wrap:nowrap;gap:0 clamp(18px,3.2vw,48px);margin:0}
.connect-channels .chan{min-width:0;gap:10px}
.connect-channels .chan-ico{width:80px;height:80px;border-radius:24px}
.connect-channels .chan-ico svg{width:38px;height:38px}
.connect-channels .chan strong{font-size:14px}
@keyframes connectIn{from{opacity:0;translate:0 28px;scale:.9}to{opacity:1;translate:0 0;scale:1}}
@media(prefers-reduced-motion:no-preference){.connect-scene.world-current .chan,.connect-scene.world-current .connect-paths .world-action{animation:connectIn .8s cubic-bezier(.2,.75,.25,1) backwards;animation-delay:calc(var(--i,0)*70ms + 150ms)}}
@media(max-width:760px){
 .brand-world .connect-scene{display:flex;flex-direction:column;align-items:center;gap:14px}
 .brand-world .connect-scene .connect-copy{display:contents}
 .brand-world .connect-scene .connect-stage{position:relative!important;inset:auto!important;order:0;flex:1 1 0;min-height:90px;max-height:230px;width:100%!important;height:auto!important;display:block}
 .brand-world .connect-scene .partner-emblem{position:absolute!important;inset:0;margin:auto;width:100%!important;max-width:none!important;height:100%!important;object-fit:contain}
 .brand-world .connect-scene .world-kicker{order:1;margin:0;text-align:center}
 .brand-world .connect-scene h2{order:2;font-size:clamp(28px,9vw,36px);margin:0 0 2px;text-align:center}
 .brand-world .connect-paths{order:3;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:100%}
 .brand-world .connect-paths .world-action{width:100%;min-height:52px;padding:6px!important;border-radius:13px!important;font-size:11px;line-height:1.2;text-align:center}
 .brand-world .connect-paths .world-action span{display:none}
 .brand-world .connect-channels{order:4;position:static;width:100%;gap:10px}
 .brand-world .connect-channels .chan{flex:0 0 auto}
 .brand-world .connect-channels .chan strong{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
 .brand-world .connect-channels .chan-ico{width:52px;height:52px;border-radius:16px}
 .brand-world .connect-channels .chan-ico svg{width:24px;height:24px}
 .brand-world .connect-scene .final-copyright{order:5;margin:0;text-align:center;font-size:9px!important}
}
.world-reduced .brand-world{overflow-x:clip}
/* Right-to-left (Arabic, Sorani): the product picture goes to the right and its text to the left, so they never overlap */
[dir=rtl] .product-browse{left:auto;right:23%}[dir=rtl] .neighbor-before{left:auto;right:-25%}[dir=rtl] .neighbor-after{right:auto;left:-12%}
@media(max-width:760px){[dir=rtl] .product-universe{inset:175px -14% 40px 37%}[dir=rtl] .product-browse{left:auto;right:8%}[dir=rtl] .category-orbit{justify-content:flex-start}}
@media(max-width:400px){.product-browse{left:3%;gap:8px}[dir=rtl] .product-browse{left:auto;right:3%}}
.world-credit{position:absolute;left:0;right:0;bottom:6px;z-index:8;display:flex;align-items:center;justify-content:center;gap:7px;margin:0;font-size:10px;line-height:1;letter-spacing:.1em;color:#d9c4a8;opacity:0;pointer-events:none;transition:opacity .45s}
.world-credit img{width:22px;height:22px;border-radius:50%;box-shadow:0 0 0 1px rgba(255,255,255,.22)}
.world-credit span{opacity:.75}
.world-credit strong{font-weight:600;letter-spacing:.04em;color:#f3e4cc}
html[dir=rtl] .world-credit{letter-spacing:0}
.connect-scene.world-current~.world-credit{opacity:1}
.world-reduced .world-credit{position:static;opacity:1;margin:18px 0 26px}
@media(max-width:760px){.world-credit{bottom:4px;font-size:9px}.world-credit img{width:18px;height:18px}}