:root{--cream:#FFE6CB;--navy:#073050;--yellow:#FAA61A;--orange:#F15922;--gray:#D1D2D4;--paper:#fffaf5;--line:#07305020}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:linear-gradient(180deg,#fffaf5 0%,#fff5e9 48%,#fffaf5 100%);color:var(--navy);font-family:Vazirmatn,Tahoma,sans-serif;font-size:16px;line-height:1.9}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}img{max-width:100%;height:auto;display:block}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.55}h1{font-size:clamp(2.2rem,4.1vw,3.8rem);font-weight:900;letter-spacing:-1.4px}h2{font-size:clamp(1.65rem,2.8vw,2.35rem);font-weight:800}h3{font-size:1.35rem;font-weight:800}p{color:#395469}a:focus-visible,button:focus-visible{outline:3px solid var(--navy);outline-offset:5px}a:hover{color:var(--orange)}.container{width:min(1280px,calc(100% - 80px));margin:auto}.header{max-width:1440px;margin:auto;min-height:112px;padding:24px 40px;display:flex;align-items:center;justify-content:space-between;gap:32px}.brand{width:122px;flex-shrink:0}.brand img{width:122px;height:76px;object-fit:contain}.header nav{display:flex;gap:30px;align-items:center;font-size:.94rem;font-weight:600}.header nav [aria-current]{color:var(--orange)}.button{display:inline-flex;align-items:center;justify-content:center;gap:22px;background:var(--orange);color:var(--navy);border:1px solid var(--orange);padding:10px 23px;min-height:48px;border-radius:14px;font-weight:700;transition:background .2s,transform .2s}.button:hover{background:var(--yellow);color:var(--navy);transform:translateY(-2px)}.outline{background:transparent;border-color:var(--navy)}.menu-toggle{display:none}.eyebrow{display:block;color:#aa3e16;font-size:.93rem;font-weight:600;margin-bottom:10px}.eyebrow[lang=en]{font-size:.78rem;letter-spacing:2px}.home-hero{display:grid;grid-template-columns:1fr 1.15fr;gap:30px;align-items:center;min-height:565px;padding-block:40px 65px}.hero-copy{grid-column:2;grid-row:1}.hero-copy p{margin:20px 0 28px;font-size:1.13rem}.actions{display:flex;gap:15px;flex-wrap:wrap}.hero-visual{grid-column:1;grid-row:1;position:relative}.hero-products{width:100%;height:470px;object-fit:contain;animation:float 7s ease-in-out infinite}.hero-caption{display:block;text-align:center;font-size:.72rem;letter-spacing:3px;margin-top:8px}.section-heading{margin-bottom:30px}.section-heading p{margin-top:8px}.centered{text-align:center}.grid{display:grid;gap:24px}.three{grid-template-columns:repeat(3,minmax(0,1fr))}.two{grid-template-columns:repeat(2,minmax(0,1fr))}.product-card{border:1px solid var(--line);border-radius:20px;overflow:hidden;background:#ffffff3d;position:relative;transition:border-color .2s,background .2s}.product-card:hover{border-color:#f1592250;background:#ffffff85}.product-media{height:315px;display:flex;align-items:center;justify-content:center;padding:25px 24px 5px;gap:10px}.product-media img{width:100%;height:100%;object-fit:contain;min-width:0}.product-copy{padding:20px 28px 28px}.product-copy .eyebrow{font-size:.72rem;margin-bottom:8px}.product-copy h3{margin-bottom:8px}.weight{color:#a93d16;font-size:.97rem}.text-link{display:inline-flex;align-items:center;gap:24px;font-weight:600;font-size:.95rem;margin-top:22px}.text-link span{transition:transform .2s}.text-link:hover span{transform:translateX(-4px)}.home-card{display:flex;flex-direction:row;align-items:center;min-height:305px}.home-card .product-media{width:47%;height:270px;padding:15px 8px}.home-card .product-copy{width:53%;padding:24px 12px}.home-card .eyebrow{display:none}.home-card h3{font-size:1.17rem}.home-card p{font-size:.88rem}.home-card .text-link{font-size:.83rem;gap:10px}.mix-card .product-media{transition:transform .6s}.mix-card:hover .product-media{transform:translateY(-8px)}.home-story{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:24px}.flow{display:grid;grid-template-columns:1fr 1.25fr;overflow:hidden;border-radius:20px;background:#f4e8da;min-height:330px}.flow-copy{padding:38px;align-self:center}.flow-copy h2{margin-bottom:16px}.flow-copy p{font-size:.98rem;max-width:430px}.orange{display:block;color:#aa3e16;font-size:.9rem;margin-top:24px}.flow>img{width:100%;height:100%;min-height:330px;object-fit:cover}.home-story .flow{grid-template-columns:1fr 1fr}.home-story .flow-copy{padding:22px}.home-story .flow h2{font-size:1.7rem}.home-story .flow p{font-size:.87rem}.home-story .flow img{object-position:42% center}.home-story .flow .orange{font-size:.8rem}.familiar{border-radius:20px;padding:35px;background:#f6efe7;display:flex;flex-direction:column}.familiar p{max-width:350px;margin:12px 0 35px}.little-features{display:flex;gap:10px;margin-top:auto;text-align:center;font-size:.87rem}.little-features>div{flex:1;border-left:1px solid var(--line)}.little-features>div:last-child{border:0}.little-features span{display:block;font-size:2.1rem;line-height:1.2;margin-bottom:15px}.freeze-teaser{display:grid;grid-template-columns:1.1fr 1fr;gap:24px;margin-top:24px;align-items:stretch}.freeze-teaser img{height:285px;width:100%;object-fit:cover;border-radius:20px}.freeze-teaser>div{border:1px solid var(--line);border-radius:20px;padding:30px 40px}.freeze-teaser p{margin-top:10px}.trust{display:grid;grid-template-columns:repeat(4,1fr);padding:48px 0;text-align:center}.trust>div{padding:0 25px;border-left:1px solid var(--line)}.trust>div:last-child{border:0}.trust-icon{display:block;font-size:2.6rem;line-height:1.3;margin-bottom:15px}.trust h3{font-size:1.05rem;margin-bottom:8px}.trust p{font-size:.88rem}.coming .home-card{min-height:170px}.coming .product-media{height:160px}.coming .product-copy{padding:20px}.coming .product-copy p:not(.weight){display:none}.badge{display:inline-flex;padding:2px 12px;border:1px solid #f159224d;color:#a03914;background:#fff0df;border-radius:20px;font-size:.8rem;margin-bottom:10px}.closing{display:flex;align-items:center;justify-content:space-evenly;background:#f7efe6;border-radius:20px;margin:24px 0 30px;min-height:215px;padding:24px;text-align:center}.closing img{width:200px;height:200px;object-fit:contain}.closing p{margin:10px 0 14px}.footer{background:var(--navy);color:#fff3e4;padding:42px 40px 20px;margin-top:40px}.footer-inner{max-width:1280px;margin:auto;display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr;gap:50px}.footer h3{font-size:1rem;margin-bottom:12px}.footer a:not(.footer-brand){display:block;font-size:.9rem;line-height:2.2}.footer p{font-size:.88rem;color:#e1d8cc}.footer-brand{font-family:Arial,sans-serif;letter-spacing:3px;font-size:1.6rem;font-weight:800}.footer-bottom{max-width:1280px;margin:25px auto 0;border-top:1px solid #ffffff24;padding-top:15px;display:flex;justify-content:space-between;font-size:.75rem;color:#d1d2d4}.collection-intro{text-align:center;padding:65px 0 45px}.collection-intro h1{font-size:clamp(2rem,4vw,3.4rem)}.collection-intro p{font-size:1.15rem;margin-top:12px}.category-nav{position:sticky;top:0;z-index:10;background:#fff5e9f5;border-block:1px solid #07305012;padding:13px 20px;margin-bottom:45px}.category-nav>div{display:flex;justify-content:center;gap:14px;max-width:600px;margin:auto}.category-nav a{border-radius:30px;min-width:85px;text-align:center;padding:6px 22px;font-weight:600;white-space:nowrap}.category-nav a.active{background:var(--navy);color:white}.catalog-section{margin-bottom:64px;scroll-margin-top:95px}.catalog-section .section-heading{display:flex;gap:25px;align-items:baseline;flex-wrap:wrap}.catalog-section h2{font-size:2rem}.catalog-section .section-heading .eyebrow{margin:0;font-size:.75rem}.jar-trio img{width:32%;height:100%}.jar-trio{padding-inline:25px}.icecream-grid .product-media{height:315px}.icecream-grid .product-copy{min-height:210px}.flavors{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.flavors span{font-size:.8rem;border:1px dashed #07305033;border-radius:7px;padding:4px 10px;color:#526572}.single-card .product-copy{padding-top:12px}.single-card .text-link{margin-top:12px}.zone-two .two .product-card,.dip-grid .product-card{display:grid;grid-template-columns:1fr 1fr;align-items:center}.zone-two .two .product-media{height:290px}.dip-grid .product-media{height:250px;padding:20px}.shared-photo{font-size:.8rem;margin-top:12px;text-align:center}.zone-three>.flow{margin-top:15px}.zone-three>.flow img{max-height:410px}.detail-shell{padding-block:50px 80px;min-height:65vh}.breadcrumb{display:block;margin-bottom:35px;font-size:.9rem}.detail-layout{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.detail-image{display:flex;gap:10px;background:#fff8ef;border:1px solid var(--line);border-radius:24px;padding:30px;height:470px}.detail-image img{width:100%;min-width:0;height:100%;object-fit:contain}.detail-copy h1{font-size:2.7rem}.detail-copy p{margin-top:15px}.detail-copy dl{display:grid;grid-template-columns:100px 1fr;border-block:1px solid var(--line);padding:20px 0;margin:25px 0}.detail-copy dt,.detail-copy dd{padding:5px;margin:0}.variants{display:flex;flex-wrap:wrap;gap:12px;margin:20px 0}.variants button{padding:8px 20px;border:1px solid var(--navy);border-radius:10px;color:var(--navy);background:transparent}.variants button[aria-pressed=true]{background:var(--navy);color:white}.info-page{padding-block:60px 90px;min-height:60vh}.info-page>p{max-width:730px;font-size:1.15rem;margin:22px 0}.info-page>.flow{margin:35px 0}.info-image{max-width:900px;width:100%;height:auto;max-height:550px;object-fit:contain;border-radius:20px;margin-block:35px}.contact-links{display:flex;flex-direction:column;align-items:flex-end;max-width:500px;gap:20px;margin-top:40px;font-size:1.4rem}.info-page>.text-link{margin-right:30px}.polygons{position:absolute;top:160px;left:0;right:0;height:600px;pointer-events:none;overflow:hidden;z-index:-1}.polygons i{position:absolute;clip-path:polygon(12% 0,100% 70%,0 100%);background:#faa61a25;width:90px;height:100px;left:-12px;top:30px;transform:rotate(-15deg)}.polygons i:nth-child(2){right:-25px;left:auto;top:60px;background:#f1592220;width:130px;height:160px;transform:rotate(40deg)}.polygons i:nth-child(3){left:-30px;top:300px;background:#c8b3ce33;transform:rotate(80deg)}.polygons i:nth-child(4){right:-15px;left:auto;top:330px;background:#faa61a15;transform:rotate(180deg)}.skip{position:fixed;top:-100px;right:10px;z-index:100;background:white;padding:12px}.skip:focus{top:5px}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@media(min-width:1280px){.zone{padding-bottom:15px}.home-products{margin-top:0}}
@media(max-width:1100px){.header{gap:20px;padding-inline:25px}.header nav{gap:18px;font-size:.85rem}.header-action{display:none}.container{width:calc(100% - 48px)}.home-hero{min-height:480px}.hero-products{height:380px}.home-card{display:block}.home-card .product-media,.home-card .product-copy{width:100%}.home-card .product-copy{padding:20px}.home-card .product-media{height:220px}.home-story .flow{grid-template-columns:1fr}.home-story .flow>img{min-height:180px;height:220px;grid-row:1}.home-story .flow-copy{padding:25px}.home-story .flow h2 br{display:none}.home-story .flow .orange{display:none}.familiar{justify-content:center}.little-features{margin-top:30px}.coming .home-card{display:flex}.coming .home-card .product-media,.coming .home-card .product-copy{width:50%}.zone-two .two .product-card,.dip-grid .product-card{display:block}.detail-layout{gap:30px}.header nav a:last-child{font-size:.8rem}.footer-inner{gap:25px}}
@media(max-width:767px){body{font-size:16px}.container{width:calc(100% - 32px)}.header{min-height:88px;padding:14px 20px;flex-wrap:wrap;gap:10px}.brand,.brand img{width:95px;height:58px}.menu-toggle{display:block;background:none;color:var(--navy);border:1px solid var(--line);border-radius:10px;padding:7px 15px}.menu-toggle span{margin-right:15px}.header nav{display:none;flex-basis:100%;flex-direction:column;align-items:stretch;gap:0;padding:12px 0}.header nav.open{display:flex}.header nav a{padding:10px;font-size:1rem!important}.home-hero{display:flex;flex-direction:column;padding-block:25px 45px;gap:12px;min-height:0}.hero-copy{text-align:center;order:1}.hero-visual{order:0;width:100%}.hero-products{height:280px}.hero-caption{font-size:.6rem}.hero-copy h1{font-size:2.2rem}.hero-copy p{font-size:1rem;margin:14px 0 22px}.actions{justify-content:center;gap:10px}.button{font-size:.9rem;padding:9px 16px;gap:10px}.three,.two{grid-template-columns:1fr}.grid{gap:16px}.home-card{display:flex;flex-direction:column;min-height:0}.home-card .product-media{height:240px;width:100%;padding:20px}.home-card .product-copy{width:100%;text-align:center;padding:12px 24px 28px}.home-card h3{font-size:1.35rem}.home-card p{font-size:1rem}.home-card .text-link{font-size:.95rem}.home-story{grid-template-columns:1fr}.home-story .flow{grid-template-columns:1fr}.home-story .flow>img{height:260px}.flow{grid-template-columns:1fr}.flow>img{grid-row:1;height:260px;min-height:0}.flow-copy{padding:28px}.freeze-teaser{grid-template-columns:1fr}.freeze-teaser img{height:auto}.freeze-teaser>div{padding:25px}.trust{grid-template-columns:1fr 1fr;gap:30px 0;padding-block:40px}.trust>div{padding:0 15px}.trust>div:nth-child(2){border:0}.trust h3{font-size:.97rem}.trust p{font-size:.83rem}.coming .home-card{display:flex;flex-direction:column}.coming .home-card .product-media,.coming .home-card .product-copy{width:100%}.coming .product-media{height:200px}.closing{flex-direction:column-reverse;padding:25px 15px}.closing img{height:160px}.closing h2{font-size:1.6rem}.footer{padding:32px 24px 20px}.footer-inner{grid-template-columns:1fr 1fr;gap:30px 20px}.footer-bottom{gap:20px;align-items:center}.collection-intro{padding:35px 0 30px}.collection-intro .eyebrow{font-size:.68rem}.collection-intro p{font-size:1rem}.category-nav{padding:10px 16px;margin-bottom:30px;overflow-x:auto}.category-nav>div{justify-content:flex-start;width:max-content;min-width:100%;gap:5px}.category-nav a{min-width:65px;padding:5px 16px;font-size:.95rem}.catalog-section{margin-bottom:45px}.catalog-section .section-heading{display:block}.catalog-section .section-heading .eyebrow{margin-bottom:7px}.catalog-section h2{font-size:1.65rem}.product-media{height:290px}.product-copy{text-align:center;padding:15px 24px 26px}.jar-trio{padding:15px 10px;gap:0}.icecream-grid .product-media{height:290px}.icecream-grid .product-copy{min-height:0}.flavors{display:grid;grid-template-columns:repeat(3,1fr)}.flavors span{padding:7px 10px}.detail-layout{grid-template-columns:1fr;gap:25px}.detail-image{height:350px;grid-row:1;padding:20px}.detail-copy h1{font-size:2.2rem}.detail-shell{padding-top:25px}.info-page{padding-block:35px 60px}.info-page h1{font-size:2.15rem}.info-page>p{font-size:1rem}.contact-links{font-size:1.1rem}.polygons{top:120px}.section-heading h2{font-size:1.8rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}

/* Homepage scroll theatre: genuine CSS perspective with unchanged product cutouts. */
.hero-pin{isolation:isolate}
.hero-triangles{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden}
.hero-triangles>span{position:absolute;display:block;width:var(--size,90px);aspect-ratio:1;transform:translate3d(calc(var(--scene-progress) * var(--dx,35px)),calc(var(--scene-progress) * var(--dy,-60px)),0) rotate(calc(var(--angle,0deg) + var(--scene-progress) * var(--spin,130deg))) scale(calc(1 + var(--scene-progress) * .12))}
.hero-triangles i{display:block;width:100%;height:100%;background:var(--triangle-color,#faa61a30);clip-path:polygon(10% 5%,98% 66%,2% 100%);animation:hero-triangle-drift var(--duration,8s) ease-in-out infinite alternate;animation-delay:var(--delay,0s);animation-play-state:paused}
.motion-enabled.triangles-playing .hero-triangles i{animation-play-state:running}
.hero-triangles>span:nth-child(1){left:1%;top:9%;--size:110px;--angle:-20deg;--dx:28px;--dy:62px;--spin:115deg;--delay:-2s}
.hero-triangles>span:nth-child(2){right:1%;top:7%;--size:145px;--angle:35deg;--dx:-25px;--dy:65px;--spin:-150deg;--triangle-color:#f1592225;--duration:10s;--delay:-5s}
.hero-triangles>span:nth-child(3){left:3%;top:48%;--size:64px;--angle:90deg;--dx:18px;--dy:-60px;--spin:-120deg;--triangle-color:#c8b3ce45;--duration:7s;--delay:-3s}
.hero-triangles>span:nth-child(4){right:2%;top:53%;--size:77px;--angle:-35deg;--dx:-16px;--dy:45px;--spin:160deg;--triangle-color:#faa61a30;--duration:9s;--delay:-1s}
.hero-triangles>span:nth-child(5){left:5%;bottom:8%;--size:120px;--angle:65deg;--dx:38px;--dy:-48px;--spin:140deg;--triangle-color:#07305010;--delay:-6s}
.hero-triangles>span:nth-child(6){right:5%;bottom:9%;--size:103px;--angle:150deg;--dx:-30px;--dy:-55px;--spin:-145deg;--triangle-color:#c8b3ce35;--duration:11s;--delay:-4s}
.hero-triangles>span:nth-child(7){left:29%;top:4%;--size:43px;--angle:-15deg;--dx:46px;--dy:24px;--spin:175deg;--triangle-color:#f1592222;--duration:7s;--delay:-4s}
.hero-triangles>span:nth-child(8){right:31%;bottom:4%;--size:48px;--angle:110deg;--dx:-42px;--dy:-30px;--spin:-190deg;--triangle-color:#faa61a35;--duration:9s;--delay:-7s}
@keyframes hero-triangle-drift{from{transform:translateY(-8px) rotate(-9deg)}to{transform:translateY(10px) rotate(11deg)}}
@media(max-width:767px){
 .hero-triangles>span{width:calc(var(--size,90px) * .58)}
 .hero-triangles>span:nth-child(7),.hero-triangles>span:nth-child(8){display:none}
}
@media(prefers-reduced-motion:reduce){.hero-triangles i{animation:none}.hero-triangles>span{transform:rotate(var(--angle,0deg))}}
/* Secondary motion uses one-time entrances and small, deliberate interactions. */
.product-media img{transition:transform .55s cubic-bezier(.22,1,.36,1)}
.trust-icon{transition:transform .35s ease}
.button{transition:background .2s,transform .25s cubic-bezier(.22,1,.36,1),box-shadow .25s}
.button:active{transform:translateY(1px) scale(.98)}
.header nav a,.footer-inner a:not(.footer-brand){transition:color .2s ease}
.category-nav a{transition:background .22s,color .22s,transform .22s}
.category-nav a:active{transform:scale(.96)}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
 .product-card:hover .product-media img,.product-card:focus-within .product-media img{transform:translateY(-5px) scale(1.025)}
 .trust>div:hover .trust-icon{transform:translateY(-4px) rotate(-5deg)}
 .button:hover{box-shadow:0 5px 14px #0730500d}
}
@media(prefers-reduced-motion:reduce){
 .product-card:hover .product-media img,.product-card:focus-within .product-media img,.trust>div:hover .trust-icon,.button:hover,.button:active,.category-nav a:active,.mix-card:hover .product-media{transform:none}
}
.hero-webgl{position:absolute;inset:0;width:100%;height:100%;display:block;pointer-events:none;opacity:0}
.hero-loading{position:absolute;inset:0;z-index:2;display:grid;place-items:center;color:var(--navy);font-size:.82rem;font-weight:700;transition:opacity .35s ease,visibility 0s linear .35s}
.scroll-hero:not(.webgl-ready):not(.webgl-failed) .scene-camera{visibility:hidden}
.webgl-ready .hero-loading,.webgl-failed .hero-loading{opacity:0;visibility:hidden;pointer-events:none}
.webgl-ready .hero-webgl{opacity:1;transition:opacity .35s ease}
.webgl-ready .scene-camera{visibility:hidden}
.scroll-hero{position:relative;--scene-progress:0;background:radial-gradient(ellipse at 72% 45%,#ffe6cb75,transparent 65%)}
.scroll-hero.motion-enabled{height:235svh}
.hero-pin{position:relative;min-height:650px;height:calc(100svh - 120px);max-height:950px;overflow:clip}
.motion-enabled .hero-pin{position:sticky;top:0;height:100svh;max-height:none}
.hero-world{height:100%;min-height:inherit;position:relative;display:grid;grid-template-columns:1.13fr 1fr;align-items:center;gap:50px;padding-block:45px 90px}
.scroll-copy{grid-column:2;grid-row:1;position:relative;z-index:3;pointer-events:none}
.scroll-copy a{pointer-events:auto}
.scroll-copy h1{font-size:clamp(2.5rem,4.1vw,4rem);line-height:1.6}
.scroll-copy h1>span{color:#c74314}
.scroll-copy p{font-size:1.1rem;margin:20px 0 30px}
.scroll-invitation{display:flex;align-items:center;gap:12px;font-size:.85rem;margin-top:35px;color:#496173;width:fit-content}
.scroll-invitation>span{border:1px solid #07305040;border-radius:30px;width:30px;height:45px;display:grid;place-items:center;font-size:1.1rem}
.scene-perspective{grid-column:1;grid-row:1;width:100%;height:min(68svh,650px);min-height:450px;perspective:1100px;perspective-origin:50% 48%;direction:ltr;position:relative;pointer-events:none}
.scene-camera{position:absolute;inset:0;transform-style:preserve-3d}
.scene-layer{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);transform-style:preserve-3d;backface-visibility:visible}
.motion-enabled .scene-layer{will-change:transform}
.scene-layer img{width:100%;height:100%;object-fit:contain;pointer-events:none;user-select:none}
.scene-jar{width:48%;height:86%}
.jar-main{transform:translate(-50%,-50%) translateZ(70px) rotate(-9deg)}
.jar-berry{transform:translate(-105%,-38%) translateZ(-100px) rotate(-17deg) scale(.72)}
.jar-summer{transform:translate(10%,-40%) translateZ(-160px) rotate(17deg) scale(.68)}
.scene-fruit{width:19%;height:23%}
.fruit-1{transform:translate(-240%,-170%) translateZ(160px) rotate(-25deg)}
.fruit-2{transform:translate(150%,70%) translateZ(55px) rotate(30deg)}
.fruit-3{transform:translate(100%,-220%) rotate(-15deg);width:14%}
.fruit-4{transform:translate(-240%,100%) translateZ(100px) rotate(15deg)}
.fruit-5{transform:translate(170%,-80%) translateZ(-40px);width:12%}
.fruit-6{transform:translate(-180%,-250%) translateZ(-80px);width:11%}
.scene-word{position:absolute;left:50%;top:48%;transform:translate(-50%,-50%) translateZ(-220px);color:#f1592214;font-size:clamp(8rem,18vw,17rem);font-weight:900;line-height:1;white-space:nowrap;direction:rtl}
.scene-footer{position:absolute;bottom:30px;left:0;right:0;display:flex;align-items:center;gap:20px;font-size:.85rem;direction:rtl}
.scene-caption{min-width:100px;font-weight:600}
.scene-track{height:2px;flex:1;background:#07305015;overflow:hidden}
.scene-track i{display:block;height:100%;width:100%;background:var(--orange);transform:scaleX(var(--scene-progress));transform-origin:right}
.scene-counter{font-size:.75rem;letter-spacing:2px;font-variant-numeric:tabular-nums}
@media(min-width:768px) and (max-width:1100px){.hero-world{gap:15px;grid-template-columns:1fr 1fr}.scroll-copy h1{font-size:2.65rem}.scene-perspective{min-height:380px}.scene-jar{width:54%}.scroll-copy .actions{gap:10px}.scroll-copy .button{padding:9px 13px;font-size:.83rem}}
@media(max-width:767px){
 .scroll-hero.motion-enabled{height:195svh}
 .hero-pin,.motion-enabled .hero-pin{min-height:0;height:100svh;max-height:none}
 .hero-world{display:flex;flex-direction:column;gap:0;padding:10px 0 60px;justify-content:center;min-height:0}
 .scene-perspective{flex:none;order:0;height:42svh;min-height:240px;max-height:430px;width:92%;perspective:900px}
 .scroll-copy{order:1;text-align:center;width:100%}
 .scroll-copy h1{font-size:clamp(1.8rem,6.4vw,2.4rem);line-height:1.55}
 .scroll-copy .eyebrow{font-size:.8rem;margin-bottom:6px}
 .scroll-copy p{font-size:.88rem;margin:10px 0 17px}
 .scroll-copy .actions{gap:9px}
 .scroll-copy .button{font-size:.83rem;min-height:44px;padding:8px 13px}
 .scroll-invitation{margin:16px auto 0;font-size:.75rem;gap:9px}
 .scroll-invitation>span{width:23px;height:29px;font-size:.9rem}
 .scene-jar{width:42%;height:95%}
 .scene-fruit{width:17%;height:20%}
 .fruit-5,.fruit-6{display:none}
 .scene-word{font-size:9rem}
 .scene-footer{bottom:18px;gap:12px;font-size:.75rem}
 .scene-caption{min-width:80px}
}
@media(prefers-reduced-motion:reduce),(max-height:620px){
 .scroll-hero.motion-enabled{height:auto}
 .hero-pin,.motion-enabled .hero-pin{position:relative;height:auto;min-height:580px;max-height:none}
 .hero-world{min-height:580px}
 .scene-perspective{height:420px;min-height:320px}
 .scene-layer{will-change:auto}
 .scroll-invitation{display:none}
}
@media(max-width:767px) and (prefers-reduced-motion:reduce),(max-width:767px) and (max-height:620px){
 .hero-world{padding-top:15px;padding-bottom:65px;min-height:650px}
 .scene-perspective{height:300px;min-height:300px}
}

/* Size the visible product rather than its transparent source canvas. */
.product-frame{display:grid;place-items:center;position:relative;container-type:size;width:100%;height:100%;min-width:0;flex:1}
.product-cutout{display:block;position:relative;width:min(100cqw,calc(100cqh * var(--cutout-ratio)));aspect-ratio:var(--cutout-ratio);overflow:hidden;flex:none;transition:transform .5s cubic-bezier(.22,1,.36,1)}
.product-cutout>img{position:absolute;display:block;max-width:none;max-height:none;object-fit:fill;margin:0;transform:none!important}
.product-media{padding:20px 22px 8px}
.home-card .product-media{width:50%;height:280px;padding:22px 12px;flex:none}
.home-card .product-copy{width:50%;padding:24px 15px}
.jar-trio .product-frame{width:32%;flex:1}
.coming .home-card{min-height:225px}
.coming .product-media{height:215px;padding:18px}
.closing>.product-frame{flex:none;width:255px;height:225px}
.detail-image>.product-frame{width:100%;height:100%}
.editorial-page{padding-block:22px 60px}
.breadcrumbs{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:.85rem;color:#486176;margin-block:10px 28px}
.editorial-hero{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center;padding:24px 0 50px;min-height:440px}
.editorial-hero h1{font-size:clamp(2rem,3.5vw,3.2rem);line-height:1.6;letter-spacing:-.7px}
.editorial-hero h1 span{color:#b64118}
.editorial-hero .lead{font-size:1.12rem;line-height:2.1;margin:22px 0 28px;max-width:620px}
.editorial-hero figure{margin:0}
.editorial-hero figure>img{width:100%;height:auto;border-radius:22px}
.editorial-hero figcaption{font-size:.8rem;color:#536775;margin-top:10px}
.article-toc{display:flex;align-items:center;gap:12px 25px;flex-wrap:wrap;border-block:1px solid var(--line);padding:22px 0;margin-bottom:15px;font-size:.95rem}
.article-toc strong{margin-left:10px}.article-toc a{border-bottom:1px solid #f1592240}
.editorial-section{margin-block:60px;scroll-margin-top:35px}
.editorial-section>h2{margin-bottom:22px}
.editorial-section>p{max-width:900px;font-size:1.04rem;line-height:2.1;margin-bottom:18px}
.editorial-section p a,.faq-list p a{border-bottom:1px solid #f1592260}
.process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:30px}
.process-grid article{padding:30px;border-top:2px solid var(--orange);background:#fff9f2;border-radius:0 0 18px 18px}
.process-grid article>span{display:block;color:#ba481b;font-size:2rem;font-weight:700;margin-bottom:18px}
.process-grid h3{font-size:1.2rem;margin-bottom:12px}.process-grid p{line-height:2}
.source-note{font-size:.82rem!important;line-height:1.9!important;margin-top:20px;color:#556b7a}
.source-note a{text-decoration:underline;text-underline-offset:4px}
.table-scroll{overflow-x:auto;border:1px solid var(--line);border-radius:16px;background:#fffaf5}
.table-scroll:focus-visible{outline:3px solid var(--orange);outline-offset:4px}
.table-scroll table{width:100%;border-collapse:collapse;min-width:680px;text-align:right}
.table-scroll caption{text-align:right;padding:20px;font-size:.9rem;color:#486176}
.table-scroll th,.table-scroll td{padding:20px;border-top:1px solid var(--line);vertical-align:top;font-size:.98rem}
.table-scroll thead{background:#ffe6cb88}.table-scroll tbody th{min-width:130px}
.editorial-split{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:60px}
.editorial-split h2{margin-bottom:18px}.editorial-split p{margin-bottom:18px;line-height:2.1}
.editorial-product{height:360px;min-width:0;display:flex;align-items:center;justify-content:center;padding:30px;background:#fff6e9;border-radius:24px}
.editorial-product>.product-frame{width:100%;height:100%}
.care-panel{background:#f6ebde;border-radius:22px;padding:38px 42px}
.faq-list{border-top:1px solid var(--line);margin-top:25px}
.faq-list details{border-bottom:1px solid var(--line);padding:0 4px}
.faq-list summary{font-weight:700;font-size:1.08rem;padding:22px 4px;cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:20px}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary::after{content:'+';color:#b64118;font-size:1.5rem;flex:none}
.faq-list details[open] summary::after{content:'−'}
.faq-list summary:focus-visible{outline:3px solid var(--orange);outline-offset:2px;border-radius:5px}
.faq-list p{max-width:900px;padding:0 4px 24px;line-height:2.1}
.editorial-cta{padding:35px 40px;background:#ffe6cb99;border-radius:22px;display:flex;align-items:center;justify-content:space-between;gap:35px;margin:50px 0 10px}
.editorial-cta h2{font-size:1.8rem}.editorial-cta p{margin-top:10px}.editorial-cta .button{flex:none}
.reading-card{display:block;padding:30px;border:1px solid var(--line);border-radius:20px;background:#fffaf5}
.reading-card h3{margin-bottom:15px;font-size:1.2rem}.reading-card p{font-size:1rem;line-height:2}
.reading-card>a,.reading-card>span{display:inline-block;margin-top:20px;color:#a83d18;font-size:.95rem;font-weight:600}
.contact-options{display:grid;gap:15px;margin-top:28px}
.contact-options>a{border:1px solid var(--line);border-radius:15px;padding:18px 22px;display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;background:#fffaf5}
.contact-options span{font-size:.9rem}.contact-options b{font-size:1.08rem}
.related-links{display:flex;gap:15px;flex-wrap:wrap}.related-links a{border:1px solid var(--line);padding:15px 22px;border-radius:13px;background:#fffaf5}
@media(max-width:1000px){.editorial-hero,.editorial-split{gap:28px}.process-grid{gap:15px}.process-grid article,.reading-card{padding:22px}.editorial-cta{flex-wrap:wrap}}
@media(max-width:767px){
 .editorial-page{padding-top:10px}.editorial-hero{grid-template-columns:1fr;gap:25px;padding:10px 0 30px;min-height:0}
 .editorial-hero h1{font-size:2rem}.editorial-hero .lead{font-size:1rem;margin:15px 0 22px}
 .editorial-hero figure{grid-row:2}.editorial-hero figure>img{max-height:360px;object-fit:contain}
 .article-toc{gap:12px 18px;padding-block:18px;font-size:.88rem}.article-toc strong{width:100%}
 .editorial-section{margin-block:40px}.editorial-section>p{font-size:1rem}
 .process-grid,.editorial-split{grid-template-columns:1fr}.process-grid article{padding:23px}
 .editorial-product{height:290px;padding:25px}.editorial-split{gap:22px}
 .care-panel{padding:25px 22px}.faq-list summary{font-size:1rem;padding:19px 2px}.faq-list p{font-size:.95rem}
 .editorial-cta{padding:28px 24px;gap:22px}.editorial-cta h2{font-size:1.5rem}
 .contact-options>a{padding:16px}.contact-options b{font-size:1rem}.reading-card{padding:25px}
}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
 .product-card:hover .product-cutout,.product-card:focus-within .product-cutout{transform:translateY(-3px) scale(1.02)}
}
@media(max-width:1100px) and (min-width:768px){
 .home-card .product-media{width:100%;height:255px;padding:22px}
 .home-card .product-copy{width:100%;padding:20px}
 .coming .home-card .product-media{width:50%;height:220px}
 .coming .home-card .product-copy{width:50%}
}
@media(max-width:767px){
 .home-card .product-media{width:100%;height:270px;padding:24px}
 .home-card .product-copy{width:100%;padding:12px 24px 28px}
 .coming .home-card .product-media{width:100%;height:235px}
 .coming .home-card .product-copy{width:100%}
 .closing>.product-frame{width:230px;height:210px;margin-bottom:16px}
}
