:root{--cream:#f4efe4;--cream-2:#ece4d4;--cream-3:#e4dac6;--paper:#faf6ec;--espresso:#221710;--coffee:#3c2a1e;--roast:#6f4a33;--siena:#a85c38;--siena-deep:#8c4a2d;--tan:#c9a47a;--muted:#7c6a59;--line:#2217101f;--line-soft:#22171012;--c-colombia:#7b463f;--c-brasil:#4f5a35;--c-peru:#6e7b38;--c-kenya:#be4a2b;--c-honduras:#2e3647;--maxw:1240px;--ease:cubic-bezier(.22,.61,.36,1)}*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{color:var(--coffee);background:var(--cream);-webkit-font-smoothing:antialiased;margin:0;font-family:Work Sans,system-ui,sans-serif;font-weight:400;line-height:1.7;overflow-x:hidden}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit}h1,h2,h3,h4{color:var(--espresso);letter-spacing:-.01em;margin:0;font-family:Bitter,Georgia,serif;font-weight:500;line-height:1.08}p{margin:0}.wrap{width:100%;max-width:var(--maxw);margin-inline:auto;padding-inline:clamp(20px,5vw,64px)}.eyebrow{letter-spacing:.32em;text-transform:uppercase;color:var(--siena);align-items:center;gap:12px;font-family:Work Sans,sans-serif;font-size:12px;font-weight:600;display:inline-flex}.eyebrow:before,.eyebrow:after{content:"";background:var(--siena);opacity:.6;width:34px;height:1px}.cta-band .eyebrow:after{background:var(--tan)}.grain{z-index:1;pointer-events:none;opacity:.05;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}.btn{isolation:isolate;letter-spacing:.14em;text-transform:uppercase;transition:all .5s var(--ease);border-radius:2px;align-items:center;gap:10px;padding:16px 30px;font-size:13px;font-weight:600;display:inline-flex;position:relative;overflow:hidden}.btn:before{content:"";z-index:-1;transform-origin:50%;transition:transform .5s var(--ease);position:absolute;inset:0;transform:scaleX(0)}.btn .arrow{transition:transform .5s var(--ease)}.btn:hover .arrow{transform:translate(5px)}.btn-primary{background:var(--siena);color:var(--paper)}.btn-primary:before{background:var(--espresso)}.btn-primary:hover{color:var(--paper)}.btn-primary:hover:before{transform:scaleX(1)}.btn-ghost{border:1px solid var(--line);color:var(--espresso);background:0 0}.btn-ghost:before{background:var(--siena)}.btn-ghost:hover{color:var(--paper);border-color:var(--siena)}.btn-ghost:hover:before{transform:scaleX(1)}.btn-light{color:var(--paper);border:1px solid #f4efe466}.btn-light:before{background:var(--siena)}.btn-light:hover{color:var(--paper);border-color:var(--siena)}.btn-light:hover:before{transform:scaleX(1)}.nav{z-index:100;transition:all .5s var(--ease);border-bottom:1px solid #0000;position:fixed;top:0;left:0;right:0}.nav.scrolled{-webkit-backdrop-filter:blur(14px)saturate(140%);border-bottom:1px solid var(--line-soft);background:#f4efe4c7;box-shadow:0 10px 40px -28px #22171080}.nav-inner{height:84px;transition:height .5s var(--ease);justify-content:space-between;align-items:center;display:flex}.nav.scrolled .nav-inner{height:70px}.brand{cursor:pointer;background:0 0;border:none;align-items:center;gap:13px;display:flex}.brand .mark{width:42px;height:42px;transition:transform .6s var(--ease);flex:none}.brand:hover .mark{transform:rotate(-6deg)scale(1.05)}.brand .word{flex-direction:column;line-height:1;display:flex}.brand .word b{color:var(--espresso);letter-spacing:.01em;font-family:Bitter,serif;font-size:25px;font-weight:600}.brand .word span{letter-spacing:.3em;color:var(--roast);text-transform:uppercase;margin-top:3px;font-size:8.5px;font-weight:600}.nav-links{gap:38px;display:flex}.nav-links a,.nav-links button{letter-spacing:.06em;color:var(--coffee);transition:color .4s var(--ease);cursor:pointer;background:0 0;border:none;padding:6px 0;font-size:13px;font-weight:500;position:relative}.nav-links a:after,.nav-links button:after{content:"";background:var(--siena);width:0;height:1.5px;transition:width .45s var(--ease);position:absolute;bottom:0;left:50%;transform:translate(-50%)}.nav-links a:hover,.nav-links button:hover{color:var(--siena)}.nav-links a:hover:after,.nav-links button:hover:after{width:100%}.nav-cta{align-items:center;gap:16px;display:flex}.nav-cta .btn{padding:13px 24px}.cart-btn{border:1px solid var(--line);width:46px;height:46px;transition:all .45s var(--ease);border-radius:50%;justify-content:center;align-items:center;display:flex;position:relative}.cart-btn:hover{background:var(--siena);border-color:var(--siena)}.cart-btn svg{width:20px;height:20px;stroke:var(--espresso);fill:none;stroke-width:1.7px;transition:stroke .4s}.cart-btn:hover svg{stroke:var(--paper)}.cart-badge{background:var(--espresso);min-width:20px;height:20px;color:var(--cream);transition:transform .4s var(--ease);border-radius:12px;justify-content:center;align-items:center;padding:0 5px;font-size:11px;font-weight:600;display:flex;position:absolute;top:-5px;right:-5px;transform:scale(0)}.cart-badge.show{transform:scale(1)}.user-btn{border:1px solid var(--line);width:46px;height:46px;transition:all .45s var(--ease);border-radius:50%;justify-content:center;align-items:center;display:flex;position:relative}.user-btn:hover{background:var(--siena);border-color:var(--siena)}.user-btn svg{width:20px;height:20px;stroke:var(--espresso);fill:none;stroke-width:1.7px;transition:stroke .4s}.user-btn:hover svg{stroke:var(--paper)}.user-initial{color:var(--espresso);font-family:Bitter,serif;font-size:17px;font-weight:600;transition:color .4s}.user-btn:hover .user-initial{color:var(--paper)}.nav-toggle{cursor:pointer;background:0 0;border:none;width:40px;height:40px;display:none;position:relative}.nav-toggle span{background:var(--espresso);height:1.6px;transition:all .4s var(--ease);position:absolute;left:9px;right:9px}.nav-toggle span:first-child{top:14px}.nav-toggle span:nth-child(2){top:20px}.nav-toggle span:nth-child(3){top:26px}.nav-toggle.open span:first-child{top:20px;transform:rotate(45deg)}.nav-toggle.open span:nth-child(2){opacity:0}.nav-toggle.open span:nth-child(3){top:20px;transform:rotate(-45deg)}.nav-mobile{display:none}.hero{align-items:center;min-height:92vh;padding:0;display:flex;position:relative;overflow:hidden}.hero-photo-bg{z-index:0;position:absolute;inset:0}.hero-photo-bg picture{display:block;position:absolute;inset:0}.hero-photo-bg img{object-fit:cover;object-position:0% 42%;width:100%;height:100%;animation:24s ease-in-out infinite alternate hero-kenburns;transform:scale(1.1)}.hero-photo-overlay{background:linear-gradient(#140d082e 0%,#140d0852 45%,#140d08db 100%);position:absolute;inset:0}@keyframes hero-kenburns{0%{transform:scale(1.03)}to{transform:scale(1.16)}}.hero-bg-ridge{z-index:0;opacity:.5;pointer-events:none;width:100%;height:auto;position:absolute;bottom:0;left:0;right:0}.hero-grid{z-index:2;grid-template-columns:1.05fr .95fr;align-items:center;gap:40px;display:grid;position:relative}.hero-photo-content{z-index:2;padding-block:130px;max-width:960px;margin-inline:0;padding-left:clamp(28px,6vw,100px);position:relative}.hero .eyebrow{color:var(--espresso);gap:15px;margin-bottom:26px;font-size:17px}.hero .eyebrow:before{background:var(--espresso);width:44px}.hero .eyebrow:after{content:"";background:var(--espresso);opacity:.6;width:44px;height:1px}.hero-title{white-space:nowrap;color:#fff;margin-bottom:26px;font-size:clamp(38px,5.6vw,72px)}.hero-title em{color:var(--tan);font-style:italic;font-weight:500}.hero-sub{color:#ffffffd1;max-width:30em;margin-bottom:38px;font-size:clamp(15px,1.5vw,18px)}.hero-actions{flex-wrap:wrap;gap:16px;display:flex}.hero-scroll{color:#ffffffad;letter-spacing:.24em;text-transform:uppercase;align-items:center;gap:14px;margin-top:54px;font-size:11px;display:flex}.hero-scroll .line{background:#ffffff4d;width:1px;height:46px;position:relative;overflow:hidden}.hero-scroll .line:after{content:"";background:var(--tan);width:100%;height:50%;animation:scrolldot 2.4s var(--ease) infinite;position:absolute;top:-50%;left:0}@keyframes scrolldot{0%{top:-50%}60%,to{top:100%}}.hero-visual{justify-content:center;align-items:center;height:560px;display:flex;position:relative}.glow{filter:blur(6px);background:radial-gradient(circle at 50% 45%,#a85c3833,#a85c3800 62%);border-radius:50%;width:520px;height:520px;position:absolute}.ring{border:1px solid var(--line);border-radius:50%;width:430px;height:430px;position:absolute}.ring.r2{opacity:.5;width:540px;height:540px}.bag-photo{will-change:transform;z-index:2;width:286px;position:relative;transform:rotate(-2.5deg)}.bag-photo img{filter:drop-shadow(28px 46px 44px #22171052);width:100%;height:auto}.bag-shadow{filter:blur(7px);z-index:-1;background:radial-gradient(#2217104d,#22171000 70%);border-radius:50%;height:44px;position:absolute;bottom:-22px;left:4%;right:4%}.hero-carousel{will-change:transform;z-index:2;width:320px;max-width:80vw;position:relative}.hero-carousel-frame{aspect-ratio:4/5;border-radius:10px;width:100%;position:relative;overflow:hidden;box-shadow:34px 50px 80px -40px #2217108c,0 30px 60px -50px #22171099}.hero-carousel-img{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity 1.1s var(--ease);position:absolute;inset:0}.hero-carousel-img.active{opacity:1}.hero-carousel-dots{justify-content:center;gap:9px;margin-top:18px;display:flex}.hero-carousel-dot{background:var(--line);cursor:pointer;width:7px;height:7px;transition:all .4s var(--ease);border:none;border-radius:50%;padding:0}.hero-carousel-dot:hover{background:var(--tan)}.hero-carousel-dot.active{background:var(--siena);border-radius:4px;width:20px}@media (width<=860px){.hero-carousel{width:240px}}.bag{will-change:transform;background:linear-gradient(#ffffff1a,#0000000d 40%,#00000024),linear-gradient(110deg,#cda978 0%,#c09c6c 42%,#b38c5c 75%,#a67e4f 100%);border-radius:8px 8px 12px 12px;width:312px;height:432px;position:relative;transform:rotate(-2.5deg);box-shadow:inset 0 2px #ffffff40,inset -40px 0 60px -50px #00000080,34px 60px 80px -40px #2217108c,0 30px 60px -50px #22171099}.bag:after{content:"";background:linear-gradient(90deg,#0000,#00000029);border-radius:0 12px 12px 0;width:42px;position:absolute;top:34px;bottom:10px;right:0}.bag-top{background:linear-gradient(#9c7a52,#b0895b);border-radius:8px 8px 0 0;height:30px;position:absolute;top:0;left:0;right:0;box-shadow:inset 0 -7px 10px -4px #00000047}.bag-top:before,.bag-top:after{content:"";background:linear-gradient(135deg,#8a6b47,#a07e54);width:18px;height:18px;position:absolute;top:5px}.bag-top:before{left:-3px;transform:rotate(45deg)}.bag-top:after{right:-3px;transform:rotate(45deg)}.label{background:var(--paper);text-align:center;z-index:3;border-radius:2px;width:78%;padding:16px 14px 14px;position:absolute;top:54px;left:50%;transform:translate(-50%);box-shadow:0 10px 24px -16px #22171080}.label .l-mark{width:30px;height:30px;margin:0 auto 4px}.label .l-brand{color:var(--espresso);font-family:Bitter,serif;font-size:18px;font-weight:600;line-height:1}.label .l-sub{letter-spacing:.26em;color:var(--roast);margin:3px 0 12px;font-size:6.5px;font-weight:600}.stamp{background:var(--c-colombia);color:#f2e7df;margin:0 2px;padding:14px 12px;position:relative}.stamp:before,.stamp:after{content:"";background:radial-gradient(circle 3px at 6px 50%,var(--paper) 96%,transparent 100%);background-repeat:repeat-x;background-size:12px 6px;height:6px;position:absolute;left:4px;right:4px}.stamp:before{top:-3px}.stamp:after{bottom:-3px}.stamp .s-name{letter-spacing:.02em;text-transform:uppercase;font-family:Oswald,sans-serif;font-size:32px;font-weight:600;line-height:.9}.stamp .s-region{opacity:.92;margin-top:2px;font-family:Bitter,serif;font-size:13px;font-style:italic}.stamp .s-notes{letter-spacing:.05em;border-top:1px solid #f2e7df4d;margin-top:9px;padding-top:8px;font-size:8px}.label .l-foot{letter-spacing:.22em;color:var(--siena-deep);margin-top:11px;font-family:Work Sans,sans-serif;font-size:8px;font-weight:600}.label .l-foot b{color:var(--roast);letter-spacing:.18em;margin-top:3px;font-size:7px;font-weight:500;display:block}.bean{z-index:1;will-change:transform;filter:drop-shadow(0 10px 14px #2217104d);position:absolute}.bean.b1{--r:-18deg;width:46px;animation:6s ease-in-out infinite float;top:36px;left:18px}.bean.b2{--r:22deg;width:30px;animation:7.5s ease-in-out .6s infinite float;top:120px;right:6px}.bean.b3{--r:8deg;width:38px;animation:6.8s ease-in-out 1.1s infinite float;bottom:60px;left:6px}.bean.b4{--r:-30deg;width:24px;animation:5.6s ease-in-out .3s infinite float;bottom:30px;right:54px}@keyframes float{0%,to{transform:translateY(0) rotate(var(--r,0deg))}50%{transform:translateY(-14px) rotate(var(--r,0deg))}}.strip{background:var(--espresso);color:var(--cream);padding:18px 0;overflow:hidden}.marquee{width:max-content;display:flex}.marquee-group{flex:none;align-items:center;animation:46s linear infinite slide;display:flex}.marquee-group span{opacity:.85;white-space:nowrap;align-items:center;font-family:Bitter,serif;font-size:19px;font-style:italic;display:flex}.marquee-group span:after{content:"✦";color:var(--siena);opacity:1;margin:0 54px;font-size:11px;font-style:normal}@keyframes slide{to{transform:translate(-100%)}}.section{padding:clamp(56px,7vw,96px) 0;position:relative}.section.alt{background:var(--cream-2)}.section-head{max-width:640px;margin-bottom:48px}.section-head.center{text-align:center;margin-inline:auto}.section-head .eyebrow{margin-bottom:22px}.section-head h2{font-size:clamp(32px,4.4vw,56px)}.section-head p{color:var(--muted);margin-top:20px;font-size:16.5px}.philo{grid-template-columns:.85fr 1.15fr;align-items:center;gap:clamp(40px,7vw,96px);display:grid}.philo-visual{aspect-ratio:4/5;background:linear-gradient(160deg,#6f4a33,#3c2a1e 70%);border-radius:4px;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden;box-shadow:0 50px 80px -50px #221710b3}.philo-visual .condor{opacity:.96;width:72%}.philo-visual .logo-seal{filter:drop-shadow(0 30px 50px #00000073);width:58%;max-width:280px;transition:transform .8s var(--ease)}.philo-visual:hover .logo-seal{transform:scale(1.04)rotate(-3deg)}.philo-visual .alt-tag{color:var(--cream);justify-content:space-between;align-items:flex-end;display:flex;position:absolute;bottom:22px;left:22px;right:22px}.philo-visual .alt-tag b{font-family:Bitter,serif;font-size:30px;font-weight:600;line-height:1;display:block}.philo-visual .alt-tag small{letter-spacing:.2em;text-transform:uppercase;opacity:.7;font-size:10px}.philo-visual .float-circle{border:1px solid #f4efe440;border-radius:50%;width:130px;height:130px;position:absolute;top:-40px;right:-40px}.philo-copy h2{margin-bottom:24px;font-size:clamp(30px,4vw,52px)}.philo-copy h2 em{color:var(--siena);font-style:italic}.philo-copy p{color:var(--muted);margin:0 0 18px;font-size:16.5px}.philo-copy p .drop{font-family:Bitter,serif}.stats{flex-wrap:wrap;gap:14px;margin-top:38px;display:flex}.stat{background:var(--paper);border:1px solid var(--line-soft);min-width:140px;transition:all .5s var(--ease);border-radius:3px;flex:1;padding:22px 22px 20px}.stat:hover{border-color:var(--siena);transform:translateY(-6px);box-shadow:0 24px 40px -30px #22171080}.stat b{color:var(--espresso);font-family:Bitter,serif;font-size:30px;line-height:1;display:block}.stat span{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-top:8px;font-size:11px;display:block}.filters{flex-wrap:wrap;gap:10px;margin-bottom:42px;display:flex}.chip{border:1px solid var(--line);letter-spacing:.08em;color:var(--muted);transition:all .4s var(--ease);cursor:pointer;background:0 0;border-radius:40px;padding:9px 20px;font-size:12px;font-weight:500}.chip:hover{border-color:var(--siena);color:var(--siena)}.chip.active{background:var(--espresso);color:var(--cream);border-color:var(--espresso)}.grid{grid-template-columns:repeat(3,1fr);gap:26px;display:grid}.card{background:var(--paper);border:1px solid var(--line-soft);transition:box-shadow .55s var(--ease),border-color .55s var(--ease);border-radius:4px;flex-direction:column;padding:30px 28px 26px;display:flex;position:relative}.card:before{content:"";background:var(--accent);transform-origin:0;height:4px;transition:transform .55s var(--ease);position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.card-top{justify-content:space-between;align-items:flex-start;margin-bottom:22px;display:flex}.card-photo{border:1px solid var(--line-soft);aspect-ratio:4/3;cursor:pointer;background:#fff;border-radius:3px;margin:0 0 20px;position:relative;overflow:hidden}.card-photo img{width:100%;height:100%;transition:opacity .6s var(--ease);position:absolute;inset:0}.card-photo .ph-main{opacity:1;object-fit:contain}.card-photo .ph-nota{opacity:0;object-fit:cover}.card-photo.show-nota .ph-main{opacity:0}.card-photo.show-nota .ph-nota{opacity:1}.card-flip-hint{letter-spacing:.1em;text-transform:uppercase;color:var(--espresso);opacity:0;transition:all .4s var(--ease);z-index:2;background:#ffffffeb;border-radius:30px;align-items:center;gap:6px;padding:6px 10px;font-family:Work Sans,sans-serif;font-size:9.5px;font-weight:600;display:inline-flex;position:absolute;bottom:10px;right:10px;transform:translateY(6px)}.card-flip-hint svg{width:12px;height:12px}.card-badge{letter-spacing:.18em;text-transform:uppercase;color:var(--paper);background:var(--accent);border-radius:30px;padding:5px 11px;font-size:9.5px;font-weight:600}.card-num{color:var(--line);font-family:Bitter,serif;font-size:15px;font-style:italic}.card h3{text-transform:uppercase;letter-spacing:.01em;color:var(--espresso);font-family:Oswald,sans-serif;font-size:34px;font-weight:600;line-height:.92}.card h3 em{text-transform:none;color:var(--roast);margin-left:6px;font-family:Bitter,serif;font-size:17px;font-style:italic;font-weight:500}.card-desc{color:var(--muted);margin-top:12px;font-size:13.5px;line-height:1.6}.card-notes{border-top:1px solid var(--line-soft);margin-top:18px;padding-top:16px}.card-notes .notes-text{color:var(--espresso);margin-top:8px;font-family:Bitter,serif;font-size:16.5px;font-style:italic;line-height:1.4}.card .meta{border-top:1px solid var(--line-soft);gap:18px;margin-top:18px;padding-top:18px;display:flex}.card .meta div{font-size:10.5px}.card .meta .k{letter-spacing:.16em;text-transform:uppercase;color:var(--tan);margin-bottom:3px;display:block}.card .meta .v{color:var(--coffee);font-size:12.5px;font-weight:600}.card-actions{justify-content:space-between;align-items:center;gap:12px;margin-top:22px;display:flex}.card-perfil{letter-spacing:.14em;text-transform:uppercase;color:var(--accent);transition:all .4s var(--ease);cursor:pointer;background:0 0;border:none;align-items:center;gap:7px;padding:0;font-size:11px;font-weight:600;display:inline-flex}.card-perfil span{transition:transform .4s var(--ease)}.card-buy{isolation:isolate;letter-spacing:.14em;text-transform:uppercase;color:var(--paper);background:var(--accent);transition:all .5s var(--ease);cursor:pointer;border:none;border-radius:2px;padding:11px 22px;font-size:11px;font-weight:600;display:inline-block;position:relative;overflow:hidden}.card-buy:before{content:"";z-index:-1;background:var(--espresso);transition:transform .5s var(--ease);position:absolute;inset:0;transform:scaleX(0)}.card-buy:hover{color:var(--paper)}.card-buy:hover:before{transform:scaleX(1)}.eyebrow-mini{letter-spacing:.22em;text-transform:uppercase;color:var(--siena);font-family:Work Sans,sans-serif;font-size:10.5px;font-weight:600}@media (hover:hover) and (pointer:fine){.card:hover{border-color:#0000;box-shadow:0 40px 60px -40px #22171073}.card:hover:before{transform:scaleX(1)}.card:hover .card-photo .ph-main{opacity:0}.card:hover .card-photo .ph-nota{opacity:1}.card:hover .card-num{color:var(--accent);transition:color .55s var(--ease)}.card:hover .card-perfil span{transform:translate(4px)}.card:hover .card-flip-hint{opacity:1;transform:translateY(0)}}.exp{grid-template-columns:1fr 1fr;align-items:center;gap:clamp(40px,6vw,88px);display:grid}.exp-tabs{flex-wrap:wrap;gap:8px;margin-bottom:34px;display:flex}.exp-tab{border:1px solid var(--line);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);transition:all .45s var(--ease);cursor:pointer;background:0 0;border-radius:3px;padding:9px 16px;font-family:Oswald,sans-serif;font-size:14px;font-weight:500}.exp-tab:hover{border-color:var(--accent,var(--siena));color:var(--accent,var(--siena))}.exp-tab.active{background:var(--accent);border-color:var(--accent);color:var(--paper)}.exp-info h3{text-transform:uppercase;color:var(--espresso);transition:color .5s var(--ease);font-family:Oswald,sans-serif;font-size:clamp(44px,6vw,72px);font-weight:600;line-height:.9}.exp-info .region{color:var(--accent);transition:color .5s var(--ease);margin:6px 0 22px;font-family:Bitter,serif;font-size:20px;font-style:italic}.exp-info .desc{color:var(--muted);max-width:30em;margin-bottom:26px;font-size:16px}.exp-icons{flex-wrap:wrap;gap:26px;display:flex}.exp-icons .ic{align-items:center;gap:10px;display:flex}.exp-icons .ic svg{width:24px;height:24px;stroke:var(--accent);fill:none;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;transition:stroke .5s var(--ease)}.exp-icons .ic small{letter-spacing:.14em;text-transform:uppercase;color:var(--tan);font-size:9.5px;display:block}.exp-icons .ic b{color:var(--coffee);font-size:13px;font-weight:600}.bars{background:var(--paper);border:1px solid var(--line-soft);border-radius:5px;padding:clamp(28px,4vw,44px);box-shadow:0 40px 70px -50px #22171080}.bar{margin-bottom:26px}.bar:last-child{margin-bottom:0}.bar-head{justify-content:space-between;align-items:baseline;margin-bottom:11px;display:flex}.bar-head .name{letter-spacing:.08em;text-transform:uppercase;color:var(--espresso);align-items:center;gap:10px;font-family:Oswald,sans-serif;font-size:15px;font-weight:500;display:flex}.bar-head .name svg{width:18px;height:18px;stroke:var(--accent);fill:none;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;transition:stroke .5s var(--ease)}.bar-head .val{color:var(--muted);letter-spacing:.06em;font-size:12px}.track{background:var(--cream-3);border-radius:20px;height:7px;overflow:hidden}.fill{background:linear-gradient(90deg,var(--accent),var(--accent));width:0;height:100%;transition:width 1.1s var(--ease);border-radius:20px}.cta-band{color:var(--cream);text-align:center;background:linear-gradient(135deg,#3c2a1e,#221710);padding:clamp(70px,9vw,120px) 0;position:relative;overflow:hidden}.cta-band .ghost-word{color:#f4efe409;white-space:nowrap;pointer-events:none;text-transform:uppercase;justify-content:center;align-items:center;font-family:Oswald,sans-serif;font-size:clamp(120px,26vw,360px);font-weight:700;display:flex;position:absolute;inset:0}.cta-band .inner{z-index:2;position:relative}.cta-band .eyebrow{color:var(--tan);justify-content:center}.cta-band .eyebrow:before{background:var(--tan)}.cta-band h2{color:var(--cream);margin:20px 0 34px;font-size:clamp(34px,5vw,64px)}.cta-band h2 em{color:var(--siena);font-style:italic}.biz-grid{grid-template-columns:1fr 1fr;gap:26px;display:grid}.biz-card{background:var(--paper);border:1px solid var(--line-soft);transition:transform .55s var(--ease),box-shadow .55s var(--ease);border-radius:4px;flex-direction:column;align-items:flex-start;padding:38px 34px 34px;display:flex;position:relative;overflow:hidden}.biz-card:before{content:"";background:var(--siena);transform-origin:0;height:4px;transition:transform .55s var(--ease);position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.biz-card:hover{transform:translateY(-8px);box-shadow:0 40px 60px -40px #22171073}.biz-card:hover:before{transform:scaleX(1)}.biz-icon{background:var(--cream);border:1px solid var(--line-soft);border-radius:50%;justify-content:center;align-items:center;width:54px;height:54px;margin-bottom:20px;display:flex}.biz-icon svg{width:26px;height:26px;stroke:var(--siena)}.biz-tag{letter-spacing:.22em;text-transform:uppercase;color:var(--siena);margin-bottom:12px;font-size:10px;font-weight:600}.biz-card h3{margin-bottom:14px;font-size:clamp(22px,2.2vw,28px)}.biz-card p{color:var(--muted);margin-bottom:18px;font-size:15px}.biz-list{flex-direction:column;gap:9px;margin:0 0 26px;padding:0;list-style:none;display:flex}.biz-list li{color:var(--coffee);padding-left:22px;font-size:13.5px;position:relative}.biz-list li:before{content:"✦";color:var(--siena);font-size:11px;position:absolute;top:0;left:0}.biz-card .btn{margin-top:auto}.biz-card-link{letter-spacing:.14em;text-transform:uppercase;color:var(--siena);align-items:center;gap:7px;margin-top:auto;font-size:11px;font-weight:600;display:inline-flex}.biz-card-link span{transition:transform .4s var(--ease)}.biz-card:hover .biz-card-link span{transform:translate(4px)}.biz-page-icon{justify-content:center;align-items:center;width:130px;height:130px;display:flex}.biz-page-icon svg{width:100%;height:100%;stroke:var(--cream);opacity:.92}.shop-hero{padding:150px 0 50px;position:relative;overflow:hidden}.shop-hero .eyebrow{margin-bottom:20px}.shop-hero h1{font-size:clamp(40px,6vw,76px)}.shop-hero h1 em{color:var(--siena);font-style:italic;font-weight:500}.shop-hero p{color:var(--muted);max-width:34em;margin-top:18px;font-size:16.5px}.infobar{border-top:1px solid var(--line);flex-wrap:wrap;gap:30px;margin-top:34px;padding-top:26px;display:flex}.infobar div{letter-spacing:.04em;color:var(--coffee);align-items:center;gap:10px;font-size:12.5px;display:flex}.infobar svg{width:20px;height:20px;stroke:var(--siena);fill:none;stroke-width:1.7px}.shop{padding:30px 0 clamp(56px,7vw,96px)}.shop-grid{grid-template-columns:repeat(3,1fr);gap:28px;display:grid}.shop-card{background:var(--paper);border:1px solid var(--line-soft);transition:transform .55s var(--ease),box-shadow .55s var(--ease);border-radius:6px;flex-direction:column;display:flex;overflow:hidden}.shop-card:hover{transform:translateY(-8px);box-shadow:0 44px 64px -44px #22171080}.shop-card.flash{animation:flash 1.4s var(--ease)}@keyframes flash{0%,to{box-shadow:0 0 #a85c3800}30%{box-shadow:0 0 0 4px #a85c3880}}.shop-photo{aspect-ratio:4/3;border-bottom:1px solid var(--line-soft);background:#fff;justify-content:center;align-items:center;margin:0;display:flex;overflow:hidden}.shop-photo img{object-fit:contain;width:100%;height:100%;transition:transform .7s var(--ease);transform:scale(1.02)}.shop-card:hover .shop-photo img{transform:scale(1.07)}.shop-stamp{background:var(--accent);color:#f2e7df;padding:26px 24px 22px;position:relative}.shop-stamp:after{content:"";background:radial-gradient(circle 5px at 10px 0,var(--paper) 96%,transparent 100%);background-repeat:repeat-x;background-size:20px 10px;height:10px;position:absolute;bottom:-5px;left:0;right:0}.shop-stamp .s-badge{letter-spacing:.2em;text-transform:uppercase;opacity:.85;font-size:9.5px;font-weight:600}.shop-stamp h3{text-transform:uppercase;color:#f6eee6;margin-top:8px;font-family:Oswald,sans-serif;font-size:40px;font-weight:600;line-height:.9}.shop-stamp h3 em{text-transform:none;opacity:.92;font-family:Bitter,serif;font-size:18px;font-style:italic;font-weight:500}.shop-stamp .s-notes{letter-spacing:.04em;border-top:1px solid #f2e7df47;margin-top:12px;padding-top:11px;font-size:11.5px}.shop-body{flex-direction:column;flex:1;gap:16px;padding:24px;display:flex}.shop-meta{gap:16px;display:flex}.shop-meta div{font-size:10px}.shop-meta .k{letter-spacing:.14em;text-transform:uppercase;color:var(--tan);margin-bottom:3px;display:block}.shop-meta .v{color:var(--coffee);font-size:12px;font-weight:600}.shop-desc{color:var(--muted);font-size:13.5px;line-height:1.6}.shop-price{color:var(--espresso);align-items:baseline;gap:7px;font-family:Bitter,serif;font-size:28px;display:flex}.shop-price small{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-family:Work Sans,sans-serif;font-size:11px;font-weight:500}.field-label{letter-spacing:.16em;text-transform:uppercase;color:var(--tan);margin-bottom:-6px;font-size:10px}.field-label .req{color:var(--c-kenya)}.select-wrap{position:relative}.select-wrap select{appearance:none;background:var(--paper);border:1px solid var(--line);width:100%;color:var(--coffee);cursor:pointer;border-radius:3px;outline:none;padding:12px 40px 12px 13px;font-family:inherit;font-size:12.5px;font-weight:500;transition:border-color .3s,box-shadow .3s}.select-wrap select:focus{border-color:var(--siena)}.select-wrap select:required:invalid{color:var(--muted)}.select-wrap:after{content:"";border-right:1.6px solid var(--roast);border-bottom:1.6px solid var(--roast);pointer-events:none;width:8px;height:8px;position:absolute;top:50%;right:15px;transform:translateY(-70%)rotate(45deg)}.select-wrap.warn select{border-color:#b3402a;box-shadow:0 0 0 3px #be4a2b24}.select-hint{color:#b3402a;margin-top:-10px;font-size:11px}.molienda-help{letter-spacing:.02em;color:var(--siena);align-self:flex-start;align-items:center;gap:5px;margin-top:-6px;font-size:11.5px;font-weight:600;display:inline-flex}.molienda-help span{transition:transform .3s var(--ease)}.molienda-help:hover span{transform:translate(3px)}.molienda-modal{background:var(--paper);z-index:201;text-align:left;opacity:0;visibility:hidden;width:min(480px,92vw);max-height:88vh;transition:all .45s var(--ease);border-radius:6px;padding:36px 32px 32px;position:fixed;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%)scale(.96);box-shadow:0 60px 120px -40px #0009}.molienda-modal.open{opacity:1;visibility:visible;transform:translate(-50%,-50%)scale(1)}.mg-close{position:absolute;top:14px;right:14px}.molienda-modal h3{margin-top:8px;font-size:25px}.mg-sub{color:var(--muted);margin-top:8px;font-size:13.5px}.mg-grid{flex-direction:column;gap:10px;margin-top:24px;display:flex}.mg-option{border:1px solid var(--line-soft);background:var(--cream);transition:all .35s var(--ease);text-align:left;border-radius:4px;align-items:center;gap:14px;width:100%;padding:13px 15px;display:flex}.mg-option:hover{border-color:var(--siena);background:var(--paper);transform:translate(4px);box-shadow:0 20px 34px -26px #22171066}.mg-icon{background:var(--paper);border:1px solid var(--line-soft);width:38px;height:38px;transition:all .35s var(--ease);border-radius:50%;flex:none;justify-content:center;align-items:center;display:flex}.mg-icon svg{width:19px;height:19px;stroke:var(--siena);fill:none;transition:stroke .35s var(--ease)}.mg-option:hover .mg-icon{background:var(--siena);border-color:var(--siena)}.mg-option:hover .mg-icon svg{stroke:var(--paper)}.mg-text{flex-direction:column;gap:2px;display:flex}.mg-label{letter-spacing:.02em;text-transform:uppercase;color:var(--espresso);font-family:Oswald,sans-serif;font-size:13.5px;font-weight:600}.mg-desc{color:var(--muted);font-size:12px}.molienda{gap:8px;display:flex}.molienda button{border:1px solid var(--line);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);transition:all .4s var(--ease);border-radius:3px;flex:1;padding:10px;font-size:11px;font-weight:600}.molienda button.active{background:var(--espresso);color:var(--cream);border-color:var(--espresso)}.row{align-items:center;gap:12px;display:flex}.qty{border:1px solid var(--line);border-radius:3px;align-items:center;display:flex;overflow:hidden}.qty button{width:40px;height:42px;color:var(--coffee);font-size:18px;transition:background .3s}.qty button:hover{background:var(--cream-2)}.qty span{text-align:center;width:40px;font-size:14px;font-weight:600}.add{isolation:isolate;background:var(--accent);height:44px;color:var(--paper);letter-spacing:.12em;text-transform:uppercase;transition:all .5s var(--ease);border-radius:3px;flex:1;font-size:12px;font-weight:600;position:relative;overflow:hidden}.add:before{content:"";z-index:-1;background:var(--espresso);transition:transform .5s var(--ease);position:absolute;inset:0;transform:scaleX(0)}.add:hover:before{transform:scaleX(1)}.add.added{background:var(--espresso)}.overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);opacity:0;visibility:hidden;z-index:200;background:#1a120c80;transition:all .5s;position:fixed;inset:0}.overlay.open{opacity:1;visibility:visible}.drawer{background:var(--paper);z-index:201;width:min(430px,94vw);height:100%;transition:transform .55s var(--ease);flex-direction:column;display:flex;position:fixed;top:0;right:0;transform:translate(100%);box-shadow:-40px 0 80px -40px #0009}.drawer.open{transform:none}.drawer-head{border-bottom:1px solid var(--line-soft);justify-content:space-between;align-items:center;padding:26px 26px 18px;display:flex}.drawer-head h3{font-size:24px}.drawer-head .count{color:var(--muted);letter-spacing:.06em;font-size:12px}.drawer-close{border:1px solid var(--line);width:38px;height:38px;color:var(--coffee);transition:all .4s var(--ease);border-radius:50%;justify-content:center;align-items:center;font-size:18px;display:flex}.drawer-close:hover{background:var(--espresso);color:var(--cream);border-color:var(--espresso);transform:rotate(90deg)}.drawer-body{flex:1;padding:10px 26px;overflow-y:auto}.cart-empty{text-align:center;color:var(--muted);padding:60px 20px}.cart-empty svg{width:54px;height:54px;stroke:var(--tan);fill:none;stroke-width:1.4px;margin:0 auto 18px;display:block}.line-item{border-bottom:1px solid var(--line-soft);gap:14px;padding:20px 0;display:flex}.line-thumb{border-radius:4px;flex:none;width:54px;height:64px;position:relative}.line-thumb:after{content:attr(data-i);color:#f2e7df;letter-spacing:.04em;justify-content:center;align-items:center;font-family:Oswald,sans-serif;font-size:13px;font-weight:600;display:flex;position:absolute;inset:0}.line-thumb.has-photo{border:1px solid var(--line-soft);background:#fff;overflow:hidden}.line-thumb.has-photo:after{content:none}.line-thumb.has-photo img{object-fit:cover;width:100%;height:100%}.line-info{flex:1;min-width:0}.line-info h4{text-transform:uppercase;color:var(--espresso);font-family:Oswald,sans-serif;font-size:17px;font-weight:600}.line-info .sub{color:var(--muted);letter-spacing:.04em;margin-top:2px;font-size:11px}.line-info .lq{align-items:center;gap:10px;margin-top:10px;display:flex}.line-info .lq .mini{border:1px solid var(--line);border-radius:3px;align-items:center;display:flex}.line-info .lq .mini button{width:28px;height:28px;color:var(--coffee);font-size:15px}.line-info .lq .mini span{text-align:center;width:28px;font-size:13px;font-weight:600}.line-right{text-align:right;flex-direction:column;justify-content:space-between;display:flex}.line-right .lp{color:var(--espresso);white-space:nowrap;font-size:14px;font-weight:600}.line-right .rm{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-size:10px;transition:color .3s}.line-right .rm:hover{color:var(--c-kenya)}.drawer-foot{padding:22px 26px calc(22px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--line-soft);background:var(--cream)}.drawer-foot .ship-note{color:var(--muted);align-items:flex-start;gap:8px;margin:0 0 14px;font-size:11px;display:flex}.drawer-foot input,.drawer-foot textarea{background:var(--paper);border:1px solid var(--line);width:100%;color:var(--coffee);resize:none;border-radius:3px;outline:none;margin-bottom:10px;padding:11px 13px;font-family:inherit;font-size:13px;transition:border-color .3s}.drawer-foot input:focus,.drawer-foot textarea:focus{border-color:var(--siena)}.subtotal{justify-content:space-between;align-items:baseline;margin:6px 0 16px;display:flex}.subtotal .lbl{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-size:12px}.subtotal .amt{color:var(--espresso);font-family:Bitter,serif;font-size:30px}.wa-btn{isolation:isolate;color:#fff;letter-spacing:.1em;text-transform:uppercase;width:100%;height:54px;transition:all .5s var(--ease);background:#1f8a4c;border-radius:3px;justify-content:center;align-items:center;gap:10px;font-size:13px;font-weight:600;display:flex;position:relative;overflow:hidden}.wa-btn:before{content:"";z-index:-1;transition:transform .5s var(--ease);background:#176b3a;position:absolute;inset:0;transform:scaleX(0)}.wa-btn:hover:before{transform:scaleX(1)}.wa-btn svg{fill:#fff;width:20px;height:20px}.wa-btn:disabled{opacity:.45;pointer-events:none}.clear-cart{text-align:center;letter-spacing:.1em;text-transform:uppercase;width:100%;color:var(--muted);margin-top:12px;font-size:11px;transition:color .3s;display:block}.clear-cart:hover{color:var(--coffee)}.auth-modal{background:var(--paper);z-index:201;text-align:center;opacity:0;visibility:hidden;width:min(420px,92vw);max-height:92vh;transition:all .45s var(--ease);border-radius:6px;padding:42px 34px 34px;position:fixed;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%)scale(.96);box-shadow:0 60px 120px -40px #0009}.auth-modal.open{opacity:1;visibility:visible;transform:translate(-50%,-50%)scale(1)}.auth-close{position:absolute;top:14px;right:14px}.auth-logo{margin:0 auto 14px}.auth-modal h3{font-size:26px}.auth-sub{color:var(--muted);margin:10px 0 24px;font-size:13.5px}.auth-google{border:1px solid var(--line);width:100%;color:var(--coffee);transition:all .4s var(--ease);background:#fff;border-radius:3px;justify-content:center;align-items:center;gap:11px;padding:13px;font-size:13px;font-weight:600;display:flex}.auth-google:hover{border-color:var(--coffee);box-shadow:0 14px 24px -18px #22171080}.auth-google svg{width:18px;height:18px}.auth-divider{color:var(--muted);letter-spacing:.14em;text-transform:uppercase;align-items:center;gap:12px;margin:18px 0;font-size:11px;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--line-soft);flex:1;height:1px}.auth-form{flex-direction:column;gap:10px;display:flex}.auth-form input{border:1px solid var(--line);width:100%;color:var(--coffee);background:#fff;border-radius:3px;outline:none;padding:13px;font-family:inherit;font-size:13.5px;transition:border-color .3s}.auth-form input:focus{border-color:var(--siena)}.auth-form .btn{justify-content:center}.auth-note{color:var(--muted);margin-top:12px;font-size:11.5px}.auth-ok{background:var(--cream);border:1px solid var(--line-soft);color:var(--coffee);border-radius:4px;padding:20px;font-size:13.5px;line-height:1.7}.auth-ok b{color:var(--espresso);margin-bottom:6px;font-family:Bitter,serif;font-size:17px;display:block}.auth-error{color:#b3402a;margin-top:14px;font-size:12px}.acc-section{border-bottom:1px solid var(--line-soft);padding:18px 0 22px}.acc-title{letter-spacing:.2em;text-transform:uppercase;color:var(--siena);margin:0 0 8px;font-family:Work Sans,sans-serif;font-size:11px;font-weight:600}.acc-hint{color:var(--muted);margin:0 0 14px;font-size:12.5px}.acc-form{flex-direction:column;gap:10px;display:flex}.acc-form input{background:var(--paper);border:1px solid var(--line);width:100%;color:var(--coffee);border-radius:3px;outline:none;padding:11px 13px;font-family:inherit;font-size:13px;transition:border-color .3s}.acc-form input:focus{border-color:var(--siena)}.acc-save{justify-content:center;padding:13px}.acc-pedidos{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.acc-pedidos li{background:var(--cream);border:1px solid var(--line-soft);border-radius:4px;padding:13px 15px}.acc-pedido-head{justify-content:space-between;align-items:baseline;margin-bottom:6px;display:flex}.acc-pedido-head .f{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:11px}.acc-pedido-head b{color:var(--espresso);font-family:Bitter,serif;font-size:16px}.acc-pedido-items{color:var(--coffee);flex-direction:column;gap:2px;font-size:12.5px;display:flex}.acc-logout{margin-top:0}.footer{color:#c8b8a6;background:#1a120c;padding:clamp(64px,8vw,100px) 0 40px;position:relative}.footer-grid{border-bottom:1px solid #f4efe41a;gap:48px;padding-bottom:56px;display:grid}.footer-grid-4{grid-template-columns:1.6fr 1fr 1fr 1.4fr}.footer-grid-3{grid-template-columns:1.8fr 1fr 1.4fr;padding-bottom:50px}.footer .brand .word b{color:var(--cream)}.footer .brand .word span{color:var(--tan)}.footer .f-about{color:#a99785;max-width:26em;margin-top:22px;font-size:14px}.footer h5{letter-spacing:.2em;text-transform:uppercase;color:var(--tan);margin:0 0 22px;font-family:Work Sans,sans-serif;font-size:11px;font-weight:600}.footer ul{flex-direction:column;gap:13px;margin:0;padding:0;list-style:none;display:flex}.footer ul a,.footer ul button{color:#c8b8a6;transition:color .4s var(--ease),padding-left .4s var(--ease);cursor:pointer;text-align:left;background:0 0;border:none;padding:0;font-size:14px}.footer ul a:hover,.footer ul button:hover{color:var(--cream);padding-left:6px}.socials{gap:12px;margin-top:24px;display:flex}.socials a{width:40px;height:40px;transition:all .45s var(--ease);border:1px solid #f4efe433;border-radius:50%;justify-content:center;align-items:center;display:flex}.socials a:hover{background:var(--siena);border-color:var(--siena);transform:translateY(-4px)}.socials a svg{fill:#c8b8a6;width:17px;height:17px;transition:fill .4s}.socials a:hover svg{fill:var(--cream)}.news p{color:#a99785;margin:0 0 18px;font-size:14px}.news form{transition:border-color .4s var(--ease);border-bottom:1px solid #f4efe440;display:flex}.news form:focus-within{border-color:var(--siena)}.news input{color:var(--cream);background:0 0;border:none;outline:none;flex:1;padding:12px 0;font-family:inherit;font-size:14px}.news input::placeholder{color:#7e6e5e}.news button{width:46px;color:var(--siena);transition:transform .4s var(--ease),color .4s var(--ease);justify-content:center;align-items:center;display:flex}.news button:hover{color:var(--cream);transform:translate(4px)}.news .ok{color:var(--tan);height:16px;margin-top:12px;font-size:13px}.footer-bottom{color:#7e6e5e;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-top:30px;font-size:12px;display:flex}.footer-bottom a:hover{color:var(--tan)}.wa-float{z-index:150;width:60px;height:60px;transition:transform .4s var(--ease), background .4s var(--ease);background:#1f8a4c;border-radius:50%;justify-content:center;align-items:center;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 14px 30px -10px #1f8a4c8c}.wa-float:hover{background:#176b3a;transform:scale(1.08)}.wa-float svg{fill:#fff;z-index:2;width:30px;height:30px;position:relative}.wa-float-ping{opacity:.55;background:#1f8a4c;border-radius:50%;animation:2.6s ease-out infinite wa-ping;position:absolute;inset:0}@keyframes wa-ping{0%{opacity:.55;transform:scale(1)}to{opacity:0;transform:scale(1.9)}}@media (width<=560px){.wa-float{width:52px;height:52px;bottom:16px;right:16px}.wa-float svg{width:26px;height:26px}}[data-reveal]{opacity:0;transition:opacity 1s var(--ease),transform 1s var(--ease);transform:translateY(34px)}[data-reveal].in{opacity:1;transform:none}@media (width<=1024px){.grid,.shop-grid{grid-template-columns:repeat(2,1fr)}.hero-visual{height:480px}.bag{width:280px;height:388px}.bag-photo{width:240px}}@media (width<=860px){.nav-links,.nav-cta .btn{display:none}.nav-toggle{display:block}.nav-mobile{z-index:99;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;visibility:hidden;transition:opacity .5s var(--ease),visibility .5s;background:#1a120cf7;flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex;position:fixed;inset:0}.nav-mobile.open{opacity:1;visibility:visible}.nav-mobile a,.nav-mobile button{color:var(--cream);opacity:0;transition:all .5s var(--ease);cursor:pointer;background:0 0;border:none;padding:12px;font-family:Bitter,serif;font-size:30px;transform:translateY(16px)}.nav-mobile.open a,.nav-mobile.open button{opacity:1;transform:none}.nav-mobile.open a:first-child,.nav-mobile.open button:first-child{transition-delay:80ms}.nav-mobile.open a:nth-child(2),.nav-mobile.open button:nth-child(2){transition-delay:.14s}.nav-mobile.open a:nth-child(3),.nav-mobile.open button:nth-child(3){transition-delay:.2s}.nav-mobile.open a:nth-child(4),.nav-mobile.open button:nth-child(4){transition-delay:.26s}.nav-mobile.open a:nth-child(5),.nav-mobile.open button:nth-child(5){transition-delay:.32s}.nav-mobile.open a:nth-child(6),.nav-mobile.open button:nth-child(6){transition-delay:.38s}.nav-mobile .btn{letter-spacing:.14em;color:var(--paper);margin-top:22px;padding:16px 30px;font-family:Work Sans,sans-serif;font-size:14px;font-weight:600;transition-delay:.4s}.hero-grid{grid-template-columns:1fr;gap:10px}.hero-visual{order:-1;height:420px;margin-bottom:10px}.bag-photo{width:198px}.hero{min-height:80vh}.hero-photo-content{padding-top:170px}.hero-title{white-space:normal;font-size:clamp(30px,6vw,44px)}.hero-photo-bg img{object-position:52% 45%}.philo{grid-template-columns:1fr}.philo-visual{max-width:380px;margin-inline:auto}.exp,.biz-grid{grid-template-columns:1fr}.footer-grid-4{grid-template-columns:1fr 1fr;gap:34px}.footer-grid-3{grid-template-columns:1fr;gap:32px}}@media (width<=560px){.grid{overscroll-behavior-x:contain;touch-action:pan-x pan-y;-webkit-overflow-scrolling:touch;scrollbar-width:none;grid-template-columns:none;grid-auto-columns:min(78vw,320px);grid-auto-flow:column;margin-inline:calc(-1*clamp(20px,5vw,64px));padding-block:6px 22px;padding-inline:clamp(20px,5vw,64px);overflow-x:auto}.grid::-webkit-scrollbar{display:none}.grid .card.expanded{order:0;grid-column:auto}.shop-grid{grid-template-columns:1fr}.hero-photo-content{padding-top:140px}.shop-hero{padding-top:128px}.footer-grid-4 .news,.footer-grid-4 .f-about{grid-column:1/-1}.stats{gap:10px}.stat{min-width:calc(50% - 5px)}.nav-inner{height:72px}.nav.scrolled .nav-inner{height:62px}.brand .mark{width:36px;height:36px}.brand .word b{font-size:21px}.infobar{flex-direction:column;align-items:flex-start;gap:13px}.paso-card{padding:26px 22px 24px}.molienda-modal{padding:28px 20px 24px}.select-wrap select,.drawer input,.drawer textarea,.news input{font-size:16px}}@media (hover:none){.card-flip-hint{opacity:1;transform:none}}.pasos-grid{grid-template-columns:repeat(2,1fr);gap:24px;display:grid}.paso-card{background:var(--paper);border:1px solid var(--line-soft);transition:transform .5s var(--ease), box-shadow .5s var(--ease);border-radius:18px;padding:38px 34px 34px;position:relative;overflow:hidden}.paso-card:hover{transform:translateY(-4px);box-shadow:0 24px 48px #22171017}.paso-card .paso-num{color:var(--siena);letter-spacing:.06em;font-family:Bitter,serif;font-size:15px;font-style:italic}.paso-card h3{margin:10px 0 12px;font-size:22px}.paso-card p{color:var(--muted);font-size:15px;line-height:1.75}.paso-card:after{content:"";background:linear-gradient(90deg,var(--siena),transparent);opacity:0;height:2px;transition:opacity .5s var(--ease);position:absolute;top:0;left:34px;right:34px}.paso-card:hover:after{opacity:1}.cta-band .cta-sub{max-width:640px;color:var(--cream);opacity:.75;margin:-10px auto 34px;font-size:16px;line-height:1.8}::view-transition-group(*){animation-duration:.6s;animation-timing-function:var(--ease)}::view-transition-old(root){animation-duration:.3s}::view-transition-new(root){animation-duration:.3s}@media (prefers-reduced-motion:reduce){::view-transition-group(*){animation:none!important}::view-transition-old(*){animation:none!important}::view-transition-new(*){animation:none!important}}.card-main{flex-direction:column;flex:1;min-width:0;display:flex}.card.expanded{border-color:var(--line);flex-direction:row;order:-1;grid-column:1/-1;align-items:stretch;gap:clamp(26px,4vw,54px);scroll-margin-top:110px;box-shadow:0 34px 70px -40px #22171059}.card.expanded:before{transform:scaleX(1)}.card.expanded .card-main{flex:0 0 min(340px,38%)}.card.expanded .card-desc{display:none}.card-detail{border-left:1px solid var(--line-soft);min-width:0;animation:detail-in .75s var(--ease) both;flex-direction:column;flex:1;justify-content:center;padding-left:clamp(26px,4vw,54px);display:flex;position:relative}@keyframes detail-in{0%{opacity:0;transform:translate(22px)}to{opacity:1;transform:none}}.card-detail .cd-name{text-transform:uppercase;color:var(--espresso);margin-top:10px;font-family:Oswald,sans-serif;font-size:clamp(32px,3.6vw,50px);font-weight:600;line-height:.9}.card-detail .cd-region{color:var(--accent);margin:6px 0 14px;font-family:Bitter,serif;font-size:18px;font-style:italic}.card-detail .cd-desc{color:var(--muted);max-width:36em;margin-bottom:22px;font-size:15px;line-height:1.7}.card-detail .exp-icons{margin-bottom:24px}.card-detail .cd-bars{background:var(--cream);box-shadow:none;padding:clamp(20px,2.6vw,30px)}.card-detail .bar{margin-bottom:18px}.card-detail .fill{width:0;animation:fill-grow .95s var(--ease) .3s forwards}@keyframes fill-grow{to{width:var(--w)}}.cd-close{border:1px solid var(--line);width:34px;height:34px;color:var(--muted);cursor:pointer;transition:all .3s var(--ease);background:0 0;border-radius:50%;justify-content:center;align-items:center;font-size:13px;display:flex;position:absolute;top:0;right:0}.cd-close:hover{border-color:var(--espresso);color:var(--espresso);transform:rotate(90deg)}@keyframes detail-in-down{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:none}}@media (width<=900px){.card.expanded{flex-direction:column}.card.expanded .card-main{flex:none}.card-detail{border-left:none;border-top:1px solid var(--line-soft);padding-top:24px;padding-left:0;animation-name:detail-in-down}}.philo-photo{z-index:1;aspect-ratio:3/4;width:min(88%,430px);transition:transform .8s var(--ease);border-radius:18px;margin:0;position:relative;overflow:hidden;box-shadow:0 44px 80px -42px #2217108c}.philo-photo img{object-fit:cover;width:100%;height:100%}.philo-visual:hover .philo-photo{transform:scale(1.02)rotate(-1.5deg)}.fundadora-quote{margin:0}.fundadora-quote:before{content:"“";color:var(--siena);opacity:.4;margin:22px 0 16px;font-family:Bitter,serif;font-size:78px;line-height:.55;display:block}.fundadora-quote p{color:var(--coffee);font-family:Bitter,serif;font-size:clamp(17px,1.9vw,21px);font-style:italic;line-height:1.85}.fundadora-quote footer{letter-spacing:.14em;text-transform:uppercase;color:var(--espresso);margin-top:28px;font-size:13px;font-weight:600}.fundadora-quote footer span{letter-spacing:.08em;color:var(--muted);margin-top:5px;font-size:12px;font-weight:500;display:block}.cata-gallery{grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:1.55fr 1fr;gap:18px;margin-bottom:56px;display:grid}.cata-gallery figure{border-radius:18px;margin:0;position:relative;overflow:hidden}.cata-gallery .cg-main{grid-row:1/3}.cata-gallery img{object-fit:cover;width:100%;height:100%;transition:transform 1.2s var(--ease)}.cata-gallery figure:hover img{transform:scale(1.045)}.cata-pasos{margin-top:0}@media (width<=760px){.cata-gallery{grid-template-rows:none;grid-template-columns:1fr;margin-bottom:40px}.cata-gallery .cg-main{grid-row:auto}.cata-gallery img{aspect-ratio:16/10}}.shop-filterbar{padding:34px 0 0}.shop-filterbar .filters{justify-content:center;margin-bottom:0}.cart-toast{z-index:120;background:var(--espresso);color:var(--cream);opacity:0;pointer-events:none;transition:transform .5s var(--ease), opacity .5s var(--ease);border-radius:16px;align-items:center;gap:14px;max-width:min(92vw,480px);padding:12px 14px 12px 12px;display:flex;position:fixed;bottom:26px;left:50%;transform:translate(-50%,24px);box-shadow:0 22px 55px #22171059}.cart-toast.show{opacity:1;pointer-events:auto;transform:translate(-50%)}.cart-toast .ct-photo{object-fit:cover;border-radius:10px;flex:none;width:46px;height:46px}.cart-toast .ct-check{background:var(--siena);border-radius:10px;flex:none;justify-content:center;align-items:center;width:46px;height:46px;font-size:20px;display:flex}.cart-toast .ct-info{flex-direction:column;min-width:0;line-height:1.35;display:flex}.cart-toast .ct-info b{white-space:nowrap;text-overflow:ellipsis;font-family:Bitter,serif;font-size:15px;font-weight:600;overflow:hidden}.cart-toast .ct-info span{opacity:.7;white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;overflow:hidden}.cart-toast .ct-btn{background:var(--siena);color:var(--cream);letter-spacing:.04em;transition:background .3s var(--ease), transform .3s var(--ease);border-radius:10px;flex:none;padding:9px 16px;font-size:12.5px;font-weight:600}.cart-toast .ct-btn:hover{background:var(--siena-deep);transform:translateY(-1px)}.cart-badge.show{animation:badge-pop .45s var(--ease)}@keyframes badge-pop{0%{transform:scale(.4)}60%{transform:scale(1.25)}to{transform:scale(1)}}@media (width<=760px){.pasos-grid{grid-template-columns:1fr}.cart-toast{width:calc(100vw - 32px);bottom:84px}.cart-toast .ct-btn{padding:9px 12px}}@media (prefers-reduced-motion:reduce){*{transition-duration:1ms!important;animation:none!important}[data-reveal]{opacity:1;transform:none}}