: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: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-columns:2fr 1fr;height:calc(100vh - 100px);min-height:600px;display:grid}.hero-left{grid-template-rows:1fr 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-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{text-align:center;padding:80px 0}.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}.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{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;top:130px;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:150px;height:auto;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{letter-spacing:1.1px;text-transform:uppercase;cursor:pointer;border-radius:999px;justify-content:center;align-items:center;height:44px;padding:0 20px;font-family:Montserrat,sans-serif;font-size:14px;font-weight:700;text-decoration:none;display:inline-flex}.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:1fr 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{grid-template-columns:repeat(3,1fr);gap:12px;margin:0;padding:0;list-style:none;display:grid}.formats li{border:1px solid var(--line);border-radius:12px;flex-direction:column;align-items:center;gap:2px;padding:13px 8px 12px;display:flex}.format-poids{line-height:24px}.formats strong{letter-spacing:1px;font-weight:700;line-height:20px}.formats small{letter-spacing:.99px;text-transform:uppercase;font-size:12px;font-weight:600;line-height:20px}.modal-cta{box-sizing:border-box;width:100%;height:44px;margin-top:32px;padding:0;text-decoration:none;display:flex}.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-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}.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 a{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 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:auto;min-height:0;display:flex}.hero-left{display:contents}.hero-right{background:var(--white);order:1;height:440px}.hero-title{order:2;padding:20px}.hero-tiles{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-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:20px;line-height:26px}.split-text p{max-width:none}.cafes{padding:80px 0}.cafes h2{margin-bottom:40px}.products{scroll-snap-type:x mandatory;gap:140px;padding:0 calc(50% - 90px)}.product{scroll-snap-align:center}.carousel-nav{display:none}.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}.trouver .btn{text-align:center;height:auto;min-height:44px;padding:10px 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:1fr}.modal-visuel img{height:262px}.modal-infos{padding:40px;position:static}.modal-infos h3{font-size:26px;line-height:30px}.modal-close{top:40px;right:40px}.modal-nav{display:none}.modal-label{margin-top:24px}.formats{gap:12px}.modal-cta{letter-spacing:.5px;white-space:nowrap;justify-content:center;height:48px;margin-top:24px;font-size:13px}.formats small{letter-spacing:.3px;white-space:nowrap;font-size:10px}}