:root{--black:#101010;--red:#c8102e;--yellow:#ffc72c;--ivory:#ffc72c;--accent:#c8102e}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--black);color:var(--ivory);font:16px 'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #147ad0;outline-offset:5px}button{color:inherit}button:disabled{cursor:wait}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:'Barlow Condensed','Arial Narrow',Impact,sans-serif;font-weight:700;letter-spacing:-.025em;line-height:.94}h1,h2{text-transform:uppercase}em{font-style:normal}h2{font-size:clamp(62px,7.5vw,116px)}p{line-height:1.6}section{position:relative}section:not(.hero,.unwrap){padding:110px 6%}.eyebrow{font-size:11px;font-weight:600;letter-spacing:.16em;line-height:1.6}.skip{position:fixed;left:20px;top:-100px;z-index:100;background:var(--yellow);color:#111;padding:12px}.skip:focus{top:12px}header{height:90px;position:fixed;top:0;left:0;width:100%;padding:0 4%;display:flex;align-items:center;justify-content:space-between;z-index:30;border-bottom:1px solid #ffffff24;transition:background .25s,color .25s}header.scrolled{height:72px;background:#101010f2}header.light{background:#ffc72cf5;color:#101010;border-color:#10101022}.wordmark{font-size:39px;font-weight:800;font-style:italic;letter-spacing:-3px;line-height:1}.wordmark span{font-size:10px;vertical-align:top;letter-spacing:0;margin-left:3px}header nav{display:flex;gap:28px;font-size:12px}header a:hover{color:var(--yellow)}header.light a:hover{color:var(--red)}.nav-cta{font-size:12px;border:1px solid #ffffff50;padding:13px 18px;border-radius:3px;display:flex;gap:25px}header.light .nav-cta{border-color:#10101055}.menu-toggle{display:none}.hero{min-height:830px;height:100svh;max-height:1120px;overflow:hidden;padding:126px 6% 40px}.hero-top{display:flex;justify-content:space-between;color:#b4b0a7}.hero-copy{position:relative;z-index:3;width:64%;margin-top:110px;pointer-events:none}.hero-copy a{pointer-events:auto}h1{font-size:clamp(80px,9.7vw,155px)}h1 em{color:var(--yellow)}.hero-copy p{font-size:15px;margin:28px 0}.actions{display:flex;gap:28px;align-items:center}.button{padding:18px 24px;display:inline-flex;justify-content:space-between;gap:32px;align-items:center;border:0;border-radius:2px;font-size:12px;font-weight:600;transition:transform .2s,background .2s}.button:hover{transform:translateY(-3px)}.yellow{background:var(--yellow);color:#101010}.dark{background:#101010;color:var(--ivory)}.text-link{font-size:12px;background:none;border:0;padding:10px 0;border-bottom:1px solid currentColor;display:inline-flex;gap:20px;align-items:center}.hero-art{position:absolute;right:1%;top:18%;width:49%;height:70%;display:grid;place-items:center;background:radial-gradient(ellipse,#a83e172d,transparent 65%)}.hero-pack{width:47%;height:73%;max-height:450px;transform:rotate(9deg);filter:drop-shadow(20px 30px 40px #0008);animation:settle 1s ease both}.asset{position:relative;overflow:hidden}.asset img{width:100%;height:100%;display:block}.proxy{width:100%;height:100%}.pack-proxy{position:relative;background:linear-gradient(100deg,#858172,#d2cbb7 45%,#aaa38e 85%,#6a675c);clip-path:polygon(2% 0,98% 0,100% 5%,97% 14%,100% 90%,97% 100%,2% 100%,0 92%,3% 15%,0 5%)}.pack-proxy:after{content:'';position:absolute;inset:16% 8%;border:1px solid #f5ecd94d}.pack-lines{position:absolute;inset:28% 12%;background:repeating-linear-gradient(135deg,transparent 0 16px,#302f2822 17px 18px);clip-path:polygon(50% 0,100% 60%,100% 100%,0 100%,0 60%)}.seam{height:7%;width:100%;position:absolute;top:0;background:repeating-linear-gradient(90deg,#4e4b3e44 0 2px,transparent 2px 5px);border-bottom:1px solid #57534577}.seam.bottom{top:auto;bottom:0;border-top:1px solid #57534577}.orbit{position:absolute;border:1px solid #ffc72c57;width:85%;height:77%;transform:rotate(-20deg)}.orbit-two{transform:rotate(17deg);width:68%;height:91%;border-color:#c8102e88}.cross{position:absolute;font-size:25px;color:var(--yellow)}.c1{top:5%;left:13%}.c2{bottom:6%;right:12%}.art-label{position:absolute;bottom:-10px;font-size:9px;letter-spacing:.18em;color:#9c998f}.mountains{position:absolute;bottom:0;left:0;width:100%;height:75%;fill:none;stroke:#ffc72c15;stroke-width:1}.hero-bottom{position:absolute;bottom:35px;left:6%;right:6%;display:flex;justify-content:space-between;font-size:9px;letter-spacing:.14em;color:#aaa69b}.hero-bottom a{display:flex;gap:15px}.unwrap{height:260vh}.scene{position:sticky;top:0;height:100svh;min-height:650px;overflow:hidden;padding:110px 6% 45px;background:#191714}.scene-top{display:flex;justify-content:space-between;color:#aaa69b}.scene-copy{position:absolute;left:6%;top:36%;z-index:4;max-width:44%}.scene-copy h2{font-size:clamp(65px,7vw,105px);margin:24px 0}.scene-copy .eyebrow{color:var(--yellow)}.scene-link{margin-top:10px}.unpack-art{position:absolute;right:5%;top:16%;width:48%;height:70%}.scene-ring{border:1px solid #fff6e630;border-radius:50%;width:88%;aspect-ratio:1;position:absolute;top:5%;left:5%}.body-layer{position:absolute;width:42%;height:60%;left:29%;top:26%;z-index:3;will-change:transform,opacity}.tear-layer{position:absolute;left:29%;top:20%;height:7%;width:42%;z-index:4;will-change:transform}.tear-proxy{background:repeating-linear-gradient(90deg,#aca58f 0 2px,#c6bfaa 2px 5px)}.cake{position:absolute;left:32%;top:32%;width:36%;height:31%;z-index:2}.noodle-proxy{background:repeating-radial-gradient(ellipse at 50% 100%,#d1bd85 0 3px,#685f4260 4px 6px);border-radius:16px}.bowl-layer{position:absolute;left:9%;top:33%;width:82%;height:43%;z-index:6;opacity:0}.bowl-proxy{height:100%;border-radius:10% 10% 50% 50%;border:1px solid #ffdda0;background:linear-gradient(#ecc68115,#ffc72c50);position:relative}.bowl-proxy span{position:absolute;top:-1%;height:23%;border:1px solid #ffdda0;border-radius:50%;width:100%}.noodle-lines{position:absolute;width:100%;height:100%;fill:none;stroke:var(--yellow);stroke-width:2;opacity:0}.particles i{position:absolute;width:9px;height:9px;background:var(--red);top:35%;left:20%}.particles i:nth-child(2){left:80%;top:25%;background:var(--yellow);border-radius:50%}.particles i:nth-child(3){left:72%;top:70%;transform:rotate(45deg)}.particles i:nth-child(4){left:15%;top:65%;border-radius:50%;background:var(--yellow)}.scene-footer{position:absolute;bottom:36px;left:6%;right:6%;display:flex;align-items:center;gap:30px;font-size:9px;letter-spacing:.12em}.progress{height:1px;flex:1;background:#ffffff30}.progress i{display:block;height:2px;background:var(--yellow);width:0}.flavours{background:var(--ivory);color:#101010}.section-heading{display:grid;grid-template-columns:1fr 2fr 1fr;align-items:end;margin-bottom:65px}.section-heading .eyebrow{align-self:start}.section-heading h2 em{color:var(--red)}.section-heading p{font-size:14px}.flavour-layout{display:grid;grid-template-columns:1.05fr 1fr;gap:8%}.flavour-visual{min-height:550px;background:#eadfca;position:relative;overflow:hidden;display:grid;place-items:center;transition:background .5s}.flavour-halo{position:absolute;width:80%;aspect-ratio:1;border:1px solid #a77d4a55;border-radius:50%}.flavour-halo:after{content:'';position:absolute;inset:10%;border:1px solid #a77d4a33;border-radius:50%}#flavour-image{height:330px;width:215px;transform:rotate(-7deg);transition:transform .35s}#flavour-image:hover{transform:rotate(-3deg) translateY(-8px)}.index{position:absolute;top:25px;left:25px;font-size:11px;letter-spacing:.15em}.visual-caption{position:absolute;bottom:24px;font-size:10px;letter-spacing:.16em}.flavour-select{display:flex;flex-wrap:wrap;gap:8px;padding-bottom:32px;border-bottom:1px solid #10101030}.flavour-select button{border:1px solid #10101030;background:transparent;color:#101010;padding:12px 17px;border-radius:2px;font-size:12px;transition:.2s}.flavour-select button[aria-pressed=true]{background:#101010;color:var(--ivory);border-color:#101010}.flavour-detail{padding-top:45px}.flavour-detail h3{font-size:65px;margin:16px 0}.flavour-detail p{max-width:330px;margin-bottom:30px;color:#625d52;font-size:14px}.story{background:var(--red)}.story-grid{display:grid;grid-template-columns:1fr 1fr;gap:8%;margin-top:50px}.story h2{font-size:clamp(70px,9vw,140px)}.story h2 em{color:var(--yellow)}.story-right p{margin-top:30px;max-width:390px;font-size:19px}.story-image{height:370px;background:#910a23}.landscape svg{width:100%;height:100%;fill:none;stroke:#ffbe7a80;stroke-width:1}.connection{display:flex;align-items:center;gap:25px;margin-top:65px;font-size:11px;letter-spacing:.2em}.connection svg{height:80px;flex:1;min-width:0;fill:none;stroke:var(--yellow);stroke-width:1.5}.experience{background:var(--ivory);color:#101010}.experience-intro{display:flex;justify-content:space-between;padding-bottom:65px;border-bottom:1px solid #10101030}.experience-intro p{font-size:20px;line-height:1.4}.experience-row{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:12%;margin-top:90px}.experience-row.reverse{grid-template-columns:1fr 1.1fr}.experience-row.reverse>.asset{order:2}.experience-row h2{margin:25px 0}.experience-row h2 em{color:var(--red)}.experience-row p{font-size:14px;color:#625d52}.experience-image{height:410px;background:#e5d9c2}.texture-proxy{background:repeating-radial-gradient(ellipse at 10% 150%,transparent 0 19px,#a3865233 20px 21px,transparent 22px 32px);transform:scale(1.2)}.aroma-proxy{background:radial-gradient(ellipse at 50% 100%,#ffc72c38,transparent 65%),repeating-linear-gradient(115deg,transparent 0 90px,#fff6e621 91px 92px);background-color:#29271f}.bite-proxy{background:linear-gradient(145deg,transparent 49.8%,#c8102e30 50%,transparent 50.2%),#d8c4aa}.gallery .section-heading{grid-template-columns:1fr 3fr}.gallery-grid{display:grid;grid-template-columns:1.3fr .7fr 1fr;grid-template-rows:260px 220px;gap:20px}.gallery-a{grid-row:span 2}.gallery-b{grid-column:span 2}.gallery-proxy{background:#25231e}.g1{background:linear-gradient(145deg,transparent 50%,#ffc72c0d 50%),#29241d}.g2{background:radial-gradient(ellipse at 80% 140%,#8c754733,transparent 65%),#24221e}.g3{background:linear-gradient(45deg,#c8102e12 50%,transparent 50%),#2d1f20}.g4{background:repeating-linear-gradient(135deg,transparent 0 60px,#ffc72c12 61px 62px),#25231e}.partner{background:var(--yellow);color:#101010;display:grid;grid-template-columns:1fr 1fr;gap:10%}.partner h2{margin:35px 0}.partner h2 em{color:var(--red)}.partner p{max-width:340px;font-size:14px}.preview-note{margin-top:30px;font-size:12px!important;opacity:.8;border-left:2px solid #101010;padding-left:14px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px 20px}label{display:flex;flex-direction:column;font-size:12px;gap:10px}label span{display:contents;color:#544415}input,select,textarea{width:100%;min-width:0;padding:12px 0;border:0;border-bottom:1px solid #10101066;background:transparent;border-radius:0;color:#101010;outline-offset:3px}textarea{resize:vertical}option{background:#fff6e6}.wide{grid-column:span 2}form>.button{margin-top:26px}#form-status{margin:15px 0;font-size:12px}#enquiry-preview textarea{border:1px solid #10101060;padding:10px}.closing{text-align:center;overflow:hidden;min-height:730px;padding-bottom:230px!important}.closing h2{font-size:clamp(90px,12vw,180px);margin:40px 0}.closing h2 em{color:var(--yellow)}.closing-mark{position:absolute;bottom:-95px;left:0;right:0;font-size:clamp(180px,34vw,480px);font-weight:800;font-style:italic;letter-spacing:-.08em;line-height:1;color:#ffffff06;pointer-events:none}footer{padding:45px 6%;border-top:1px solid #ffffff24;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:11px}footer .wordmark{font-size:32px}footer span{line-height:1.5}footer small{color:#aaa69b}dialog{border:0;color:#101010;background:var(--ivory);padding:0;max-height:90svh;width:900px;max-width:94vw}dialog::backdrop{background:#000b;backdrop-filter:blur(5px)}.close{position:absolute;right:20px;top:15px;z-index:5;font-size:30px;border:0;background:transparent;min-width:44px;min-height:44px}#product-dialog[open]{display:grid;grid-template-columns:1fr 1fr}#modal-image{background:#e4d6bd;min-height:430px;display:grid;place-items:center}#modal-image>.proxy{width:55%;height:300px}#modal-image img{max-height:500px}.modal-copy{padding:75px 35px 40px}.modal-copy h2{font-size:50px;margin:25px 0}.modal-copy p{font-size:14px}.modal-copy .button{margin-top:25px}dl{font-size:13px}dd{margin:0 0 10px}#modal-gallery{display:flex;gap:10px}#modal-gallery img{width:70px;height:70px;object-fit:contain}.reveal{transition:opacity .7s,transform .7s}.reveal.waiting{opacity:.2;transform:translateY(25px)}[hidden]{display:none!important}@keyframes settle{from{transform:translateY(30px) rotate(13deg);opacity:0}to{transform:translateY(0) rotate(9deg);opacity:1}}@media(min-width:1600px){.hero-copy{margin-top:140px}}@media(max-width:1000px){header nav{gap:15px}.nav-cta{display:none}.hero{min-height:740px}.hero-copy{margin-top:120px}.hero-copy h1{font-size:11vw}.hero-art{right:-5%;width:52%}.section-heading{grid-template-columns:1fr 2fr}.section-heading>p{display:none}.flavour-layout{gap:5%}.flavour-visual{min-height:500px}.flavour-detail h3{font-size:52px}.story-image{height:300px}.experience-image{height:320px}.partner{gap:6%}footer{flex-wrap:wrap}}@media(max-width:700px){header{height:72px;padding:0 6%}header nav{display:none}.wordmark{font-size:34px}.menu-toggle{display:flex;align-items:center;gap:15px;background:none;border:0;font-size:12px;padding:12px 0}.menu-toggle span{font-size:23px}#menu{height:100svh;max-height:100svh;max-width:100%;width:100%;padding:100px 7%;background:var(--red);color:var(--ivory);margin:0}#menu nav{display:flex;flex-direction:column;margin:60px 0;gap:25px;font-family:'Barlow Condensed',Impact,sans-serif;font-size:40px;text-transform:uppercase}#menu p{color:var(--yellow)}.hero{height:auto;min-height:940px;padding-top:100px}.hero-top{font-size:9px}.hero-top span:last-child{display:none}.hero-copy{width:100%;margin-top:38px}.hero-copy h1{font-size:clamp(64px,15vw,105px)}.hero-copy p{font-size:13px;margin:20px 0}.actions{gap:20px;flex-wrap:wrap}.button{padding:16px 20px;font-size:11px}.text-link{font-size:11px}.hero-art{width:85%;height:410px;top:450px;right:7.5%}.hero-pack{height:290px;width:185px}.art-label{font-size:8px}.hero-bottom{font-size:8px;bottom:25px}.hero-bottom>span{display:none}.mountains{height:55%}.unwrap{height:170vh}.scene{min-height:650px;padding:90px 6% 30px}.scene-copy{top:145px;max-width:100%}.scene-copy h2{font-size:52px;max-width:340px;margin:15px 0}.scene-copy .eyebrow{font-size:9px}.scene-link{margin:0}.unpack-art{right:12%;top:43%;width:76%;height:45%}.scene-footer{gap:12px;font-size:8px}.scene-footer>span:last-child{display:none}section:not(.hero,.unwrap){padding:70px 6%}.section-heading,.gallery .section-heading{display:block;margin-bottom:35px}.section-heading h2{margin-top:25px;font-size:68px}.flavour-layout{grid-template-columns:1fr;gap:30px}.flavour-visual{min-height:380px}#flavour-image{height:260px;width:170px}.flavour-select{padding-bottom:23px;gap:7px}.flavour-select button{font-size:11px;padding:11px 12px}.flavour-detail{padding-top:25px}.flavour-detail h3{font-size:48px}.story-grid{grid-template-columns:1fr;gap:35px;margin-top:30px}.story h2{font-size:82px}.story-image{height:280px}.story-right p{font-size:16px}.connection{gap:15px;margin-top:35px;font-size:9px}.connection svg{height:60px}.experience-intro{gap:25px;padding-bottom:30px}.experience-intro .eyebrow{max-width:150px}.experience-intro p{font-size:14px}.experience-row,.experience-row.reverse{grid-template-columns:1fr;gap:30px;margin-top:50px}.experience-row.reverse>.asset{order:0}.experience-row h2{font-size:68px;margin:15px 0}.experience-image{height:300px}.gallery-grid{grid-template-columns:1fr 1fr;grid-template-rows:260px 180px 200px;gap:12px}.gallery-a{grid-column:span 2;grid-row:auto}.gallery-b{grid-column:span 1}.gallery-d{grid-column:span 2}.partner{grid-template-columns:1fr;gap:40px}.partner h2{font-size:78px;margin:25px 0}.form-grid{gap:22px 15px}.closing{min-height:620px}.closing h2{font-size:88px}.closing>.eyebrow{font-size:9px}.closing-mark{bottom:-20px}footer{align-items:start;display:grid;grid-template-columns:1fr 1fr;padding:35px 6%;gap:25px}footer small{grid-column:span 2}#product-dialog[open]{grid-template-columns:1fr}#modal-image{min-height:260px}#modal-image>.proxy{height:210px;width:140px}.modal-copy{padding:30px}.modal-copy h2{font-size:42px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.unwrap{height:auto}.scene{position:relative;min-height:760px}.reveal.waiting{opacity:1;transform:none}.hero-pack{transform:rotate(9deg)}}

/* Zimtak's primary palette: chilli red, golden yellow and near black. */
.hero{background:linear-gradient(110deg,#101010 48%,#340910 100%)}
.hero-copy h1{color:var(--yellow)}
.hero-copy h1 em{color:var(--yellow)}
.hero-art{background:radial-gradient(ellipse,#c8102e55,transparent 68%)}
.hero-top,.hero-bottom,.art-label,.scene-top{color:#ffc72cbf}
.orbit-one{border-color:#ffc72ca8}.orbit-two{border-color:#c8102e;border-width:2px}
.pack-proxy{background:linear-gradient(100deg,#101010,#282828 45%,#171717 85%,#080808)}
.pack-proxy:after{border-color:#ffc72c88}
.pack-lines{background:repeating-linear-gradient(135deg,transparent 0 16px,#ffc72c55 17px 18px)}
.seam{background:repeating-linear-gradient(90deg,#ffc72c66 0 2px,transparent 2px 5px);border-color:#ffc72c66}.seam.bottom{border-color:#ffc72c66}
.tear-proxy{background:repeating-linear-gradient(90deg,#101010 0 2px,#ffc72c 2px 5px)}
.noodle-proxy{background:repeating-radial-gradient(ellipse at 50% 100%,#ffc72c 0 3px,#101010 4px 6px)}
.bowl-proxy{border-color:#ffc72c;background:linear-gradient(#ffc72c15,#ffc72c50)}.bowl-proxy span{border-color:#ffc72c}
.flavours{background:var(--yellow)}
.flavour-visual{background:var(--red);color:var(--yellow)}
.flavour-halo,.flavour-halo:after{border-color:#ffc72c66}
.flavour-detail p{color:#29220d}
.story-image{background:#101010}.landscape svg{stroke:#ffc72ca0}
.experience{background:var(--black);color:var(--yellow)}
.experience-intro{border-color:#ffc72c44}
.experience-row h2 em{color:var(--yellow)}
.experience-row p{color:#ffc72cc7}
.experience-image{background:#c8102e}
.texture-proxy{background:repeating-radial-gradient(ellipse at 10% 150%,transparent 0 19px,#ffc72c70 20px 21px,transparent 22px 32px)}
.aroma-proxy{background:radial-gradient(ellipse at 50% 100%,#c8102e66,transparent 65%),repeating-linear-gradient(115deg,transparent 0 90px,#10101033 91px 92px);background-color:#ffc72c}
.bite-proxy{background:linear-gradient(145deg,transparent 49.8%,#ffc72c 50%,transparent 50.2%),#c8102e}
.gallery{background:var(--red);color:var(--yellow)}
.g1{background:linear-gradient(145deg,transparent 50%,#ffc72c15 50%),#101010}
.g2{background:radial-gradient(ellipse at 80% 140%,#c8102e44,transparent 65%),#101010}
.g3{background:linear-gradient(45deg,#10101015 50%,transparent 50%),#ffc72c}
.g4{background:repeating-linear-gradient(135deg,transparent 0 60px,#ffc72c44 61px 62px),#101010}
.closing-mark{color:#c8102e22}
#modal-image{background:#c8102e}
footer{border-color:#ffc72c33}footer small{color:#ffc72cbf}

/* Complete campaign imagery and editorial sections. */
.hero-art{inset:0;width:100%;height:100%;display:block;background:none}.hero-pack{width:100%;height:100%;max-height:none;transform:none;animation:none;filter:none;opacity:.88}.hero-pack img{object-position:80% center!important}.hero-art:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#101010 0%,#101010e8 28%,#10101060 55%,transparent 76%)}.hero-copy{width:65%}.hero-copy h1{font-size:clamp(78px,8.5vw,136px)}.hero-top,.hero-bottom{z-index:4;position:relative}.hero-bottom{position:absolute}.orbit,.cross,.art-label{display:none}.food-story .body-layer{width:75%;height:80%;left:14%;top:8%;border-radius:50%}.food-story .bowl-layer{left:0;top:10%;width:100%;height:85%;border-radius:50%}.food-story .scene-ring{z-index:8;pointer-events:none}.food-story .tear-layer{display:none}#flavour-image{width:80%;height:380px;transform:none;border-radius:50%}#flavour-image:hover{transform:scale(1.025)}.visual-caption{font-size:8px;max-width:85%;text-align:center}.image-note{font-size:11px;line-height:1.6;opacity:.75;margin-top:28px}.footer-note{margin:0;padding:0 6% 28px}.serve{background:var(--yellow);color:var(--black)}.serve-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin:30px 0 55px}.serve h2 em{color:var(--red)}.serve-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.serve-grid article{border-top:1px solid #10101055;padding-top:25px}.serve-grid span{font-size:10px;letter-spacing:.12em}.serve-grid h3{font-size:36px;margin:25px 0 15px}.serve-grid p{font-size:14px;max-width:320px}.faq{display:grid;grid-template-columns:1fr 1.2fr;gap:8%}.faq h2{margin-top:30px}.faq details{border-bottom:1px solid #ffc72c44;padding:24px 0}.faq summary{cursor:pointer;font-size:17px;line-height:1.5}.faq details p{font-size:14px;line-height:1.8;margin-top:18px;color:#e2c879}.story-right details{margin-top:24px;font-size:14px}.story-right details p{font-size:15px}.story-image img,.experience-image img,.gallery img{transition:transform .7s}.story-image:hover img,.gallery .asset:hover img{transform:scale(1.03)}
@media(max-width:700px){.hero{min-height:900px}.hero-copy{width:100%}.hero-copy h1{font-size:16vw}.hero-pack{width:100%;height:65%;position:absolute;bottom:0}.hero-pack img{object-position:75% 50%!important}.hero-art{inset:0;width:100%;height:100%}.hero-art:after{background:linear-gradient(180deg,#101010 10%,#101010f2 36%,#10101030 65%,#10101066 100%)}.hero-top{position:relative}.hero-bottom{position:absolute}.hero-copy{z-index:5}#flavour-image{width:83%;height:290px}.serve-heading{display:block}.serve-heading p{margin-top:25px}.serve-grid{grid-template-columns:1fr;gap:35px}.faq{grid-template-columns:1fr;gap:35px}.faq h2,.serve h2{font-size:70px}.faq summary{font-size:16px}.food-story .unpack-art{top:48%;height:40%}.food-story .scene-copy h2{font-size:48px}}

/* Original Zimtak mascot, preserved without alteration. */
.hero-art{opacity:.25}.hero-monk{position:absolute;z-index:2;right:1%;top:18%;width:47%;height:72%;filter:drop-shadow(0 24px 32px #0005);animation:monk-arrive .9s ease-out both}.hero-copy{width:59%}.hero-copy h1{font-size:clamp(74px,7.6vw,122px)}.hero-copy h1 em{display:inline-block;max-width:680px}.closing{padding-left:40%!important;text-align:left}.closing-monk{position:absolute;left:4%;top:18%;width:34%;height:64%;z-index:1}.closing h2{font-size:clamp(80px,9vw,140px)}.closing-mark{z-index:0}.closing>.eyebrow,.closing>h2,.closing>.button{position:relative;z-index:2}@keyframes monk-arrive{from{opacity:0;transform:translateY(25px) rotate(3deg)}to{opacity:1;transform:none}}
@media(max-width:700px){.hero{min-height:980px}.hero-copy{width:100%}.hero-copy h1{font-size:15vw}.hero-monk{top:440px;right:7%;width:86%;height:465px}.hero-art{opacity:.13}.closing{padding-left:6%!important;text-align:center;padding-bottom:380px!important;min-height:920px}.closing h2{font-size:88px}.closing-monk{left:22%;top:auto;bottom:55px;width:56%;height:320px}.closing-mark{bottom:0}}

/* Supplied logo and scroll-linked mascot reveal. */
.wordmark.brand-wordmark{display:block;width:104px;height:66px;flex-shrink:0;overflow:hidden;border-radius:5px;background:white;letter-spacing:0}.brand-wordmark img{width:100%;height:100%;object-fit:contain}.hero{height:180svh;max-height:none;min-height:0;padding:0;overflow:visible}.hero-stage{position:sticky;top:0;height:100svh;min-height:720px;overflow:hidden;padding:126px 6% 40px}.hero-copy{width:55%;margin-top:110px}.hero-copy h1{font-size:clamp(70px,7.1vw,116px)}.brand-reveal{position:absolute;overflow:hidden;isolation:isolate}.hero-brand{right:3%;top:20%;width:43%;height:72%;z-index:2}.brand-monk{position:absolute;left:8%;top:0;width:84%;height:83%;z-index:1;transform:translateY(83%);will-change:transform}.brand-logo{position:absolute;left:0;bottom:0;width:100%;height:34%;z-index:2;background:#fff;border-radius:12px;box-shadow:0 16px 45px #0007}.brand-logo img{object-fit:contain!important}.closing-brand{left:4%;top:17%;width:33%;height:67%}.closing-brand .brand-logo{height:36%}.hero-bottom{z-index:5}.hero-art{opacity:.15}.hero-brand .brand-monk{filter:drop-shadow(0 12px 22px #0004)}
@media(max-width:700px){.wordmark.brand-wordmark{width:82px;height:56px}.hero{height:165svh;min-height:0}.hero-stage{min-height:720px;height:100svh;padding:95px 6% 25px}.hero-copy{width:100%;margin-top:28px}.hero-copy h1{font-size:clamp(52px,12.5vw,82px)}.hero-copy p{margin:16px 0;font-size:12px}.hero-copy .actions{gap:12px}.hero-brand{top:44%;height:49%;width:76%;right:12%}.brand-logo{height:33%;border-radius:8px}.hero-brand .brand-monk{height:88%;width:86%;left:7%}.hero-bottom{bottom:15px}.closing-brand{left:17%;top:auto;bottom:45px;width:66%;height:350px}.closing{min-height:960px}.closing-brand .brand-logo{height:35%}}
@media(prefers-reduced-motion:reduce){.hero{height:auto}.hero-stage{position:relative}.brand-monk{transform:none!important;will-change:auto}}

/* Transparent, unified mascot and badge composition. */
.wordmark.brand-wordmark{background:transparent;border-radius:0;width:124px;height:66px;overflow:visible}.brand-reveal{overflow:visible;aspect-ratio:1/1;height:auto}.hero-brand{width:min(42vw,590px);top:22%;right:4%}.monk-window{position:absolute;inset:0 6% 35%;overflow:hidden;z-index:1}.brand-reveal .brand-monk{left:0;top:0;width:100%;height:133%;filter:none;transform:translateY(83%)}.brand-logo,.closing-brand .brand-logo{left:5%;bottom:0;width:90%;height:48%;background:transparent;box-shadow:none;border-radius:0;overflow:visible;filter:drop-shadow(0 9px 12px #0005)}.brand-logo img{object-position:center top!important}.closing-brand{width:33%;height:auto;top:20%;left:4%}.hero-art{opacity:.08}.hero-brand .brand-monk{filter:none}
@media(max-width:700px){.wordmark.brand-wordmark{width:96px;height:55px}.hero-brand{top:auto;bottom:5%;right:12%;width:min(76%,370px);height:auto}.brand-reveal .brand-monk{width:100%;height:133%;left:0}.closing-brand{top:auto;bottom:48px;left:17%;width:66%;height:auto}.brand-logo,.closing-brand .brand-logo{height:48%;border-radius:0}.closing{min-height:900px}}

/* Kbong family, history and production */
.company-history{margin-top:90px;border-top:1px solid #ffffff30;padding-top:50px}.company-heading{display:flex;justify-content:space-between;gap:30px;align-items:start}.company-heading h3{font-size:clamp(30px,4vw,55px);line-height:1.1;margin:0}.company-heading p{line-height:1.6;color:#ddd}.history-line{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:40px;padding:0;margin:65px 0 30px}.history-line li{border-top:2px solid #ffca28;padding-top:22px}.history-line li>span{font-size:38px;font-weight:800;color:#ffca28}.history-line h4{font-size:21px;margin:24px 0 14px}.history-line p{font-size:15px;line-height:1.7;color:#ddd;max-width:360px}.history-sources{font-size:12px;line-height:2;color:#ddd}.history-sources summary{cursor:pointer}.history-sources a{text-decoration:underline;text-underline-offset:4px}.brand-family{padding:100px 6%;background:#ffca28;color:#101010;scroll-margin-top:70px}.family-heading{display:flex;justify-content:space-between;gap:40px;align-items:end;margin:35px 0 60px}.family-heading h2{font-size:clamp(40px,5.5vw,76px);line-height:1.02;margin:0}.family-heading p{max-width:300px;line-height:1.7}.brand-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.family-card{border:1px solid #10101040;padding:25px 20px;min-height:240px;display:flex;flex-direction:column}.family-card.featured{background:#dfa900;color:#101010;border-color:#916700;box-shadow:inset 0 0 0 1px #916700}.family-logo{height:120px;display:flex;align-items:center;justify-content:center}.family-logo img{width:100%;height:100%;object-fit:contain}.family-logo h3{font-size:30px;text-align:center;line-height:1.1;margin:0}.family-card p{font-size:11px;letter-spacing:.05em;margin:28px 0 18px}.family-card .text-link{font-size:12px;align-self:start}.production{padding:100px 6%;background:radial-gradient(at 100% 100%,#730b1d,transparent 65%),#101010;color:#ffca28}.production h2{font-size:clamp(44px,6vw,82px);line-height:1.03;margin:35px 0 70px}.production-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px}.production-grid article{min-width:0;border-top:1px solid #ffca2855;padding-top:25px}.production-grid strong{font-size:clamp(28px,4.4vw,66px);font-variant-numeric:tabular-nums;display:block;margin:24px 0 10px;letter-spacing:-.04em}.production-grid p{font-size:15px}.meter-track{height:3px;background:#ffca2825;margin-top:35px}.meter-track i{display:block;height:100%;width:0;background:#ffca28}.production-note{font-size:12px;line-height:1.7;color:#ddd;max-width:700px;margin:35px 0 15px}#counter-pause{color:inherit;background:none;font-size:12px;cursor:pointer}[hidden]{display:none!important}
@media(max-width:1000px){header nav{gap:18px}.brand-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.company-heading{flex-wrap:wrap}.company-heading>.eyebrow{width:100%}}
@media(max-width:700px){.company-heading,.family-heading{display:block}.company-heading h3{margin:25px 0}.history-line{grid-template-columns:1fr;gap:30px;margin-top:40px}.history-line p{max-width:none}.brand-family,.production{padding:70px 6%}.family-heading p{margin-top:25px}.family-card{padding:20px 12px;min-height:200px}.family-logo{height:100px}.family-logo h3{font-size:24px}.production-grid{grid-template-columns:1fr;gap:45px}.production-grid strong{font-size:clamp(30px,9vw,52px)}}

.header-brand-picker{display:flex;flex-direction:column;gap:3px;margin-left:14px;margin-right:auto;padding-left:18px;border-left:1px solid currentColor;color:inherit}.header-brand-picker>span{font-size:8px;letter-spacing:.15em;opacity:.65}.header-brand-picker select{font:inherit;font-size:12px;max-width:140px;border:0;background:transparent;color:inherit;cursor:pointer;padding:2px 18px 2px 0}.header-brand-picker option{color:#101010;background:#ffca28}header nav{gap:22px;margin:0 22px}.family-card{padding:0}.family-choice{padding:25px 20px;width:100%;height:100%;text-align:left;color:inherit;background:none;border:0;cursor:pointer;font:inherit}.family-choice:focus-visible{outline:3px solid #c8102e;outline-offset:4px}.brand-choice-state{font-size:11px;display:block;padding-top:4px}.brand-choice-state:after{content:'Select brand ↗'}.family-choice[aria-pressed=true] .brand-choice-state:after{content:'Selected ✓'}.selected-brand{border-top:1px solid #10101040;margin-top:35px;padding-top:30px;display:flex;justify-content:space-between;align-items:center;gap:30px}.selected-brand h3{font-size:32px;margin:12px 0}.selected-brand p{font-size:14px;line-height:1.6;max-width:620px}.selected-brand .button{flex-shrink:0}
@media(max-width:1100px){header nav{gap:13px;margin:0 15px}header .nav-cta{display:none}}
@media(max-width:700px){.header-brand-picker{margin-left:9px;padding-left:12px}.header-brand-picker select{font-size:11px;width:125px}.family-choice{padding:20px 12px}.selected-brand{display:block}.selected-brand .button{margin-top:20px;display:inline-flex}.production-grid strong{font-size:clamp(30px,9vw,52px)}}

.asset picture,.wordmark picture{display:block;width:100%;height:100%}.asset picture img,.wordmark picture img{width:100%;height:100%}.collection-intro{max-width:740px;font-size:15px;margin:22px 0}.catalogue-links{display:flex;flex-wrap:wrap;gap:10px;margin:25px 0 45px}.catalogue-links a{font-size:12px;border:1px solid currentColor;padding:10px 14px}.site-directory{display:flex;flex-wrap:wrap;justify-content:center;gap:22px;padding:25px 6%;font-size:12px;border-top:1px solid #ffc72c30}.brand-profile-link{display:block;font-size:11px;margin:0 20px 20px;text-decoration:underline;text-underline-offset:4px}.family-choice{height:auto;flex:1}.brand-profile-link:focus-visible{outline:3px solid #c8102e}.hero-brand .brand-monk picture,.brand-logo picture{height:100%}

.brand-products{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:32px;max-width:820px}.brand-product{min-width:0;text-align:center}.brand-product-art{height:340px;background:transparent;border-radius:0;padding:16px;overflow:visible}.brand-product-art img{display:block;width:100%;height:100%;object-fit:contain}.brand-product h4{font-size:23px;margin:18px 0 6px}.brand-product p,.range-note{font-size:13px;line-height:1.6}.range-note{margin-top:24px}.range-pending{grid-column:1/-1;padding:24px;border:1px solid currentColor}.brand-range{display:grid;gap:24px;margin-top:28px}.product-pack{display:block;width:100%;max-width:360px;height:340px;object-fit:contain;background:transparent;border-radius:0;margin:0 auto 28px;padding:12px}.brand-product-art .product-pack{margin:0;padding:0;max-width:none;height:100%}@media(max-width:600px){.brand-product-art{height:240px;padding:10px}.brand-products{gap:14px}.brand-product h4{font-size:19px}.product-pack{height:290px}}

.brand-product-art img,.product-pack{filter:drop-shadow(0 18px 12px #0003);transition:transform .3s ease}@media(hover:hover) and (prefers-reduced-motion:no-preference){.brand-product:hover .brand-product-art img{transform:translateY(-6px) rotate(0deg)}}

#flavour-image:has(img[src*="pack-cutout"]){border-radius:0;overflow:visible;width:70%;filter:drop-shadow(8px 18px 14px #0005)}#modal-image:has(img[src*="pack-cutout"]){overflow:visible}#modal-image img[src*="pack-cutout"]{filter:drop-shadow(8px 18px 14px #0005)}

.brand-product h4,.brand-product>p{width:100%;max-width:none;text-align:center}.brand-product-art{display:flex;align-items:center;justify-content:center}.brand-product-art picture{flex:1;min-width:0}

.header-brand-picker{flex-shrink:0;padding-left:14px;margin-left:14px}.header-brand-options{display:flex;gap:4px}.header-brand-options button{border:1px solid transparent;background:transparent;color:inherit;font-size:11px;font-weight:600;white-space:nowrap;padding:8px 9px;border-radius:3px}.header-brand-options button:hover{border-color:currentColor}.header-brand-options button[aria-pressed=true]{background:#dfa900;color:#101010;border-color:#916700}header nav{gap:16px;margin:0 16px}@media(max-width:1450px){header .nav-cta{display:none}}@media(max-width:1100px){header nav{display:none}.menu-toggle{display:block}.header-brand-picker{margin-right:auto}}@media(max-width:650px){header,header.scrolled{height:122px;flex-wrap:wrap;align-content:center;row-gap:9px;padding:8px 4%}.header-brand-picker{order:3;flex-basis:100%;margin:0;padding:0;border:0;gap:0}.header-brand-picker>span{display:none}.header-brand-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}.header-brand-options button{font-size:10px;padding:9px 3px}.menu-toggle{margin-left:auto}html{scroll-padding-top:136px}.brand-family{scroll-margin-top:0}.hero{padding-top:155px}}

footer .staff-access{display:inline-flex;align-items:center;justify-content:center;min-height:32px;padding:6px 9px;font:11px 'DM Sans',Arial,sans-serif;letter-spacing:.06em;text-decoration:none;color:#b4a47a;border:1px solid transparent;border-radius:3px}footer .staff-access:hover,footer .staff-access:focus-visible{color:#ffc72c;border-color:#ffc72c66}

#selected-brand{scroll-margin-top:18px}
/* Scroll-directed product story. Every visual uses the same stable stage. */
.carton-story.unwrap{height:650svh;background:#101010}
.carton-story .scene{height:100svh;min-height:0;position:sticky;top:0;padding:110px 6% 36px;background:radial-gradient(ellipse at 73% 55%,#5b1720 0, #231114 35%,#101010 72%)}
.carton-story .scene-copy{top:32%;left:6%;width:40%;max-width:520px;z-index:10}
.carton-story .scene-copy h2{font-size:clamp(46px,6.4vw,96px);margin:22px 0}
#scene-description{font-size:14px;line-height:1.7;max-width:340px;color:#e2cdb7;margin-bottom:22px}
.story-stage{position:absolute;right:3%;top:17%;width:53%;height:70%;isolation:isolate;pointer-events:none}
.story-stage .asset{position:absolute;overflow:visible;will-change:transform,opacity}
.story-stage img{object-fit:contain!important;filter:drop-shadow(0 18px 16px #0005)}
.story-glow{position:absolute;inset:10%;border:1px solid #ffc72c18;border-radius:50%;background:radial-gradient(ellipse,#c8102e14,transparent 70%)}
.carton-back{position:absolute;left:17%;top:43%;width:66%;height:18%;z-index:1;will-change:transform,opacity}
.carton-mouth{display:block;position:absolute;inset:10% 0 0;background:#38200e;clip-path:polygon(6% 0,94% 0,100% 100%,0 100%)}
.carton-flap{display:block;position:absolute;inset:0 0 10%;background:linear-gradient(#9f6836,#d7a364);border:1px solid #aa7641;transform-origin:50% 100%;}
.story-packet{position:absolute;left:30%;top:13%;width:40%;height:62%;z-index:2;opacity:0;will-change:transform,opacity}
.story-packet .asset{inset:0;width:100%;height:100%}.story-packet img{filter:none}
.packet-body{clip-path:inset(15% 0 0 0)}.packet-seal{clip-path:inset(0 0 85% 0);transform-origin:10% 15%}
.carton-front{left:0;top:45%;width:100%;height:48%;z-index:4}
.story-cake{left:31%;top:20%;width:38%;height:34%;z-index:1;opacity:0}
.story-empty,.story-full{left:8%;top:22%;width:84%;height:78%;opacity:0;z-index:5}
.story-full{z-index:6}
.water-pour{position:absolute;left:43%;top:13%;width:8px;height:49%;background:linear-gradient(90deg,#ffffff08,#c9ecffc9,#ffffff25);border-radius:100%;filter:blur(.5px);transform-origin:top;z-index:7;opacity:0}
.story-steam{position:absolute;left:34%;top:24%;width:32%;height:30%;z-index:8;opacity:0}
.story-steam i{position:absolute;left:15%;width:19%;height:100%;border-left:3px solid #fff5;border-radius:50%;filter:blur(4px)}.story-steam i:nth-child(2){left:45%;top:-12%;height:85%}.story-steam i:nth-child(3){left:75%;top:6%;height:70%}
.story-bite{position:absolute;left:28%;top:21%;width:60%;height:55%;z-index:9;opacity:0;will-change:transform,opacity;filter:drop-shadow(0 5px 4px #0005)}
.carton-story .scene-footer{bottom:28px}.carton-story .progress{flex:1}
#flavour-image:has(img[src*="oriental-scroll"]){border-radius:0;overflow:visible;width:70%;filter:drop-shadow(8px 18px 14px #0005)}
@media(max-width:700px){.carton-story.unwrap{height:600svh}.carton-story .scene{padding-top:145px}.carton-story .scene-top{font-size:8px;gap:15px}.carton-story .scene-copy{top:23%;left:6%;width:88%;max-width:none}.carton-story .scene-copy h2{font-size:clamp(37px,8vw,58px);margin:12px 0}.carton-story .scene-copy h2 br{display:none}#scene-description{font-size:12px;max-width:85%;margin-bottom:10px}.carton-story .scene-link{font-size:10px;padding:5px 0}.story-stage{width:94%;height:47%;right:3%;top:47%}.carton-story .scene-footer{bottom:18px;font-size:7px}.carton-story .scene-copy>.eyebrow{font-size:8px}}
@media(max-height:700px) and (min-width:701px){.carton-story .scene-copy{top:29%}.carton-story .scene-copy h2{font-size:52px}.story-stage{top:18%;height:72%}}
@media(prefers-reduced-motion:reduce){.carton-story.unwrap{height:100svh;min-height:720px}.carton-story .scene{position:relative;height:100%;min-height:720px}.story-stage *{will-change:auto}}

/* Quiet photographic transitions: fixed framing, no drawn props or orbit. */
.carton-story .story-glow,.carton-story .carton-back,.carton-story .water-pour,.carton-story .story-steam{display:none}
.carton-story .scene{background:radial-gradient(ellipse at 73% 57%,#34171a 0,#171213 45%,#101010 78%)}
.carton-story .story-bite{left:42%;top:24%;width:42%;height:43%;z-index:9;filter:none}
.carton-story .story-stage img{filter:drop-shadow(0 12px 18px #0003)}
.carton-story .story-packet img{filter:none}
.carton-story .scene-copy{will-change:opacity}
@media(prefers-reduced-motion:reduce){.carton-story .scene-copy{will-change:auto}}

.carton-story .story-stage{contain:layout style}
.carton-story .story-stage .asset,.carton-story .story-packet{backface-visibility:hidden}
.carton-story .story-empty,.carton-story .story-full{transform-origin:50% 75%}

/* Hinged carton lid and upright cake choreography. */
.carton-story .carton-back{display:block;left:22.5%;top:48.3%;width:55%;height:12%;z-index:1;perspective:700px}
.carton-story .carton-mouth{inset:-8% 0 55%;background:#24180f;clip-path:polygon(5% 0,95% 0,100% 100%,0 100%)}
.carton-story .carton-flap{inset:auto 0 100%;height:90%;transform-origin:50% 100%;background:linear-gradient(100deg,#b28250,#d5a16a 45%,#b78450);border:1px solid #956435;box-shadow:inset 0 -3px 3px #52321855;backface-visibility:visible}
.carton-side{position:absolute;top:-15%;width:16%;height:65%;background:linear-gradient(95deg,#bc8b55,#d4a570);border:1px solid #956435;z-index:2}
.carton-side.left{left:0;transform-origin:0 50%}.carton-side.right{right:0;transform-origin:100% 50%}
.carton-story .story-cake{left:34%;top:24%;width:32%;height:40%;z-index:1;transform-origin:50% 60%}
.carton-story .story-half{left:8%;top:22%;width:84%;height:78%;z-index:7;opacity:0}
.carton-story .story-empty{z-index:8}
.carton-story .story-half img,.carton-story .story-empty img{filter:none}

.carton-story .story-empty{z-index:5}

.carton-story .story-finish{left:8%;top:22%;width:84%;height:78%;z-index:8;opacity:0}.carton-story .story-finish img{filter:none}

/* Correct hinged top plane, packet occlusion and continuous cooking layers. */
.carton-story .carton-back{perspective:900px;transform-style:preserve-3d}
.carton-story .carton-flap{height:100%;transform-origin:50% 100%;background:linear-gradient(100deg,#a97947,#cca06f 45%,#b58653)}
.carton-story .carton-side{top:-50%;height:50%;width:50%;backface-visibility:visible;background:linear-gradient(100deg,#a97947,#c89b65);border-color:#936535}
.carton-story .carton-side.left{left:0;transform-origin:0 100%}.carton-story .carton-side.right{right:0;transform-origin:100% 100%}
.carton-story .story-cake{z-index:6}
.carton-story .story-cooking,.carton-story .story-rim{left:8%;top:22%;width:84%;height:78%;opacity:0}
.carton-story .story-cooking{z-index:7}
.carton-story .story-rim{z-index:8;clip-path:inset(76% 0 0 0)}
.carton-story .story-full{z-index:9}
.carton-story .story-half{z-index:10}
.carton-story .story-finish{z-index:11}
.carton-story .story-bite{z-index:12}
.carton-story .story-cooking img,.carton-story .story-rim img{filter:none}

.carton-story .carton-side{width:20%}

/* Two top doors only, a thick noodle brick, and a shorter scroll journey. */
.carton-story.unwrap{height:430svh}
.carton-story .carton-side{top:-55%;height:55%;width:50%;transform-style:preserve-3d;box-shadow:inset 0 -2px 0 #8d6039}
.carton-story .carton-mouth{inset:-55% 0 95%;clip-path:none}
.carton-story .story-packet{z-index:7}
.carton-story .carton-front{z-index:8}
.carton-story .story-cake{position:absolute;transform-style:preserve-3d;will-change:transform,opacity;overflow:visible;z-index:6}
.carton-story .story-cake .asset{inset:0;width:100%;height:100%;backface-visibility:visible}
.carton-story .cake-depth{transform:translateZ(calc(var(--depth) * -2px));filter:brightness(.76)}
.carton-story .story-cake img{filter:none}
@media(max-width:700px){.carton-story.unwrap{height:420svh}}
@media(prefers-reduced-motion:reduce){.carton-story.unwrap{height:100svh;min-height:720px}}

/* Upright side-hinged carton panels and photographic cake geometry. */
.carton-story .carton-side{top:-200%;height:200%;width:50%;transform:none!important;box-shadow:none;background:linear-gradient(105deg,#a77b4a,#d3b182 60%,#b58b58);border:0}
.carton-story .carton-side.left{left:-5%}.carton-story .carton-side.right{right:-5%}
.carton-story .carton-mouth{inset:-52% 0 98%;clip-path:polygon(9% 0,91% 0,100% 100%,0 100%)}
.carton-story .story-cake{transform-style:flat}
.carton-story .cake-face{transform-origin:50% 60%}
.carton-story .cake-flat{opacity:0}
.carton-story .story-soaking{left:8%;top:22%;width:84%;height:78%;z-index:7;opacity:0}
.carton-story .story-soaking img{filter:none}

/* Bright Zimtak palette and independent catalogue layouts. */
:root{--ivory:#fffaf2;--red:#c8102e;--yellow:#ffc72c}
body{background:#fffaf2;color:#242020}
header,header.scrolled{background:#fffaf2f5;color:#a50c24;border-bottom:1px solid #c8102e22}
header.light{background:#fffaf2f5;color:#a50c24}
header a:hover{color:#c8102e}.nav-cta{border-color:#c8102e66}
.hero,.hero-stage{background:#c8102e;color:#fffaf2}.hero-art{display:none}
.hero-copy h1{color:#fffaf2}.hero-copy h1 em{color:#ffc72c}
.hero-top,.hero-bottom{color:#fff3cc}.hero-copy .text-link{color:#fffaf2}
.carton-story.unwrap{background:#fffaf2}.carton-story .scene{background:radial-gradient(ellipse at 75% 55%,#ffe5ac 0,#fffaf2 65%);color:#a50c24}
.carton-story .scene-top,.carton-story .scene-copy .eyebrow{color:#9a1730}
#scene-description{color:#534340}.carton-story .progress{background:#c8102e25}.carton-story .progress i{background:#c8102e}
.flavours{background:#fff;color:#242020}.flavour-visual{background:#fff1ce!important;color:#92132a;border-radius:20px}.flavour-halo{display:none}
.flavour-detail p{color:#534340}.flavour-select button[aria-pressed=true]{background:#c8102e;color:white;border-color:#c8102e}
.story,.gallery{background:#c8102e;color:#fffaf2}.story h2 em,.gallery h2 em{color:#ffc72c}
.experience{background:#fffaf2;color:#a50c24}.experience-intro{border-color:#c8102e33}.experience-row h2 em{color:#c8102e}.experience-row p{color:#534340}
.recipes,.faq{background:#fff;color:#242020}.production{background:#c8102e;color:#fffaf2}.production-grid strong{color:#ffc72c}.production-note{color:#fff0df}
.brand-family,.partner{background:#ffc72c;color:#242020}.closing{background:#c8102e;color:white}.closing h2 em{color:#ffc72c}
footer,.site-directory,.asset-credit{background:#fffaf2;color:#7d1426;border-color:#c8102e22}footer small{color:#685751}footer .staff-access{color:#685751}
.dark{background:#c8102e;color:white}dialog{background:#fffaf2}#modal-image{background:#fff1ce;padding:32px}
.brand-products{max-width:1200px;width:100%;grid-template-columns:repeat(3,minmax(0,1fr));gap:44px 28px;margin:48px auto 0}
.brand-product{display:flex;flex-direction:column;align-items:center;min-width:0}
.brand-product-art{width:100%;height:330px;padding:18px;display:grid;place-items:center}
.brand-product-art picture{display:block;width:100%;height:100%;min-height:0}.brand-product-art img{width:100%;height:100%;object-fit:contain!important;object-position:center!important}
.brand-product h4{font-size:22px;line-height:1.25;min-height:2.5em;margin:16px 0 6px;display:flex;align-items:center;justify-content:center}
.brand-product p{margin-top:0}.brand-range .brand-product-art{height:290px}
#flavour-image,#flavour-image:has(img){width:82%;height:420px;transform:none;overflow:visible;filter:drop-shadow(0 15px 14px #65142620)}
#flavour-image:hover{transform:translateY(-5px)}#flavour-image img{object-fit:contain!important;object-position:center!important}
.flavour-layout{align-items:center}.flavour-visual{min-height:540px}.visual-caption{max-width:90%;text-align:center;line-height:1.5}
#modal-image img{object-fit:contain!important;object-position:center!important;height:390px;width:100%}
@media(min-width:701px) and (max-width:1000px){.brand-products{grid-template-columns:repeat(2,minmax(0,1fr))}.brand-product-art{height:300px}}
@media(max-width:700px){
 .hero{padding:0}.hero-stage{padding:150px 6% 30px;min-height:760px}.hero-copy{margin-top:18px}.hero-brand{bottom:5%;width:min(70%,330px);right:15%}
 .brand-products{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 12px;margin-top:30px}.brand-product-art,.brand-range .brand-product-art{height:210px;padding:6px}
 .brand-product h4{font-size:16px;line-height:1.3;min-height:3.9em;margin:12px 0 4px}.brand-product p{font-size:11px}
 .flavour-layout{gap:24px}.flavour-visual{min-height:370px;border-radius:14px}#flavour-image,#flavour-image:has(img){width:86%;height:275px;transform:none}.index{top:16px;left:16px}.visual-caption{bottom:15px;font-size:8px}
 #modal-image{padding:35px 22px 20px;min-height:290px}#modal-image img{height:250px}.modal-copy{padding:25px}
 .carton-story .scene-copy{top:22%}.carton-story .story-stage{top:48%;height:45%}.closing{padding-bottom:380px!important}
}
@media(max-width:380px){.brand-product-art,.brand-range .brand-product-art{height:175px}.brand-product h4{font-size:15px}.hero-copy h1{font-size:49px}}
#flavour-image:has(img){width:82%!important;height:420px!important;transform:none!important}.serve{background:#fff1ce;color:#242020}.faq details{border-color:#c8102e33}.faq summary{color:#a50c24}.faq p{color:#534340}
@media(max-width:700px){#flavour-image:has(img){width:86%!important;height:275px!important}}