:root{--bg:#110e0b;--panel:#1b1611;--ink:#fff9f0;--muted:#c7bdb3;--accent:#ffda59;--line:#ffffff21;--font:'DM Sans',Arial,sans-serif;--gutter:clamp(24px,6vw,88px)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:var(--bg);color:var(--ink);font:17px/1.7 var(--font);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button,a,input,textarea{touch-action:manipulation}button{cursor:pointer}img{display:block;max-width:100%;height:auto}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:600;letter-spacing:-.055em;line-height:1.07}h1{font-size:clamp(58px,6.5vw,94px)}h2{font-size:clamp(42px,5.2vw,68px)}h3{font-size:25px;letter-spacing:-.03em}em{font-style:normal;color:var(--accent)}p{color:var(--muted)}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:5px}a,button{transition:background .2s,color .2s,border-color .2s}.wrap{width:min(100%,1520px);margin-inline:auto;padding-inline:var(--gutter)}.section{padding-block:104px;border-top:1px solid var(--line)}.eyebrow{color:var(--muted);font-size:16px;line-height:1.5;letter-spacing:.01em;margin-bottom:24px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:54px;background:var(--accent);border:1px solid var(--accent);border-radius:12px;color:#21160a;font-weight:600;font-size:16px;line-height:1.5;padding:14px 25px}.button:hover{background:#ffe582;border-color:#ffe582}.skip-link{position:absolute;top:12px;left:24px;z-index:20;padding:12px;background:var(--accent);color:var(--bg);transform:translateY(-160%)}.skip-link:focus{transform:none}
.site-header{height:98px;display:flex;gap:40px;align-items:center;border-bottom:1px solid var(--line);position:relative;z-index:10}.brand{display:inline-flex;align-items:center;gap:9px;flex-shrink:0;font-size:23px;line-height:1;font-weight:700;letter-spacing:-.025em}.brand img{width:61px}.site-header nav{display:flex;gap:34px;margin-left:auto}.site-header nav a{font-size:16px;min-height:46px;display:flex;align-items:center}.site-header nav a:hover{color:var(--accent)}.site-header .header-contact{min-height:46px;padding:10px 23px;background:#ed4034;color:white;border-color:#ed4034}.site-header .header-contact:hover{background:#ff5749}.nav-contact{display:none!important}.menu-toggle{display:none}
.hero{position:relative;display:grid;grid-template-columns:1fr 1.1fr;align-items:center;min-height:680px;padding-block:96px 112px;gap:20px;isolation:isolate;overflow:hidden}.hero-atmosphere{position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 80% 45%,#ce742f1e,transparent 55%),linear-gradient(90deg,var(--bg) 0%,#110e0b80 60%,#110e0b33),linear-gradient(0deg,var(--bg),#110e0b00 55%),url('/assets/cosmic-horizon.png') 65% 75%/cover no-repeat;opacity:.8}.hero-copy{position:relative;z-index:2;max-width:590px}.hero-copy .eyebrow{color:var(--accent)}.hero-intro{font-size:20px;line-height:1.75;max-width:455px;margin:28px 0 32px}.hero-stage{height:480px;position:relative;min-width:0}.snack-scene,.roaster-scene{position:relative;width:100%;height:100%}.scene-fallback{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);object-fit:contain;max-width:90%;max-height:90%}.snack-fallback{width:85%;filter:drop-shadow(0 30px 25px #0007)}.has-3d .scene-fallback{display:none}
.snacks{display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:76px}.snack-image{position:relative;padding:28px 0 42px;isolation:isolate}.snack-image:before{content:'';position:absolute;inset:5% 0 15%;background:radial-gradient(ellipse,#b8672429,transparent 68%);z-index:-1}.snack-image img{width:100%;filter:drop-shadow(0 30px 25px #0005)}.serving-note{display:block;margin-top:28px;text-align:center;color:#a69a8d;font-size:14px;line-height:1.5}.section-copy>p:not(.eyebrow){font-size:19px;line-height:1.75;max-width:470px;margin-top:28px}.flavours{display:flex;gap:12px 24px;flex-wrap:wrap;padding:0;list-style:none;margin:30px 0 0;font-weight:500;color:var(--accent);font-size:17px}
.roaster{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:64px;background:radial-gradient(ellipse at 72% 55%,#5e3d2117,transparent 60%)}.roaster-stage{height:580px;min-width:0}.roaster-fallback{max-width:70%;mix-blend-mode:screen}.product-facts{display:flex;gap:36px;margin-top:34px;padding-top:26px;border-top:1px solid var(--line);max-width:470px}.product-facts strong{display:block;font-size:22px;line-height:1.4;letter-spacing:-.025em}.product-facts span{display:block;color:var(--muted);font-size:15px;margin-top:5px}
.concept{padding-top:110px;padding-bottom:112px}.concept-heading{display:grid;grid-template-columns:1.3fr 1fr;gap:0 64px;align-items:end}.concept-heading .eyebrow{grid-column:1/-1}.concept-heading>p:not(.eyebrow){font-size:19px;line-height:1.75;max-width:430px}.concept-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:42px;margin-top:56px}.concept-grid article{padding-top:28px;border-top:2px solid #ffda5980}.concept-grid p{margin-top:16px;max-width:320px;font-size:17px;line-height:1.7}
.contact{display:grid;grid-template-columns:1fr 1fr;gap:96px;padding-block:110px}.contact-copy>p:not(.eyebrow){font-size:19px;line-height:1.75;margin-top:28px;max-width:460px}.contact-links{display:flex;flex-direction:column;align-items:start;gap:10px;margin:30px 0}.contact-links a{font-size:20px;line-height:1.5;overflow-wrap:anywhere}.contact-links a:hover{color:var(--accent)}.contact-links .whatsapp{font-size:16px;color:var(--accent);text-decoration:underline;text-underline-offset:5px;margin-top:6px}.contact-copy .showroom{font-size:15px!important;line-height:1.8!important;color:#b2a598}.showroom strong{display:block;color:var(--ink);font-weight:500;margin-bottom:9px}.contact-form{align-self:start;border:1px solid var(--line);padding:32px;border-radius:20px;background:linear-gradient(145deg,#241c15,#191410);margin-top:0}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.contact-form label{display:block;font-size:15px;line-height:1.5;font-weight:500;margin-bottom:22px}.contact-form label>span{color:#a99a8b;font-weight:400;font-size:14px}.contact-form input,.contact-form textarea{display:block;width:100%;border:1px solid #ffffff2d;background:#110e0b77;border-radius:9px;padding:12px 14px;color:var(--ink);font-size:16px;line-height:1.6;margin-top:9px}.contact-form textarea{resize:vertical;min-height:135px}.contact-form textarea::placeholder{color:#9d8f81}.contact-form .button{width:100%}.form-note{font-size:14px;line-height:1.65;text-align:center;margin-top:15px}.form-status{font-size:15px;line-height:1.65;color:var(--accent);margin-top:18px}
.site-footer{display:flex;align-items:center;flex-wrap:wrap;gap:28px;padding-block:35px;border-top:1px solid var(--line)}.site-footer .brand{font-size:19px}.site-footer .brand img{width:48px}.site-footer nav{display:flex;gap:22px;flex-wrap:wrap;margin-left:auto}.site-footer nav a{font-size:14px;color:var(--muted);padding:10px 0}.site-footer nav a:hover{color:var(--accent)}.motion-control{font-size:14px;line-height:1.5;background:none;border:0;border-bottom:1px solid #ffffff35;color:var(--muted);padding:6px 0}.motion-control[disabled]{border:0;cursor:default}.js-motion .reveal{opacity:0;transform:translateY(18px);transition:opacity .75s,transform .75s}.js-motion .reveal.is-visible{opacity:1;transform:none}.motion-paused .reveal{opacity:1;transform:none;transition:none}
@media(min-width:1600px){.hero{min-height:760px}.hero-stage{height:540px}}
@media(max-width:1000px){.hero{gap:0;grid-template-columns:1fr 1fr;min-height:620px;padding-block:72px}.hero h1{font-size:66px}.hero-stage{height:400px}.snacks{gap:40px}.roaster{gap:24px}.roaster-stage{height:500px}.concept-heading{gap:0 40px}.contact{gap:48px}.contact-form{padding:24px}.form-row{grid-template-columns:1fr;gap:0}.site-footer nav{margin-left:0}.motion-control{margin-left:auto}}
@media(max-width:700px){html{scroll-padding-top:24px}.site-header{height:80px;gap:18px}.brand{font-size:21px}.brand img{width:54px}.header-contact{display:none!important}.menu-toggle{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:6px;border:1px solid #ffffff35;border-radius:11px;background:transparent;width:46px;height:46px;margin-left:auto;padding:12px}.menu-toggle span{width:20px;height:2px;background:var(--ink)}.site-header nav{display:none;position:absolute;top:79px;left:0;right:0;margin:0;padding:18px var(--gutter) 26px;background:#19130ff7;border-bottom:1px solid var(--line);backdrop-filter:blur(15px)}.site-header nav.is-open{display:flex;flex-direction:column;gap:0}.site-header nav a{font-size:19px;padding:11px 0;min-height:48px}.nav-contact{display:flex!important}.hero{display:flex;flex-direction:column;min-height:0;padding-top:0;padding-bottom:56px;gap:0}.hero-stage{order:0;width:calc(100% + 32px);height:290px;margin:0 -16px -10px}.hero-copy{order:1;width:100%}.hero h1{font-size:clamp(48px,12.5vw,68px)}.hero-copy .eyebrow{font-size:15px;margin-bottom:17px}.hero-intro{font-size:18px;line-height:1.7;margin:22px 0 27px;max-width:440px}.hero-atmosphere{background-position:68% 20%;background-size:auto 630px}.hero .button{width:auto}.section{padding-block:64px}h2{font-size:clamp(39px,10vw,54px)}.snacks{display:flex;flex-direction:column;gap:28px}.snack-image{width:100%;padding:6px 0 0;order:1}.section-copy{width:100%}.snacks .section-copy{order:0}.section-copy>p:not(.eyebrow){font-size:18px;margin-top:24px}.serving-note{font-size:14px;margin-top:17px}.eyebrow{font-size:15px;margin-bottom:18px}.flavours{gap:10px 22px;margin-top:24px;font-size:17px}.roaster{display:flex;flex-direction:column;gap:12px}.roaster-stage{width:100%;height:430px;margin-top:0;order:1}.product-facts{gap:28px;margin-top:28px;padding-top:23px;max-width:none}.product-facts strong{font-size:21px}.product-facts span{font-size:14px}.concept-heading{display:block}.concept-heading>p:not(.eyebrow){font-size:18px;margin-top:25px}.concept-grid{grid-template-columns:1fr;gap:26px;margin-top:36px}.concept-grid article{padding-top:22px}.concept-grid h3{font-size:24px}.concept-grid p{max-width:500px;margin-top:12px;font-size:17px}.contact{display:block}.contact-copy>p:not(.eyebrow){font-size:18px;margin-top:24px}.contact-links a{font-size:19px}.contact-form{margin-top:36px;padding:24px 20px}.site-footer{padding-block:28px;gap:24px}.site-footer .brand{width:100%}.site-footer nav{gap:10px 22px}.site-footer .motion-control{margin-left:0}.form-note{font-size:14px}.showroom{margin-bottom:0}}
@media(max-width:360px){:root{--gutter:20px}.hero-stage{height:260px}.hero h1{font-size:45px}.product-facts{gap:18px}.product-facts strong{font-size:19px}.product-facts span{font-size:14px}.roaster-stage{height:370px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.js-motion .reveal{opacity:1;transform:none}}

#snack-scene[data-webgl="unavailable"] .scene-fallback{animation:snack-cycle 18.6s linear infinite}.motion-paused .scene-fallback{animation-play-state:paused!important}@keyframes snack-arrive{from{transform:translate(90%,-140%) scale(.6) rotate(-16deg)}to{transform:translate(-50%,-50%) scale(1) rotate(0)}}@keyframes snack-hover{0%,100%{transform:translate(-50%,-50%) rotate(0)}50%{transform:translate(-50%,-54%) rotate(1.5deg)}}
@media(prefers-reduced-motion:reduce){#snack-scene[data-webgl="unavailable"] .scene-fallback{animation:none;transform:translate(-50%,-50%)}}

.snack-grip{position:absolute;z-index:3;padding:0;border:0;border-radius:45%;background:transparent;box-shadow:none;cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}.snack-grip:disabled{pointer-events:none}.snack-grip.is-held{cursor:grabbing}.snack-grip:focus-visible{outline:2px solid var(--accent);outline-offset:8px}

.flavours button{border:0;border-bottom:2px solid transparent;background:none;color:var(--muted);padding:10px 0;min-height:48px;line-height:1.4}.flavours button:hover,.flavours button[aria-pressed="true"]{color:var(--accent);border-bottom-color:var(--accent)}.snack-image img{height:530px;width:100%;object-fit:contain;filter:none;border-radius:16px}.snack-image{padding:0}.serving-note{margin-top:16px}@media(max-width:700px){.snack-image img{height:430px}.flavours{gap:12px 24px}.flavours button{font-size:18px}}

.snacks{display:flex;flex-direction:column;align-items:stretch;gap:36px}.snacks .section-copy{order:0;max-width:850px}.snacks .snack-image{order:1;width:100%}.snacks .snack-image img{width:100%;height:auto;max-height:none;border-radius:0}.snacks .snack-image:before{display:none}.snacks .serving-note{margin-top:18px}

.flavour-media{position:relative;width:100%;background:#000;overflow:hidden}.flavour-media video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0}.flavour-media.has-video video{opacity:1}.flavour-media.has-video img{opacity:0}.snacks .section-copy{max-width:none}.more-flavours{max-width:900px;font-size:17px!important;line-height:1.8;margin-top:24px!important}.snacks .snack-image{margin-top:4px}

@keyframes snack-cycle{0%{opacity:0;transform:translate(90%,-140%) scale(.6) rotate(-16deg)}3%{opacity:1}15%{opacity:1;transform:translate(-50%,-50%) scale(1) rotate(0)}35%{transform:translate(-50%,-54%) rotate(1deg)}55%{transform:translate(-50%,-50%) rotate(-1deg)}79.5%{opacity:1;transform:translate(-50%,-52%) scale(1) rotate(0)}93.5%,100%{opacity:0;transform:translate(-250%,-220%) scale(.55) rotate(18deg)}}

.form-trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.contact-form .button:disabled{opacity:.65;cursor:wait}.contact-success{padding-block:32px}.contact-success h3{font-size:32px;color:var(--accent);margin-bottom:16px}.contact-success p{font-size:19px;line-height:1.7}.contact-success:focus,.form-status:focus{outline:none}