:root{--green:#123f2f;--ink:#123f2f;--paper:#fff;--muted:#627469;--line:#dce4de}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid #9aaf58;outline-offset:6px}.skip{position:fixed;top:-100px;z-index:10;background:white;padding:20px}.skip:focus{top:0}.header{height:100px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#fff;position:relative;z-index:5}.brand{font-size:31px;line-height:1;font-weight:800;letter-spacing:-1.8px}.brand span{display:block;font-size:10px;letter-spacing:4px;margin-top:9px}.header nav{display:flex;gap:35px;font-size:13px;font-weight:600}.button{display:inline-flex;gap:30px;align-items:center;justify-content:center;background:var(--green);color:white;padding:19px 24px;border-radius:4px;font-size:13px;font-weight:700}.button:hover{background:#205d46}.button.small{padding:14px 19px;gap:24px}svg{width:20px;height:20px;stroke-width:1.6;flex-shrink:0}.story{height:320vh;position:relative}.stage{position:sticky;top:0;height:100svh;min-height:650px;overflow:hidden;max-height:1100px}.hero-copy{position:absolute;top:10%;left:5%;z-index:2;pointer-events:none}.hero-copy a{pointer-events:auto}.eyebrow{font-size:10px;letter-spacing:2.3px;font-weight:800;margin:0 0 28px}h1{font-size:clamp(50px,5.7vw,88px);font-weight:800;line-height:1.08;letter-spacing:-5px;margin:0}h1 span{color:#809185}.intro{font-size:15px;line-height:1.8;margin:25px 0}.scroll-cue{display:flex;gap:12px;align-items:center;margin-top:42px;font-size:11px;color:var(--muted)}.food-scene{position:absolute;right:-3%;top:0;width:65%;height:82%;}.food-scene canvas{position:absolute;width:100%;height:100%;inset:0;opacity:0;transition:opacity .4s}.webgl-ready canvas{opacity:1}.scene-fallback{width:75%;height:75%;object-fit:contain;position:absolute;left:14%;top:10%;border-radius:50%}.webgl-ready .scene-fallback{visibility:hidden}.scene-note{position:absolute;right:14%;bottom:7%;font-size:9px;letter-spacing:2.6px;transform:rotate(-8deg)}.chapter{position:absolute;bottom:100px;left:54%;right:7%;display:flex;align-items:center;gap:20px}.chapter>span{font-size:10px;white-space:nowrap;color:var(--muted)}.chapter h2{font-size:17px;letter-spacing:-.4px;margin:0 0 7px}.chapter p{font-size:12px;margin:0;color:var(--muted)}.motion-toggle{margin-left:auto;background:none;border:1px solid var(--line);border-radius:50%;width:38px;height:38px;display:grid;place-items:center;color:var(--green);cursor:pointer}.steps{position:absolute;bottom:25px;left:5%;right:5%;padding:0;display:flex;list-style:none;gap:25px}.steps li{flex:1;border-top:2px solid var(--line);padding-top:16px;font-size:10px;color:#829187;display:flex;gap:20px}.steps li.active{border-color:var(--green);color:var(--green)}.steps span{font-size:11px;font-weight:700}#assembly-end{position:absolute;bottom:100vh}.section{padding:100px 8%}.menu-section{background:#f6f8f5}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:50px}h2{font-size:clamp(38px,4.3vw,64px);line-height:1.13;letter-spacing:-2.5px;font-weight:700;margin:0}.section-heading>p{font-size:14px;line-height:1.9;color:var(--muted);margin:0 0 5px}.menu-tabs{display:flex;gap:12px;margin-bottom:30px;flex-wrap:wrap}.menu-tabs button{border:1px solid #cdd8ce;background:transparent;color:var(--green);border-radius:3px;padding:12px 24px;font-size:12px;font-weight:600;cursor:pointer}.menu-tabs button[aria-pressed=true]{color:white;background:var(--green);border-color:var(--green)}.menu-list{display:grid;grid-template-columns:1fr 1fr;column-gap:65px;margin-bottom:35px}.menu-item{display:flex;align-items:center;gap:18px;padding:25px 0;border-bottom:1px solid #d6e0d6}.item-number{font-size:10px;color:#849489;align-self:flex-start;margin-top:5px}.menu-item h3{font-size:17px;letter-spacing:-.4px;margin:0 0 8px}.menu-item p{font-size:11px;color:var(--muted);margin:0;line-height:1.6}.price{margin-left:auto;white-space:nowrap;font-size:18px;font-weight:700}.price small{font-size:11px}.text-link{display:inline-flex;align-items:center;gap:25px;font-size:12px;font-weight:700;border-bottom:1px solid;padding:12px 0}.order-section{background:var(--green);color:white}.order-section .section-heading>p{color:#c1d0c5}.platforms{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #557363;border-bottom:1px solid #557363}.platforms a{display:flex;align-items:center;justify-content:space-between;padding:30px 20px;font-size:14px;border-right:1px solid #557363;gap:10px}.platforms a:first-child{padding-left:0}.platforms a:last-child{border-right:0}.platforms a:hover{background:#ffffff0a}.bulk{display:flex;align-items:center;gap:25px;margin-top:60px}.bulk>svg{width:30px;height:30px}.bulk h3{font-size:17px;margin:0 0 8px}.bulk p{font-size:12px;color:#c1d0c5;margin:0;line-height:1.7}.bulk a{margin-left:auto;display:flex;gap:20px;align-items:center;font-size:13px}.contact-section{display:grid;grid-template-columns:1fr 1fr;gap:60px}.contact-section .text-link{margin-top:25px}.contact-details{padding-top:32px}.contact-details>div{display:flex;gap:22px;margin-bottom:28px}.contact-details p{margin:0;font-size:13px;line-height:1.9}footer{border-top:1px solid var(--line);padding:35px 5%;display:flex;align-items:center;justify-content:space-between}footer p{font-size:11px;color:var(--muted)}
@media(min-width:1600px){.hero-copy{left:10%}.food-scene{right:2%;width:60%}}
@media(max-width:760px){.header{height:80px;padding:0 6%}.brand{font-size:25px}.brand span{font-size:8px;letter-spacing:3px}.header nav{display:none}.button.small{font-size:11px;padding:12px}.story{height:280vh}.stage{min-height:700px}.hero-copy{left:6%;top:5%}.eyebrow{font-size:8px;margin-bottom:18px}h1{font-size:49px;letter-spacing:-2.8px}.intro{font-size:12px;margin:16px 0}.hero-copy .button{padding:13px 17px;font-size:11px}.scroll-cue{margin-top:19px;font-size:10px}.food-scene{width:110%;height:52%;top:36%;right:-18%;pointer-events:none}.scene-note{right:22%;bottom:13%;font-size:7px}.chapter{left:6%;right:6%;bottom:89px;gap:14px}.chapter h2{font-size:14px}.chapter p{font-size:10px}.steps{left:6%;right:6%;gap:12px;bottom:18px}.steps li{gap:7px;font-size:8px}.steps span{font-size:9px}.section{padding:65px 6%}.section-heading{display:block;margin-bottom:30px}.section-heading>p{margin-top:22px;font-size:12px}h2{font-size:40px;letter-spacing:-1.8px}.menu-list{grid-template-columns:1fr}.menu-item{padding:22px 0}.menu-tabs{gap:8px}.menu-tabs button{padding:10px 15px}.platforms{grid-template-columns:1fr 1fr}.platforms a{padding:23px 10px;font-size:12px;border-bottom:1px solid #557363}.platforms a:first-child{padding-left:10px}.platforms a:nth-child(2n){border-right:0}.bulk{gap:15px;flex-wrap:wrap;margin-top:35px}.bulk h3{font-size:14px}.bulk p{font-size:11px}.bulk a{margin-left:45px}.contact-section{grid-template-columns:1fr;gap:10px}.contact-details{padding-top:25px}footer p{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.story{height:100svh;min-height:700px}.scene-fallback{transition:none}}
/* Keep the complete first chapter visible below the navigation. */
.stage{height:calc(100svh - 100px)}
@media(max-width:760px){.stage{height:calc(100svh - 80px);min-height:670px}.food-scene{top:38%;height:50%}}
.social-dock{position:fixed;right:24px;bottom:24px;z-index:20;display:flex;gap:8px;padding:6px;border:1px solid rgba(18,63,47,.14);border-radius:999px;background:rgba(255,255,255,.92);box-shadow:0 12px 36px rgba(18,63,47,.14);backdrop-filter:blur(12px)}
.social-dock a{width:46px;height:46px;display:grid;place-items:center;border-radius:50%;color:var(--green);transition:background .2s,color .2s,transform .2s}
.social-dock a:hover{background:#edf2ed;transform:translateY(-2px)}
.social-dock .whatsapp{background:var(--green);color:#fff}
.social-dock .whatsapp:hover{background:#205d46}
.social-dock svg{width:21px;height:21px}
@media(max-width:760px){.social-dock{right:14px;bottom:14px}.social-dock a{width:42px;height:42px}}
/* Show the poster only when WebGL is unavailable; this prevents a flash on refresh. */
.food-scene canvas{opacity:1;transition:none}
.scene-fallback{visibility:hidden;opacity:0}
.webgl-failed canvas{visibility:hidden}
.webgl-failed .scene-fallback{visibility:visible;opacity:1}
.footer-right{display:flex;align-items:center;gap:28px}.developer-credit{padding-left:28px;border-left:1px solid var(--line);display:grid;gap:5px;min-width:250px}.developer-credit>span{font-size:8px;letter-spacing:1.5px;text-transform:uppercase;color:var(--muted)}.developer-credit>a{width:max-content;display:flex;align-items:center;gap:7px;font-size:12px;font-weight:800}.developer-credit>a svg{width:14px;height:14px}.developer-credit>div{display:flex;gap:14px}.developer-credit>div a{font-size:9px;color:var(--muted);transition:color .2s}.developer-credit a:hover{color:#287054}
@media(max-width:760px){footer{align-items:flex-start;gap:25px;flex-wrap:wrap;padding:30px 6% 90px}footer>.brand{flex:1}footer>p{display:none}.footer-right{width:100%;justify-content:space-between;align-items:flex-start}.developer-credit{min-width:0;padding-left:18px}.developer-credit>div{flex-direction:column;gap:4px}}