:root{--bg:#050308;--bg-2:#0a0712;--panel:#0d0a17;--violet:#5a3fe0;--violet-2:#8b6bff;--ember:#ff5a2e;--ember-2:#ff9142;--blood:#c81d34;--magenta:#d94fd1;--ice:#f3f1ec;--ice-dim:#b9b4c6;--line:#f3f1ec1f;--display:"Anton", sans-serif;--body:"Inter", sans-serif;--mono:"Space Mono", monospace}*{box-sizing:border-box;margin:0;padding:0}html{background:var(--bg);scroll-padding-top:88px}body{background:var(--bg);color:var(--ice);font-family:var(--body);cursor:default;-webkit-font-smoothing:antialiased;overflow-x:hidden}::selection{background:var(--ember);color:#050308}img{-webkit-user-drag:none;-webkit-user-select:none;user-select:none}::-webkit-scrollbar{width:9px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:linear-gradient(var(--ember),var(--violet));border-radius:4px}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important}}.eyebrow{font-family:var(--mono);letter-spacing:.35em;text-transform:uppercase;color:var(--ember-2);font-size:11px}.section{justify-content:center;align-items:center;width:100%;min-height:100vh;display:flex;position:relative;overflow:hidden}.noise{pointer-events:none;opacity:.05;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.vignette{pointer-events:none;background:radial-gradient(#0000 40%,#000000a6 100%);position:absolute;inset:0}#rail{z-index:60;pointer-events:none;align-items:center;width:2px;height:100vh;display:flex;position:fixed;top:0;right:22px}#rail-track{background:var(--line);width:2px;height:62vh;position:relative}#rail-pulse{background:linear-gradient(180deg, var(--ember), var(--magenta), var(--violet-2));width:4px;height:0%;box-shadow:0 0 14px var(--ember);transition:height .25s linear;position:absolute;top:0;left:-1px}#rail-dot{background:var(--ice);width:12px;height:12px;box-shadow:0 0 16px 4px var(--ember);border-radius:50%;position:absolute;top:0%;left:-5px}@media (width<=900px){#rail{display:none}}nav{z-index:100;width:100%;font-family:var(--mono);letter-spacing:.15em;background:0 0;border-bottom:1px solid #0000;justify-content:space-between;align-items:center;padding:24px 5vw;transition:padding .4s,background .4s,border-color .4s,-webkit-backdrop-filter .4s,backdrop-filter .4s;display:flex;position:fixed;top:0;left:0}nav.scrolled{border-bottom-color:var(--line);-webkit-backdrop-filter:blur(14px);background:#050308b8;padding:14px 5vw}.logo{font-family:var(--display);letter-spacing:.08em;color:var(--ice);font-size:20px;text-decoration:none}.nav-links{text-transform:uppercase;gap:34px;font-size:11px;display:flex}.nav-links a{color:var(--ice);opacity:.7;padding-bottom:4px;text-decoration:none;transition:opacity .3s;position:relative}.nav-links a:after{content:"";background:linear-gradient(90deg,var(--ember-2),var(--violet-2));width:0;height:1px;transition:width .3s;position:absolute;bottom:0;left:0}.nav-links a:hover{opacity:1}.nav-links a:hover:after{width:100%}.nav-links a.active{opacity:1;color:var(--ember-2)}.nav-links a.active:after{width:100%}.nav-cta{text-transform:uppercase;border:1px solid var(--ice);color:var(--ice);padding:9px 16px;font-size:11px;text-decoration:none;transition:all .3s}.nav-cta:hover{background:var(--ice);color:#050308}.nav-burger{cursor:pointer;z-index:110;background:0 0;border:none;flex-direction:column;justify-content:center;gap:5px;width:32px;height:32px;display:none}.nav-burger span{background:var(--ice);width:100%;height:1px;transition:all .3s;display:block}.nav-burger.open span:first-child{transform:translateY(6px)rotate(45deg)}.nav-burger.open span:nth-child(2){opacity:0}.nav-burger.open span:nth-child(3){transform:translateY(-6px)rotate(-45deg)}.mobile-menu{z-index:95;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);opacity:0;pointer-events:none;background:#050308f7;flex-direction:column;justify-content:center;align-items:center;gap:30px;transition:opacity .4s;display:flex;position:fixed;inset:0}.mobile-menu.open{opacity:1;pointer-events:auto}.mobile-menu a{font-family:var(--display);text-transform:uppercase;color:var(--ice);font-size:34px;text-decoration:none}.mobile-menu a.cta{font-family:var(--mono);letter-spacing:.2em;border:1px solid var(--ice);margin-top:10px;padding:12px 24px;font-size:12px}@media (width<=800px){.nav-links,.nav-cta{display:none}.nav-burger{display:flex}}#hero{background:radial-gradient(ellipse 90% 70% at 68% 45%, #1a0f2e 0%, var(--bg) 65%);flex-direction:column;justify-content:flex-start;align-items:stretch;min-height:100svh;padding:110px 6vw 0}#hero-atmo{position:absolute;inset:0;overflow:hidden}.glow-blob{filter:blur(90px);opacity:.55;border-radius:50%;position:absolute}.glow-blob.a{background:var(--violet);width:520px;height:520px;top:-10%;left:8%}.glow-blob.b{background:var(--blood);width:460px;height:460px;bottom:-14%;right:2%}.glow-blob.c{background:var(--ember);opacity:.3;width:340px;height:340px;top:30%;right:16%}#particles{pointer-events:none;position:absolute;inset:0}.particle{background:var(--ice);opacity:.5;border-radius:50%;position:absolute}.hero-main{z-index:5;flex:1;align-items:center;width:100%;padding:24px 0;display:flex;position:relative}.hero-grid{grid-template-columns:1fr 1.3fr;align-items:center;gap:1vw;width:100%;max-width:1500px;margin:0 auto;display:grid}.hero-copy{z-index:8;text-align:left;position:relative}.hero-head{font-family:var(--display);letter-spacing:-.01em;text-transform:uppercase;font-size:clamp(42px,7.2vw,108px);line-height:.92}.hero-head .line2{background:linear-gradient(92deg, var(--ember) 0%, var(--ember-2) 35%, var(--violet-2) 100%);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:clamp(50px,8.8vw,128px)}.hero-sub{font-family:var(--mono);letter-spacing:.28em;text-transform:uppercase;color:var(--ice-dim);margin-top:20px;font-size:clamp(11px,1.2vw,14px)}.hero-sub b{color:var(--ice);font-weight:700}.hero-cta{font-family:var(--mono);letter-spacing:.2em;text-transform:uppercase;border:1px solid var(--ice-dim);color:var(--ice);align-items:center;gap:12px;margin-top:36px;padding:16px 26px;font-size:12px;text-decoration:none;transition:border-color .35s,background .35s,color .35s;display:inline-flex;position:relative}.hero-cta .arrow{transition:transform .35s}.hero-cta:hover{border-color:var(--ember-2);background:var(--ember-2);color:#050308}.hero-cta:hover .arrow{transform:translate(6px)}.can-stage{perspective:1400px;justify-content:center;align-items:center;width:112%;height:clamp(440px,78vh,880px);margin-left:-6%;display:flex;position:relative;overflow:visible}.can-shadow{filter:blur(4px);z-index:1;background:radial-gradient(#000000bf 0%,#0000 72%);width:44%;height:7%;position:absolute;bottom:4%;left:50%;transform:translate(-50%)}.can-glow-back{filter:blur(50px);z-index:1;background:radial-gradient(circle,#c81d3473 0%,#5a3fe040 45%,#0000 72%);width:64%;height:64%;position:absolute;top:46%;left:50%;transform:translate(-50%,-50%)}.can-3d{z-index:5;height:100%;transform-style:preserve-3d;will-change:transform;position:relative}.can-3d img{filter:drop-shadow(0 40px 70px #000000bf);height:100%;display:block}.can-highlight{mix-blend-mode:screen;pointer-events:none;z-index:6;opacity:.7;background:linear-gradient(115deg,#ffffff38 0%,#0000 30%);position:absolute;inset:0}.explore-label{z-index:50;font-family:var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--ice);border:1px solid var(--line);pointer-events:none;opacity:0;white-space:nowrap;background:#05030899;border-radius:999px;padding:6px 12px;font-size:10px;transition:opacity .25s;position:fixed;transform:translate(-50%,-140%)}.hero-bottom-row{z-index:6;width:100%;font-family:var(--mono);letter-spacing:.2em;color:var(--ice-dim);text-transform:uppercase;border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:10px 24px;padding:18px 0 26px;font-size:10px;display:flex;position:relative}.hero-bottom-row .stack{flex-direction:column;gap:4px;display:flex}.hero-bottom-row .stack.right{text-align:right}@media (width<=1100px){.hero-grid{text-align:center;grid-template-columns:1fr;gap:6px}.hero-copy{text-align:center;order:1}.can-stage{order:0;width:100%;height:clamp(360px,58vh,620px);margin-left:0}}@media (width<=700px){#hero{padding-top:96px}.can-stage{height:clamp(320px,50vh,480px)}.hero-cta{justify-content:center;width:100%}.hero-bottom-row{text-align:center;flex-direction:column;align-items:center;gap:14px}.hero-bottom-row .stack.right{text-align:center}}.pin-scene{background:var(--bg)}.pin-scene .stage{text-align:center;z-index:4;position:relative}.pin-line{font-family:var(--display);text-transform:uppercase;font-size:clamp(34px,7.5vw,110px);line-height:1.02;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.pin-line.accent{color:var(--ember-2)}.scene-bg{z-index:0;background-position:50%;background-size:cover;position:absolute;inset:0}.scene-overlay{z-index:1;background:linear-gradient(#0503088c 0%,#050308d1 100%);position:absolute;inset:0}.scene-overlay.light{background:linear-gradient(#05030859 0%,#050308bf 100%)}.scene-overlay.coffee{background:linear-gradient(#05030359 0%,#050303cc 100%)}#story .stage{height:60vh}#storyBg{filter:saturate(1.1)}#brand{background:linear-gradient(180deg, var(--bg) 0%, #0e0818 100%)}.brand-words{pointer-events:none;z-index:1;position:absolute;inset:0}.bw{font-family:var(--display);text-transform:uppercase;color:#0000;-webkit-text-stroke:1.5px var(--ice-dim);opacity:.2;white-space:nowrap;font-size:clamp(20px,3.4vw,50px);position:absolute}.bw.solid{color:var(--ice);-webkit-text-stroke:none;opacity:.85}.bw.hot{color:var(--magenta);-webkit-text-stroke:none;opacity:.85}.bw:first-of-type{top:10%;left:5%}.bw:nth-of-type(2){top:8%;right:6%}.bw:nth-of-type(3){text-align:center;top:24%;left:0;right:0}.bw:nth-of-type(4){bottom:26%;left:4%}.bw:nth-of-type(5){bottom:8%;right:5%}.bw:nth-of-type(6){bottom:10%;left:8%}.brand-heads{z-index:5;text-align:center;-webkit-backdrop-filter:blur(10px);background:#05030899;border-radius:6px;max-width:900px;margin:0 auto;padding:34px 6vw;position:relative}.brand-heads h2{font-family:var(--display);text-transform:uppercase;font-size:clamp(26px,5.2vw,72px);line-height:1.08}.brand-heads h2:last-child{color:var(--violet-2)}@media (width<=700px){.brand-words{display:none}.brand-heads{padding:26px 8vw}}#about{background:var(--bg-2);min-height:auto;padding:14vh 6vw;display:block}.about-grid{grid-template-columns:1fr 1fr;align-items:center;gap:4vw;max-width:1180px;margin:0 auto;display:grid}.about-copy .eyebrow{margin-bottom:18px}.about-block{font-family:var(--body);color:var(--ice);border-left:2px solid var(--ember);margin-bottom:26px;padding-left:20px;font-size:clamp(18px,2.1vw,28px);font-weight:300;line-height:1.4}.about-block b{color:var(--ember-2);font-weight:700}.about-visual{justify-content:center;display:flex;position:relative}.about-visual img{filter:drop-shadow(0 40px 70px #000000b3);width:60%;max-width:280px;transition:transform .5s}.about-visual:hover img{transform:scale(1.04)rotate(-2deg)}.about-visual:before{content:"";background:radial-gradient(circle, var(--violet) 0%, transparent 70%);opacity:.35;filter:blur(40px);border-radius:50%;width:340px;height:340px;position:absolute}@media (width<=900px){.about-grid{grid-template-columns:1fr}}#closeup{background:radial-gradient(ellipse at 50% 50%, #150c26 0%, var(--bg) 70%)}.closeup-text{z-index:6;text-align:center;position:relative}.closeup-text h2{font-family:var(--display);text-transform:uppercase;color:var(--ice);text-shadow:0 0 40px #000000e6;font-size:clamp(38px,9vw,130px);line-height:.95}.closeup-text h2 span{color:var(--ember-2)}#coffee{background:radial-gradient(ellipse at 50% 100%, #241205 0%, #0a0705 55%, var(--bg) 100%)}.steam{filter:blur(6px);background:linear-gradient(#0000,#ffb46e40);border-radius:50%;width:2px;height:60%;position:absolute;bottom:0}.coffee-inner{z-index:5;text-align:center;position:relative}.coffee-inner h2{font-family:var(--display);text-transform:uppercase;color:var(--ember-2);text-shadow:0 0 50px #ff5a2e66;font-size:clamp(34px,7vw,100px)}.coffee-inner .sub{font-family:var(--body);color:var(--ice-dim);margin-top:16px;font-size:clamp(16px,2.4vw,26px);font-weight:300;line-height:1.4}.coffee-can-float{filter:drop-shadow(0 30px 60px #000c);border-radius:6px;height:clamp(180px,28vh,320px);margin:44px auto 0;transition:transform .5s;display:block}.coffee-can-float:hover{transform:scale(1.04)rotate(-1.5deg)}#ingredients{background:var(--bg-2);min-height:110vh}.ing-wrap{width:min(90vw,780px);height:min(90vw,780px);position:relative}.ing-can{z-index:4;filter:drop-shadow(0 0 40px #5a3fe080);height:34%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ing-ring{border:1px dashed var(--line);border-radius:50%;position:absolute;inset:0}.ing-node{text-align:center;cursor:pointer;width:auto;position:absolute;transform:translate(-50%,-50%)}.ing-node .dot{background:var(--ember);width:12px;height:12px;box-shadow:0 0 12px var(--ember);border-radius:50%;margin:0 auto 8px}.ing-node span{font-family:var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--ice);font-size:11px}.ing-node small{color:var(--ice-dim);max-width:150px;margin-top:4px;font-size:10px;display:block}svg.ing-lines{pointer-events:none;position:absolute;inset:0;overflow:visible}.ing-lines line{stroke:var(--violet-2);stroke-width:1px;opacity:.4}.ing-lines line:nth-child(2n){stroke:var(--magenta)}.ing-lines line:nth-child(3n){stroke:var(--ember-2)}.ing-heading{text-align:center;z-index:5;position:absolute;top:6vh;left:0;right:0}.ing-heading .eyebrow{margin-bottom:6px;display:block}.ing-heading h2{font-family:var(--display);text-transform:uppercase;font-size:clamp(28px,5vw,56px)}.deep-row{align-items:center;gap:6vw;min-height:90vh;padding:8vh 8vw;display:flex;position:relative}.deep-row.reverse{flex-direction:row-reverse}.deep-visual{flex:1;justify-content:center;display:flex;position:relative}.deep-visual img{filter:drop-shadow(0 30px 60px #000000b3);width:44%;max-width:220px;transition:transform .5s}.deep-visual:hover img{transform:scale(1.05)rotate(2deg)}.deep-visual .halo{filter:blur(60px);opacity:.4;border-radius:50%;width:320px;height:320px;position:absolute}.deep-text{flex:1}.deep-text h3{font-family:var(--display);text-transform:uppercase;color:var(--ice);font-size:clamp(40px,7vw,100px);line-height:.95}.deep-text h4{font-family:var(--display);text-transform:uppercase;color:var(--ember-2);margin-top:6px;font-size:clamp(20px,3vw,34px)}.deep-text p{color:var(--ice-dim);max-width:440px;margin-top:22px;font-size:clamp(15px,1.6vw,19px);font-weight:300;line-height:1.6}@media (width<=900px){.deep-row,.deep-row.reverse{text-align:center;flex-direction:column;padding:10vh 8vw}.deep-text p{margin-left:auto;margin-right:auto}}#sequence{background:var(--bg)}.seq-pair{opacity:0;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.seq-q{font-family:var(--display);text-transform:uppercase;color:var(--ice-dim);font-size:clamp(30px,6vw,80px)}.seq-a{font-family:var(--display);text-transform:uppercase;background:linear-gradient(92deg,var(--ember),var(--violet-2));color:#0000;-webkit-background-clip:text;background-clip:text;font-size:clamp(50px,11vw,150px)}#finalhero{background:radial-gradient(ellipse at 50% 60%, #200f36 0%, var(--bg) 70%)}.fh-word{font-family:var(--display);text-transform:uppercase;color:var(--ice);opacity:.08;letter-spacing:-.02em;white-space:nowrap;font-size:clamp(80px,22vw,340px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.fh-can{z-index:5;filter:drop-shadow(0 40px 90px #000000d9)drop-shadow(0 0 90px #ff5a2e40);height:64vh;position:relative}#cta{background:linear-gradient(180deg,var(--bg) 0%, #0c0616 100%);text-align:center;flex-direction:column;gap:34px}.cta-head{font-family:var(--display);text-transform:uppercase;font-size:clamp(46px,10vw,140px);line-height:.92}.cta-head .l2{color:var(--ember-2)}.cta-buttons{flex-wrap:wrap;justify-content:center;gap:18px;display:flex}.btn{font-family:var(--mono);letter-spacing:.2em;text-transform:uppercase;border:1px solid var(--ice);color:var(--ice);padding:16px 30px;font-size:12px;text-decoration:none;transition:all .35s;position:relative;overflow:hidden}.btn.solid{background:var(--ice);color:#050308}.btn:hover{border-color:var(--ember-2);transform:translateY(-2px);box-shadow:0 10px 30px #ff5a2e40}.btn.solid:hover{background:var(--ember-2);color:#050308;border-color:var(--ember-2)}#distributor{background:var(--bg-2);text-align:center;flex-direction:column;gap:22px;min-height:auto;padding:16vh 6vw}#distributor h2{font-family:var(--display);text-transform:uppercase;font-size:clamp(34px,6.5vw,90px);line-height:1}#distributor p{max-width:520px;color:var(--ice-dim);font-size:17px;font-weight:300;line-height:1.6}#contact{background:var(--bg);min-height:auto;padding:16vh 6vw}.contact-grid{grid-template-columns:.9fr 1.1fr;gap:6vw;width:100%;max-width:1080px;margin:0 auto;display:grid}.contact-info h2{font-family:var(--display);text-transform:uppercase;font-size:clamp(36px,6vw,80px)}.contact-info p{color:var(--ice-dim);max-width:380px;margin:18px 0 30px;font-size:16px;font-weight:300;line-height:1.6}.contact-detail{font-family:var(--mono);margin-bottom:16px;font-size:13px}.contact-detail a{color:var(--ice);border-bottom:1px solid var(--line);text-decoration:none}.contact-detail span{color:var(--ember-2);letter-spacing:.2em;text-transform:uppercase;margin-bottom:4px;font-size:10px;display:block}form{flex-direction:column;gap:16px;display:flex}.field{position:relative}.field input,.field textarea{border:none;border-bottom:1px solid var(--line);width:100%;color:var(--ice);font-family:var(--body);background:0 0;outline:none;padding:12px 2px;font-size:15px;transition:border-color .3s}.field textarea{resize:none;min-height:80px}.field label{color:var(--ice-dim);pointer-events:none;font-size:15px;font-weight:300;transition:all .25s;position:absolute;top:12px;left:2px}.field input:focus+label,.field input:not(:placeholder-shown)+label,.field textarea:focus+label,.field textarea:not(:placeholder-shown)+label{letter-spacing:.15em;text-transform:uppercase;color:var(--ember-2);font-size:11px;top:-12px}.field input:focus,.field textarea:focus{border-color:var(--ember-2)}.submit-btn{font-family:var(--mono);letter-spacing:.2em;text-transform:uppercase;background:var(--ice);color:#050308;cursor:pointer;border:none;align-self:flex-start;margin-top:8px;padding:15px 32px;font-size:12px;transition:all .3s}.submit-btn:hover{background:var(--ember-2)}.submit-btn:disabled{opacity:.5;cursor:not-allowed}.form-status{font-family:var(--mono);letter-spacing:.1em;min-height:16px;font-size:11px}.form-status.ok{color:#6be08a}.form-status.err{color:var(--blood)}@media (width<=900px){.contact-grid{grid-template-columns:1fr}}footer{border-top:1px solid var(--line);background:#030209;padding:8vh 6vw 4vh}.footer-top{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:30px;padding-bottom:6vh;display:flex}.footer-logo{font-family:var(--display);text-transform:uppercase;font-size:clamp(40px,7vw,90px);line-height:1}.footer-tag{font-family:var(--mono);letter-spacing:.3em;color:var(--ice-dim);text-transform:uppercase;margin-top:8px;font-size:11px}.footer-links{flex-wrap:wrap;gap:40px;display:flex}.footer-col a{color:var(--ice-dim);margin-bottom:10px;font-size:14px;text-decoration:none;transition:all .3s;display:block}.footer-col a:hover{color:var(--ice)}.footer-bottom{font-family:var(--mono);color:var(--ice-dim);letter-spacing:.1em;flex-wrap:wrap;justify-content:space-between;gap:16px;padding-top:5vh;font-size:11px;display:flex}.footer-final{font-family:var(--display);text-transform:uppercase;color:var(--ice);text-align:center;margin-top:6vh;font-size:clamp(22px,3vw,34px)}.back-to-top{font-family:var(--mono);letter-spacing:.2em;text-transform:uppercase;border:1px solid var(--line);color:var(--ice-dim);cursor:pointer;background:0 0;margin:34px auto 0;padding:10px 20px;font-size:11px;transition:all .3s;display:block}.back-to-top:hover{border-color:var(--ember-2);color:var(--ember-2)}