:root{--ink:#151411;--paper:#f4f1eb;--soft:#e5e0d7;--orange:#ef4d22;--line:#c9c4b9;--mx:0px;--my:0px;font-family:"Segoe UI",Arial,sans-serif;color:var(--ink);background:var(--paper)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;overflow-x:hidden;background:var(--paper)}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.progress{position:fixed;z-index:99;left:0;top:0;height:3px;background:var(--orange)}.header{height:80px;padding:0 4vw;display:flex;align-items:center;justify-content:space-between;position:absolute;z-index:20;width:100%;color:#fff;border-bottom:1px solid #ffffff35}.logo{font-weight:750;letter-spacing:.18em;font-size:14px}.logo small{font-size:8px;color:#aaa}.site-nav{display:flex;align-items:center;gap:28px;font-size:10px;text-transform:uppercase;letter-spacing:.1em}.site-nav a:hover{opacity:.6}.nav-cta{background:#fff;color:#111;padding:14px 18px}.menu-toggle{display:none;background:none;border:0;color:#fff;font-size:24px}.hero{min-height:100svh;position:relative;display:flex;align-items:center;color:white;overflow:hidden;background:#111}.hero-bg{position:absolute;inset:0}.hero-bg img{width:100%;height:100%;object-fit:cover;filter:saturate(.7) contrast(1.05);animation:zoom 18s ease-in-out infinite alternate}.hero-bg:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#080807e8 0%,#0808079c 47%,#08080724 78%),linear-gradient(0deg,#000a,transparent 48%)}.hero-copy{position:relative;z-index:4;margin-left:8vw;width:min(630px,50vw);padding-top:70px}.kicker,.section-label{font-size:9px;text-transform:uppercase;letter-spacing:.2em}.hero h1{font-size:clamp(62px,7vw,112px);font-weight:500;line-height:.88;letter-spacing:-.07em;margin:38px 0 30px}.hero-copy>p{font-size:15px;line-height:1.75;color:#d6d2ca}.actions{display:flex;align-items:center;gap:28px;margin-top:34px}.button{display:inline-flex;align-items:center;gap:22px;padding:17px 22px;background:var(--orange);color:#fff;font-size:10px;text-transform:uppercase;letter-spacing:.1em;font-weight:700}.link{font-size:11px;padding-bottom:7px;border-bottom:1px solid}.hero-products{position:absolute;z-index:3;right:3vw;bottom:-4%;width:45vw;height:75%;transform:translate(var(--mx),var(--my));transition:transform .15s}.hero-products img{position:absolute;bottom:0;max-height:80%;max-width:58%;object-fit:contain;filter:drop-shadow(0 40px 30px #000a);animation:arrive 1s cubic-bezier(.16,1,.3,1) both}.hero-products img:nth-child(1){left:0;height:62%;transform:rotate(-8deg)}.hero-products img:nth-child(2){z-index:2;left:25%;height:82%;animation-delay:.12s}.hero-products img:nth-child(3){right:0;height:65%;transform:rotate(9deg);animation-delay:.25s}.beans{position:absolute;z-index:5;inset:0;pointer-events:none}.bean{position:absolute;width:25px;height:19px;border-radius:55% 45%;background:radial-gradient(ellipse at 35% 30%,#a66b47,#4a2416 55%,#190b07);box-shadow:inset -4px -5px 7px #0008,0 10px 15px #0009;animation:float 5s ease-in-out infinite alternate}.bean:after{content:"";position:absolute;left:50%;top:12%;height:75%;width:2px;background:#b57856;opacity:.55}.bean:nth-child(1){left:6%;top:17%}.bean:nth-child(2){left:44%;top:12%;scale:.6}.bean:nth-child(3){right:8%;top:18%;scale:1.25}.bean:nth-child(4){right:32%;top:35%;scale:.55}.bean:nth-child(5){left:18%;bottom:14%;scale:.8}.bean:nth-child(6){right:4%;bottom:20%;scale:.7}.bean:nth-child(7){left:53%;bottom:10%;scale:.45}.bean:nth-child(8){right:20%;bottom:40%;scale:.5}.quick{display:grid;grid-template-columns:1fr repeat(3,1.2fr);background:#fff;border-bottom:1px solid var(--line)}.quick>*{min-height:100px;padding:0 28px;display:flex;align-items:center;justify-content:space-between;border-right:1px solid var(--line);font-size:11px}.quick>span{color:#777;letter-spacing:.12em}.section{padding:115px 8vw}.intro-grid{display:grid;grid-template-columns:.45fr 1fr .55fr;gap:5vw;align-items:end}.intro-grid h2,.headline{font-size:clamp(45px,5.8vw,84px);line-height:.96;letter-spacing:-.06em;font-weight:500;margin:0}.intro-grid p{font-size:14px;line-height:1.75;color:#6b6963}.solution-tabs{display:grid;grid-template-columns:repeat(4,1fr);margin-top:62px;border:1px solid var(--line)}.solution-tabs button{padding:25px;text-align:left;border:0;border-right:1px solid var(--line);background:transparent;cursor:pointer;min-height:95px}.solution-tabs button.active{background:var(--ink);color:#fff}.solution-panel{display:none;position:relative;min-height:520px;background:#111;color:#fff;overflow:hidden}.solution-panel.active{display:block}.solution-panel img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.solution-panel:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#000e,transparent 75%)}.solution-panel div{position:absolute;z-index:2;left:5vw;bottom:55px;width:min(480px,75%)}.solution-panel h3{font-size:clamp(35px,4vw,60px);font-weight:500;letter-spacing:-.05em;margin:14px 0}.solution-panel p{line-height:1.7;color:#d2d0ca}.dark{background:#171714;color:#fff}.dark p{color:#aaa}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#3b3a35;margin-top:70px}.card{min-height:340px;background:#1e1e1b;padding:30px;display:flex;flex-direction:column;justify-content:space-between;transition:.35s}.card:hover{background:#272722;transform:translateY(-8px)}.card strong{font-size:52px;font-weight:500}.card h3{font-size:24px;font-weight:500}.product-shelf{display:flex;margin-top:65px;border:1px solid var(--line);background:var(--line);gap:1px}.product{height:530px;min-width:0;flex:1;position:relative;background:#e2ded6;overflow:hidden;transition:flex .5s,background .3s;perspective:800px}.product:hover{flex:1.8;background:#f7f3ec}.product img{position:absolute;left:50%;top:45%;width:88%;height:70%;object-fit:contain;transform:translate(-50%,-50%) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));filter:drop-shadow(0 25px 20px #0003);transition:.45s}.product:hover img{transform:translate(-50%,-55%) scale(1.08)}.product div{position:absolute;left:22px;right:22px;bottom:22px;border-top:1px solid #aaa;padding-top:13px}.product h3{font-size:20px;font-weight:500;margin:0}.product p{font-size:10px;color:#6b6963}.visual-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:65px}.visual-card{position:relative;min-height:420px;overflow:hidden;color:#fff}.visual-card.wide{grid-column:1/-1;min-height:540px}.visual-card img{position:absolute;width:100%;height:100%;object-fit:cover;transition:.8s}.visual-card:hover img{transform:scale(1.045)}.visual-card:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#000d,transparent 65%)}.visual-card div{position:absolute;z-index:2;left:28px;bottom:24px}.visual-card h3{font-size:27px;font-weight:500;margin:8px 0}.stats{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);margin-top:60px}.stat{padding:30px;min-height:180px;border-right:1px solid var(--line);display:flex;flex-direction:column;justify-content:space-between}.stat strong{font-size:52px;font-weight:500;letter-spacing:-.06em}.stat span{font-size:9px;text-transform:uppercase;letter-spacing:.12em}.cta{min-height:560px;display:grid;place-items:center;text-align:center;background:#141412;color:#fff}.cta h2{font-size:clamp(48px,6vw,86px);line-height:.95;letter-spacing:-.06em;font-weight:500;margin:28px 0 40px}.footer{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:45px;padding:60px 6vw 35px;background:#0b0b0a;color:#aaa;font-size:11px}.footer div{display:flex;flex-direction:column;gap:10px}.footer span{font-size:8px;letter-spacing:.14em;text-transform:uppercase;color:#666}.footer small{grid-column:1/-1;border-top:1px solid #292925;padding-top:22px}.inner-hero{min-height:780px}.inner-hero .hero-copy{width:min(760px,62vw)}.inner-hero h1{font-size:clamp(58px,6.5vw,100px)}.metric{position:absolute;z-index:5;right:6vw;bottom:65px;border-top:1px solid #ffffff65;padding-top:18px;width:240px}.metric strong{font-size:36px}.metric span{display:block;font-size:9px;color:#aaa;text-transform:uppercase;margin-top:7px}.story{padding:100px 8vw}.story-row{display:grid;grid-template-columns:1fr 1fr;min-height:520px;border-top:1px solid var(--line);align-items:center}.story-row:nth-child(even) .story-image{order:-1}.story-copy{padding:55px 6vw}.story-copy .index{font-size:9px;color:#777}.story-copy h2{font-size:clamp(34px,4vw,58px);font-weight:500;letter-spacing:-.05em;margin:45px 0 22px}.story-copy p{line-height:1.8;color:#666}.story-image{height:410px;background:#ddd;overflow:hidden}.story-image img{width:100%;height:100%;object-fit:cover;transition:.8s}.story-row:hover .story-image img{transform:scale(1.05)}.brand-page .inner-hero .hero-bg img{object-fit:contain;object-position:78% 60%;padding:120px 4vw 20px 52vw;background:#171714;filter:drop-shadow(0 35px 30px #0008)}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);margin-top:55px}.contact-box{background:#fff;padding:45px;min-height:300px}.contact-box h3{font-size:34px;font-weight:500}.js [data-reveal]{opacity:0;transform:translateY(30px);transition:.7s}.js [data-reveal].seen{opacity:1;transform:none}@keyframes zoom{to{transform:scale(1.06)}}@keyframes arrive{from{opacity:0;translate:0 25%}to{opacity:1;translate:0 0}}@keyframes float{to{translate:12px -25px;rotate:30deg}}
@media(max-width:900px){.header{height:68px}.menu-toggle{display:block}.site-nav{position:fixed;inset:68px 0 0;background:#111;flex-direction:column;justify-content:center;transform:translateX(100%);transition:.3s}.site-nav.open{transform:none}.hero-copy,.inner-hero .hero-copy{width:86vw}.hero-products{width:62vw;right:-10vw;height:55%;opacity:.82}.quick,.intro-grid{grid-template-columns:1fr}.quick>*{min-height:65px}.solution-tabs{grid-template-columns:1fr 1fr}.cards{grid-template-columns:1fr}.product-shelf{display:grid;grid-template-columns:1fr 1fr}.product{height:430px}.visual-grid{grid-template-columns:1fr}.visual-card.wide{grid-column:auto}.stats{grid-template-columns:1fr 1fr}.story-row{grid-template-columns:1fr}.story-row:nth-child(even) .story-image{order:initial}.footer{grid-template-columns:1fr 1fr}.metric{display:none}.brand-page .inner-hero .hero-bg img{padding:250px 0 0 24vw}}
@media(max-width:560px){.hero h1{font-size:15vw}.hero-products{width:90vw;right:-22vw;height:43%}.actions{align-items:flex-start;flex-direction:column}.section,.story{padding:80px 7vw}.solution-tabs,.product-shelf,.stats{grid-template-columns:1fr}.product{height:470px}.visual-card,.visual-card.wide{min-height:380px}.story-copy{padding:45px 0}.story-image{height:300px}.footer{grid-template-columns:1fr}.contact-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
.bean{width:clamp(72px,7vw,138px);height:auto;aspect-ratio:1.18;border-radius:0;background:center/contain no-repeat;box-shadow:none;filter:drop-shadow(0 18px 18px #0009);animation-duration:6.5s;will-change:transform}.bean:after{display:none}.bean:nth-child(1){left:3%;top:14%;scale:1;rotate:-18deg;background-image:url('assets/coffee-bean-real-1.png')}.bean:nth-child(2){left:42%;top:8%;width:clamp(62px,5.2vw,105px);scale:1;rotate:14deg;background-image:url('assets/coffee-bean-real-2.png');animation-delay:-1.4s}.bean:nth-child(3){right:4%;top:15%;width:clamp(92px,8.5vw,165px);scale:1;rotate:28deg;background-image:url('assets/coffee-bean-real-3.png');animation-delay:-2.1s}.bean:nth-child(4){right:29%;top:33%;width:clamp(64px,5.5vw,112px);scale:1;rotate:-35deg;background-image:url('assets/coffee-bean-real-4.png');animation-delay:-.8s}.bean:nth-child(5){left:14%;bottom:9%;width:clamp(88px,7.4vw,148px);scale:1;rotate:22deg;background-image:url('assets/coffee-bean-real-5.png');animation-delay:-3.2s}.bean:nth-child(6){right:1%;bottom:14%;width:clamp(76px,6.3vw,128px);scale:1;rotate:-24deg;background-image:url('assets/coffee-bean-real-6.png');animation-delay:-1.8s}.bean:nth-child(7){left:51%;bottom:6%;width:clamp(58px,4.8vw,96px);scale:1;rotate:39deg;background-image:url('assets/coffee-bean-real-7.png');animation-delay:-4s}.bean:nth-child(8){right:17%;bottom:36%;width:clamp(66px,5.7vw,116px);scale:1;rotate:8deg;background-image:url('assets/coffee-bean-real-8.png');animation-delay:-2.7s}
