:root{--dark:#261310;--melange-dark:#e4745e;--melange-light:#eda08d;--nouvelle-guinee-light:#f4d5c7;--white:#fbf6ef;--moka-sidamo-dark:#93a686;--decafeine-dark:#afd4e1;--light-hover:#26131033;--line:#26131033;--nav-ombre:#26131014;--dark-hover:#080403;--nicaragua-dark:#fede67;--italien-dark:#b5b1cc}body{background:var(--white);color:var(--dark);margin:0;font-family:Montserrat,sans-serif;font-weight:500}.nav{background:var(--melange-light);z-index:100;grid-template-columns:1fr auto 1fr;align-items:center;height:100px;padding:0 76px;transition:background-color .3s,box-shadow .3s;display:grid;position:sticky;top:0;box-shadow:0 4px 16px #0000}.nav.nav-scrolled{box-shadow:0 4px 16px var(--nav-ombre)}.nav-links{gap:12px;display:flex}.nav-right{justify-content:flex-end}.nav-links a{height:40px;color:var(--dark);text-transform:uppercase;letter-spacing:1.2px;border:1px solid #0000;border-radius:999px;align-items:center;padding:0 16px;font-size:14px;font-weight:600;text-decoration:none;display:flex}.nav-links a.nav-compte{border-radius:50%;flex:none;justify-content:center;width:40px;padding:0}.nav-links a:not(.is-active):hover,.nav-links a:focus-visible{border-color:var(--dark)}.nav-links a.is-active{background:var(--white)}.nav.nav-clair .nav-links a.is-active{background:var(--dark);color:var(--white)}.nav-logo img{mix-blend-mode:darken;height:64px;display:block}.hero{grid-template-rows:minmax(0,1fr);grid-template-columns:2fr 1fr;height:calc(100vh - 100px);min-height:600px;display:grid}.hero-left{grid-template-rows:minmax(0,1fr) minmax(0,1fr);min-height:0;display:grid}.hero-right img{object-fit:cover;width:100%;height:100%;display:block}.hero-title{background:var(--melange-dark);align-items:center;padding:0 clamp(24px,5.3vw,80px);display:flex}.hero-tiles{grid-template-rows:minmax(0,1fr);grid-template-columns:1fr 1fr;min-height:0;display:grid}.tile{min-height:0;overflow:hidden}.tile img{object-fit:cover;width:100%;height:100%;display:block}h1{white-space:nowrap;letter-spacing:-.02em;text-transform:uppercase;margin:0;font-family:Chango,sans-serif;font-size:clamp(44px,8.2vw,124px);font-weight:400;line-height:1}.marquee{background:var(--moka-sidamo-dark);color:var(--white);align-items:center;height:129px;display:flex;overflow:hidden}.marquee-track{width:max-content;animation:30s linear infinite marquee-scroll;display:flex}.marquee-group{flex-shrink:0;align-items:center;gap:40px;padding-right:40px;display:flex}.marquee-group span{letter-spacing:-.02em;text-transform:uppercase;white-space:nowrap;font-family:Chango,sans-serif;font-size:54px;line-height:72px}.marquee-group img{height:80px;display:block}@keyframes marquee-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){.marquee-track{animation:none}}html{scroll-behavior:smooth;scroll-padding-top:100px}.split{grid-template-columns:1fr 1fr;min-height:812px;display:grid}#atelier,#torrefacteur{min-height:max(600px,100vh - 100px)}#atelier .split-image,#torrefacteur .split-image{position:relative}#atelier .split-image img,#torrefacteur .split-image img{position:absolute;inset:0}.split-text{flex-direction:column;justify-content:center;padding:clamp(32px,5.3vw,80px);display:flex}.split-text p{max-width:520px;margin:0 0 24px;font-size:16px;line-height:24px}.split-text p:last-child{margin-bottom:0}.split-text .eyebrow{letter-spacing:1.35px;text-transform:uppercase;margin:0 0 8px;font-weight:600;line-height:20px}.split-text h2{letter-spacing:-.02em;text-transform:uppercase;margin:0 0 32px;font-family:Chango,sans-serif;font-size:40px;font-weight:400;line-height:46px}.split-image img{object-fit:cover;width:100%;height:100%;display:block}.bg-decafeine{background:var(--decafeine-dark)}.bg-moka{background:var(--moka-sidamo-dark)}.cafes{box-sizing:border-box;text-align:center;--paquet-h:clamp(180px, calc(100vh - 468px), 350px);flex-direction:column;justify-content:center;min-height:calc(100vh - 100px);padding:40px 0;display:flex}.cafes .eyebrow,.trouver .eyebrow,.machines .eyebrow,.reseaux .eyebrow{letter-spacing:1.35px;text-transform:uppercase;margin:0 0 8px;font-weight:600;line-height:20px}.cafes h2,.trouver h2,.reseaux h2{letter-spacing:-.02em;text-transform:uppercase;margin:0 0 60px;font-family:Chango,sans-serif;font-size:54px;font-weight:400;line-height:72px}.cafes h2{margin-bottom:40px}.products-wrap{position:relative}.products{scrollbar-width:none;gap:140px;padding:0 120px;display:flex;overflow-x:auto}.products::-webkit-scrollbar{display:none}.carousel-nav{top:calc(var(--paquet-h) / 2 - 22px);z-index:2;background:var(--white);width:44px;height:44px;color:var(--dark);cursor:pointer;border:0;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:opacity .2s;display:flex;position:absolute;box-shadow:0 2px 8px #26131026}.carousel-nav:disabled{opacity:0;pointer-events:none}.carousel-prev{left:40px}.carousel-next{right:40px}.product{flex-direction:column;flex:0 0 180px;align-items:center;display:flex}.product img{width:auto;height:var(--paquet-h);display:block}.product h3{letter-spacing:-.02em;text-transform:uppercase;min-height:48px;margin:24px 0;font-family:Chango,sans-serif;font-size:20px;font-weight:400;line-height:26px}.btn{box-sizing:border-box;letter-spacing:1.1px;text-align:center;text-transform:uppercase;cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:12px;min-height:48px;padding:13px 20px;font-family:Montserrat,sans-serif;font-size:14px;font-weight:700;line-height:20px;text-decoration:none;display:inline-flex}.btn-bloc{width:100%;display:flex}.btn-split{white-space:nowrap;justify-content:space-between}.btn-secondary{color:var(--dark);border:1px solid var(--dark);background:0 0}.btn-secondary:hover{background:var(--light-hover)}.btn-primary{background:var(--dark);color:var(--white);border:1px solid var(--dark)}.btn-primary:hover{background:var(--dark-hover)}body:has(dialog[open]){overflow:hidden}.modal{background:#261310cc;border:0;width:100%;max-width:none;height:100%;max-height:none;margin:0;padding:0;position:fixed;inset:0;overflow-y:auto}.modal[open]{place-items:center;display:grid}.modal-card{text-align:left;grid-template-columns:minmax(0,1fr) minmax(0,1fr);width:min(1064px,100vw - 176px);height:720px;display:grid;position:relative;box-shadow:0 24px 60px #26131040}.modal-visuel{justify-content:center;align-items:center;display:flex}.modal-visuel img{filter:drop-shadow(0 8px 16px #26131040);width:auto;height:370px;display:block}.modal-infos{background:var(--white);flex-direction:column;padding:48px;display:flex;position:relative}.modal-infos h3{letter-spacing:-.02em;text-transform:uppercase;margin:0 0 8px;font-family:Chango,sans-serif;font-size:40px;font-weight:400;line-height:46px}.modal-origine{align-items:baseline;gap:12px;margin:0;line-height:24px;display:flex}.modal-origine span{letter-spacing:1.35px;text-transform:uppercase;font-weight:600}.modal-infos hr{border:0;border-top:1px solid var(--line);margin:24px 0}.modal-profil{margin:0 0 16px;line-height:24px}.modal-description{opacity:.65;margin:0 0 24px;font-weight:400;line-height:24px}.modal-label{letter-spacing:.99px;text-transform:uppercase;margin:auto 0 10px;font-size:12px;font-weight:600;line-height:20px}.formats{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex;container-type:inline-size}.format{box-sizing:border-box;border:1px solid var(--line);border-radius:12px;align-items:center;gap:12px;min-width:0;min-height:64px;padding:7px 7px 7px 16px;font-size:16px;transition:border-color .2s;display:flex}.format.is-selected{border-color:var(--dark)}.format-info{flex:1;align-items:center;gap:12px;min-width:0;display:flex}.format-poids{flex:1;font-weight:500;line-height:18px}.format-prix{text-align:right;flex-direction:column;flex:none;align-items:flex-end;display:flex}.format strong{letter-spacing:1.35px;white-space:nowrap;font-weight:600;line-height:18px}.format small{letter-spacing:.99px;text-transform:uppercase;white-space:nowrap;opacity:.7;font-size:10px;font-weight:400;line-height:13px}@container (width>=430px){.format-prix{flex-direction:row;align-items:baseline;gap:12px}.format small{order:-1}}@container (width<=300px){.format-info{flex-direction:column;align-items:flex-start;gap:2px}.format-poids{flex:none}.format-prix{display:contents}.format small{order:2}.format strong{order:3}.format-poids{order:1}}.qte{background:var(--dark);width:48px;height:48px;color:var(--white);box-sizing:border-box;border-radius:24px;flex:none;justify-content:flex-end;align-items:center;transition:width .25s;display:flex;overflow:hidden}.qte.is-on{border:1px solid var(--dark);background:var(--white);width:120px;color:var(--dark);padding:2px}.qte button{width:42px;height:42px;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:50%;flex:none;justify-content:center;align-items:center;padding:0;display:flex}.qte:not(.is-on) .qte-plus{width:48px;height:48px}.qte-moins,.qte-n{display:none}.qte.is-on .qte-moins{display:flex}.qte.is-on .qte-n{text-align:center;letter-spacing:1px;flex:1;font-weight:600;display:block}.qte.is-on button:hover{background:var(--light-hover)}.panier-barre{visibility:hidden;opacity:0;margin-top:24px;transition:opacity .2s}.panier-barre.is-on{visibility:visible;opacity:1}.panier-barre.sans-total{justify-content:center}.panier-barre.sans-total .panier-total{display:none}.modal-close{color:var(--dark);cursor:pointer;background:0 0;border:0;padding:0;position:absolute;top:32px;right:32px}.modal-nav{background:var(--white);width:44px;height:44px;color:var(--dark);cursor:pointer;border:0;border-radius:50%;justify-content:center;align-items:center;margin-top:-22px;padding:0;display:flex;position:absolute;top:50%;box-shadow:0 2px 8px #26131026}.modal-nav:disabled{display:none}.modal-prev{left:-74px}.modal-next{right:-74px}.trouver{background:var(--nicaragua-dark);text-align:center;padding:80px 24px}.trouver h2{margin-bottom:32px}.trouver-intro{max-width:620px;margin:0 auto 60px;line-height:24px}.table-wrap{border:1px solid var(--line);background:var(--white);text-align:left;border-radius:12px;max-width:974px;margin:0 auto 60px;overflow:hidden}table{border-collapse:collapse;table-layout:fixed;width:100%}th,td{text-align:left;padding:0 24px}thead th{border-bottom:1px solid var(--line);letter-spacing:.99px;text-transform:uppercase;height:53px;font-size:12px;font-weight:600;line-height:20px}tbody th,tbody td{border-bottom:1px solid var(--line);height:64px}tbody th{font-weight:700}tbody td{font-size:14px}tbody tr:last-child th,tbody tr:last-child td{border-bottom:0}.band img{object-fit:cover;width:100%;height:700px;display:block}.machines{background:var(--italien-dark);text-align:center;padding:80px 24px;position:relative}.machines-dessin{width:160px;height:auto;margin:0 auto 60px;display:block}.machines-eclat{width:66px;height:66px;position:absolute;top:193px;left:calc(50% + 322px)}.machines h2{letter-spacing:-.02em;text-transform:uppercase;max-width:640px;margin:0 auto 32px;font-family:Chango,sans-serif;font-size:40px;font-weight:400;line-height:46px}.machines-texte{max-width:580px;margin:0 auto 40px;line-height:24px}.reseaux{text-align:center;box-sizing:border-box;flex-direction:column;justify-content:center;min-height:calc(100vh - 100px);padding:80px 0;display:flex}.reseaux-photos{grid-template-columns:repeat(4,1fr);gap:40px;margin-bottom:60px;padding:0 80px;display:grid}.reseaux-photos img{object-fit:cover;border-radius:20px;width:100%;height:380px;display:block}.reseaux-liens{justify-content:center;gap:10px;display:flex}.footer{background:var(--decafeine-dark);grid-template-columns:1fr auto auto;gap:60px 100px;padding:50px 80px 40px;display:grid}.footer-marque img{width:75px;display:block}.footer-titre{align-items:center;gap:22px;margin-bottom:20px;display:flex}.footer-marque .footer-nom{text-transform:uppercase;letter-spacing:-.02em;font-family:Chango,sans-serif;font-size:48px;font-weight:400;line-height:1}.footer-marque .footer-slogan{letter-spacing:.08em;text-transform:uppercase;margin-top:6px;font-size:16px;font-weight:500}.footer-marque p{max-width:430px;margin:0;line-height:1.5}.footer-colonne h3{letter-spacing:.08em;text-transform:uppercase;margin:0 0 24px;font-size:16px}.footer-colonne p{margin:0 0 4px}.footer a{color:inherit;text-decoration:none}.footer a:hover{text-decoration:underline}.footer-copyright{border-top:1px solid var(--line);text-transform:uppercase;letter-spacing:.08em;grid-column:1/-1;margin:0;padding-top:30px}.nav-panier{width:40px;height:40px;color:var(--dark);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:50%;flex:none;justify-content:center;align-items:center;padding:0;display:flex;position:relative}.nav-panier:hover,.nav-panier:focus-visible{border-color:var(--dark)}.nav-panier-badge{background:var(--dark);width:20px;height:20px;color:var(--white);letter-spacing:0;text-align:center;border-radius:50%;padding:0;font-size:11px;font-weight:700;line-height:20px;position:absolute;top:-4px;right:-6px}.nav-panier-badge[hidden]{display:none}.nav-menu-panier{cursor:pointer;text-align:left;background:0 0;gap:10px;font-family:inherit}.nav-panier-badge-menu{position:static}.compte-grille{grid-template-columns:minmax(0,1fr);justify-items:start;gap:16px;max-width:520px;display:grid}.compte-carte{background:#f4ece0;border-radius:20px;width:100%;padding:32px}.compte-carte h3{letter-spacing:-.02em;text-transform:uppercase;margin:0 0 12px;font-family:Chango,sans-serif;font-size:20px;font-weight:400;line-height:26px}.compte-carte p{margin:0 0 16px}.compte-liste{margin:0 0 24px;padding-left:20px}.compte-note{opacity:.65;font-size:12px;line-height:18px;margin:16px 0 0!important}.compte-carte .btn[disabled]{opacity:.5;cursor:not-allowed}@media (width<=768px){.compte-carte{padding:24px}}body.panier-ouvert{overflow:hidden}.panier-page{z-index:90;background:var(--white);position:fixed;inset:100px 0 0;overflow-y:auto}.panier-page[hidden]{display:none}.panier-contenu{max-width:1120px;margin:0 auto;padding:48px 40px 80px}.panier-contenu h2{letter-spacing:-.02em;text-transform:uppercase;margin:0 0 8px;font-family:Chango,sans-serif;font-size:54px;font-weight:400;line-height:72px}.panier-sous{opacity:.7;min-height:24px;margin:0 0 40px}.panier-grille{grid-template-columns:minmax(0,1fr) 380px;align-items:start;gap:48px;display:grid}.panier-grille[hidden],.panier-vide[hidden]{display:none}.panier-lignes{border-top:1px solid var(--line);margin:0;padding:0;list-style:none}.panier-ligne{border-bottom:1px solid var(--line);grid-template-columns:96px minmax(0,1fr) auto;align-items:center;gap:8px 20px;padding:20px 0;display:grid}.panier-vignette{border-radius:12px;justify-content:center;align-items:center;width:96px;height:112px;display:flex}.panier-vignette img{border-radius:3px;width:auto;height:88px;box-shadow:0 4px 12px #00000026}.panier-infos h3{letter-spacing:-.02em;text-transform:uppercase;margin:0 0 4px;font-family:Chango,sans-serif;font-size:20px;font-weight:400;line-height:26px}.panier-infos p{opacity:.75;margin:0;font-size:14px;line-height:20px}.panier-infos .panier-kg{letter-spacing:.99px;text-transform:uppercase;opacity:.7;font-size:10px}.panier-droite{flex-direction:column;align-items:flex-end;gap:12px;display:flex}.panier-prix{letter-spacing:1.35px;white-space:nowrap;font-weight:600}.panier-qte{box-sizing:border-box;border:1px solid var(--dark);border-radius:24px;align-items:center;width:120px;height:48px;padding:2px;display:flex}.panier-qte button{width:42px;height:42px;color:var(--dark);cursor:pointer;background:0 0;border:0;border-radius:50%;flex:none;justify-content:center;align-items:center;padding:0;display:flex}.panier-qte button:hover{background:var(--light-hover)}.panier-qte output{text-align:center;letter-spacing:1px;flex:1;font-weight:600}.panier-resume{background:#f4ece0;border-radius:20px;padding:28px;position:sticky;top:24px}.panier-resume h3{letter-spacing:.99px;text-transform:uppercase;margin:0 0 16px;font-size:12px;font-weight:600}.resume-rang{justify-content:space-between;gap:12px;padding:6px 0;display:flex}.resume-rang span:last-child{letter-spacing:1.35px;white-space:nowrap;font-weight:600}.resume-rang small{opacity:.65;font-size:12px;line-height:16px;display:block}.resume-barre{background:var(--line);border-radius:99px;height:8px;margin:6px 0 8px;overflow:hidden}.resume-barre[hidden],.resume-offert[hidden]{display:none}.resume-barre i{background:var(--dark);border-radius:99px;height:100%;transition:width .3s;display:block}.resume-offert{margin:0 0 16px;font-size:13px;line-height:18px}.resume-total{border-top:1px solid var(--line);margin-top:12px;padding-top:16px;font-size:18px;font-weight:700}.resume-total span:last-child{font-size:20px}.panier-resume .btn{margin-top:20px}.panier-resume .btn+.btn{margin-top:10px}.panier-resume .btn:disabled{opacity:.4;cursor:default}.resume-secu{text-align:center;opacity:.65;margin:16px 0 0;font-size:12px;line-height:18px}.panier-vide{text-align:center;padding:56px 0}.panier-vide p{margin:0 0 24px}@media (width<=1000px){.panier-grille{grid-template-columns:minmax(0,1fr);gap:32px}.panier-resume{position:static}}.panier-lignes{container-type:inline-size}@container (width<=520px){.panier-ligne{grid-template-columns:72px minmax(0,1fr)}.panier-vignette{width:72px;height:96px}.panier-vignette img{height:72px}.panier-droite{flex-direction:row;grid-column:1/-1;justify-content:space-between;align-items:center}}.nav-toggle,.nav-menu,.dots{display:none}@media (width<=1100px){html{scroll-padding-top:70px}.nav{justify-content:space-between;height:70px;padding:0 20px;display:flex}.nav-left,.nav-right{display:none}.panier-page{top:70px}.nav-logo img{height:44px}.nav-toggle{color:var(--dark);cursor:pointer;background:0 0;border:0;border-radius:20px;justify-content:center;align-items:center;padding:12px 16px;display:flex}.nav-toggle .icone-croix,.nav.menu-open .nav-toggle .icone-burger{display:none}.nav.menu-open .nav-toggle .icone-croix{display:block}.nav-menu{background:inherit;box-shadow:0 12px 16px var(--nav-ombre);flex-direction:column;gap:4px;padding:8px 20px 24px;position:absolute;top:100%;left:0;right:0}.nav.menu-open .nav-menu{display:flex}.nav-menu:after{content:"";z-index:-1;background:#261310cc;height:100vh;position:absolute;top:100%;left:0;right:0}body:has(.nav.menu-open){overflow:hidden}.nav-menu a,.nav-menu-panier{height:48px;color:var(--dark);text-transform:uppercase;letter-spacing:1.2px;border:1px solid #0000;border-radius:999px;align-items:center;padding:0 16px;font-size:14px;font-weight:600;text-decoration:none;display:flex}.nav-menu-sep{border:0;border-top:1px solid var(--dark);opacity:.25;width:100%;height:0;margin:4px 0}.nav-menu a.is-active{background:var(--white)}.nav.nav-clair .nav-menu a.is-active{background:var(--dark);color:var(--white)}}@media (width<=768px){.hero{flex-direction:column;height:calc(100svh - 70px);min-height:0;display:flex}.hero-left{display:contents}.hero-right{background:var(--white);flex:1 1 0;order:1;min-height:160px;position:relative}.hero-right img{position:absolute;inset:0}.hero-title{flex:none;order:2;padding:20px}.hero-tiles{flex:none;order:3;height:200px}.hero-tiles .tile:first-child{order:2}h1{font-size:clamp(34px,11.4vw,60px);line-height:1.15}.marquee{height:83px}.marquee-track{animation-duration:22s}.marquee-group span{font-size:40px;line-height:46px}.marquee-group img{height:51px}.split{flex-direction:column;min-height:0;display:flex}#atelier,#torrefacteur{min-height:0}#atelier .split-image{order:1;height:362px}#atelier .split-text{order:2}#torrefacteur .split-image{height:434px}.split-text{padding:40px}.split-text h2,.cafes h2,.trouver h2,.reseaux h2,.machines h2{letter-spacing:-.02em;margin-bottom:20px;font-size:26px;line-height:32px}.split-text p{max-width:none}.cafes{--paquet-h:clamp(180px, calc(100svh - 545px), 350px);min-height:calc(100svh - 70px);padding:40px 0}.cafes h2{margin-bottom:40px;padding:0 20px}.products{scroll-snap-type:x mandatory;gap:140px;padding:0 calc(50% - 90px)}.product{scroll-snap-align:center}.carousel-nav{top:calc(var(--paquet-h) / 2 - 20px);width:40px;height:40px}.carousel-prev{left:12px}.carousel-next{right:12px}.dots{justify-content:center;gap:10px;margin-top:20px;display:flex}.dots button{background:var(--line);cursor:pointer;border:0;border-radius:50%;width:9px;height:9px;padding:0}.dots button.is-on{background:var(--dark)}.trouver{padding:80px 20px}.trouver-intro{margin-bottom:40px;padding:0 20px}.table-wrap{margin-bottom:40px}th,td{padding:0 12px}thead th{font-size:11px}tbody th,tbody td{overflow-wrap:anywhere;height:auto;padding-top:18px;padding-bottom:18px;font-size:14px;line-height:20px}.band img{height:261px}.machines{padding:80px 40px}.machines-dessin{margin-bottom:40px}.machines-eclat{width:51px;height:51px;top:38px;left:auto;right:40px}.machines-texte{margin-bottom:20px}.reseaux{min-height:0;padding:40px 0}.reseaux-photos{scroll-snap-type:x mandatory;scrollbar-width:none;gap:40px;margin-bottom:0;padding:0 40px;display:flex;overflow-x:auto}.reseaux-photos::-webkit-scrollbar{display:none}.reseaux-photos img{scroll-snap-align:center;flex:0 0 calc(100vw - 80px);width:calc(100vw - 80px);height:380px}.reseaux-liens{margin-top:40px}.footer{grid-template-columns:1fr;row-gap:40px;padding:40px}.footer-titre{gap:20px;margin-bottom:20px}.footer-marque .footer-nom{font-size:22px;line-height:1.1}.footer-colonne h3{margin-bottom:10px}.footer-copyright{padding-top:24px}.modal[open]{display:block}.modal-card{width:100%;height:auto;min-height:100%;box-shadow:none;grid-template-rows:376px auto;grid-template-columns:minmax(0,1fr)}.modal-visuel img{height:262px}.modal-infos{padding:20px;position:static}.modal-infos h3{font-size:26px;line-height:30px}.modal-close{top:40px;right:40px}.modal-nav{top:var(--nav-top,188px);width:40px;height:40px;margin-top:-20px;position:fixed}.modal-prev{left:12px}.modal-next{right:12px}.modal-label{margin-top:24px}.panier-contenu{padding:32px 20px 56px}.panier-contenu h2{font-size:36px;line-height:44px}.panier-sous{margin-bottom:24px}}