@font-face{font-family:Syne;src:url(assets/syne-800.ttf) format('truetype');font-weight:800;font-display:swap}
@font-face{font-family:Syne;src:url(assets/syne-700.ttf) format('truetype');font-weight:700;font-display:swap}
@font-face{font-family:Jost;src:url(assets/jost.woff2) format('woff2');font-weight:400 600;font-display:swap}
:root{--ink:#1c160f;--cream:#f7f2e6;--paper:#fffaf0;--line:rgba(28,22,15,.2);--accent:#e54425;--acid:#d9e76b;--cobalt:#1847ca;--shadow:0 22px 70px rgba(28,22,15,.13)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font:400 18px/1.48 Jost,Arial,sans-serif}body[data-palette=acid]{--accent:var(--acid)}body[data-palette=cobalt]{--accent:var(--cobalt)}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}img{display:block;max-width:100%}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Syne,Arial,sans-serif;font-weight:800;line-height:.95;letter-spacing:-.065em}h1{font-size:clamp(4.1rem,11vw,12rem)}h2{font-size:clamp(2.6rem,6vw,6rem)}:focus-visible{outline:3px solid var(--cobalt);outline-offset:4px}.skip{position:absolute;top:-100px;left:20px;z-index:100;background:var(--paper);padding:12px}.skip:focus{top:20px}
.cb-head{height:88px;display:flex;align-items:center;gap:clamp(18px,3vw,64px);padding:0 clamp(22px,4vw,70px);background:var(--cream);border-bottom:2px solid var(--ink);position:relative;z-index:10}.cb-brand{font:800 clamp(1.4rem,2.2vw,2.1rem)/1 Syne,sans-serif;letter-spacing:-.1em;white-space:nowrap}.cb-brand span{color:var(--cobalt)}.cb-head nav{display:flex;gap:clamp(16px,2vw,34px);align-items:center;font-weight:600;font-size:.88rem}.cb-head nav a:hover,.cb-shop:hover{text-decoration:underline;text-decoration-thickness:3px;text-underline-offset:6px}.cb-shop{margin-left:auto;font-weight:600;white-space:nowrap}.palette-switch{display:flex;gap:7px}.palette-switch button{width:22px;height:22px;border:2px solid var(--ink);border-radius:50%;padding:0}.palette-switch button[aria-pressed=true]{outline:2px solid var(--ink);outline-offset:3px}.palette-switch .tomato{background:#e54425}.palette-switch .acid{background:#d9e76b}.palette-switch .cobalt{background:#1847ca}
.eyebrow{font:800 .78rem/1.3 Syne,sans-serif;letter-spacing:.12em;text-transform:uppercase}.cb-button{display:inline-flex;align-items:center;justify-content:space-between;gap:2em;padding:17px 20px;background:var(--ink);color:var(--paper);border:2px solid var(--ink);font:800 .9rem/1.2 Syne,sans-serif;text-transform:uppercase;letter-spacing:.03em;transform:rotate(-2deg);transition:transform .25s,background .25s}.cb-button:hover{transform:rotate(0) translateY(-4px);background:var(--cobalt)}.cb-textlink{font-weight:600;border-bottom:2px solid var(--ink);padding-bottom:4px}.cb-textlink:hover{color:var(--cobalt)}
.catalog-hero{background:var(--accent);border-bottom:2px solid var(--ink);padding:clamp(42px,6vw,105px) clamp(22px,5vw,84px) 55px;min-height:min(700px,85vh);position:relative;overflow:hidden}.catalog-hero:after{content:'';font:800 min(37vw,500px)/.8 Syne,sans-serif;position:absolute;right:-3vw;bottom:-9vw;transform:rotate(-18deg);opacity:.13;pointer-events:none}.catalog-hero h1{margin:.18em 0 .28em;max-width:13ch}.catalog-hero h1 i{font-style:normal;color:var(--cream);-webkit-text-stroke:2px var(--ink);text-shadow:7px 7px var(--ink)}.catalog-hero>p:not(.eyebrow){max-width:660px;font-size:clamp(1.2rem,2.1vw,1.65rem);font-weight:500}.jump-links{display:flex;flex-wrap:wrap;gap:12px;margin-top:45px}.jump-links a{border:2px solid var(--ink);padding:13px 19px;font-weight:800;text-transform:uppercase;background:var(--cream);box-shadow:5px 5px var(--ink);transition:transform .2s}.jump-links a:hover{transform:translate(4px,4px);box-shadow:1px 1px var(--ink)}
.catalog-group,.next-machines{padding:clamp(45px,6vw,90px) clamp(20px,4vw,72px);border-bottom:2px solid var(--ink)}.catalog-group:nth-of-type(odd){background:#e9e8da}.group-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:35px;border-bottom:2px solid var(--ink);padding-bottom:20px}.group-heading h2{margin:0;max-width:12ch}.machine-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(14px,1.7vw,27px)}.machine-card{display:flex;flex-direction:column;background:var(--paper);border:2px solid var(--ink);min-width:0;transition:transform .25s,box-shadow .25s}.machine-card:hover{transform:translateY(-8px) rotate(-1deg);box-shadow:9px 9px var(--ink)}.card-image{display:grid;place-items:center;background:#f4edde;aspect-ratio:1/.83;overflow:hidden}.card-image img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;transition:transform .4s}.machine-card:hover img{transform:scale(1.06)}.card-copy{padding:20px;display:flex;flex:1;flex-direction:column;gap:12px}.card-copy small{font:800 .7rem Syne,sans-serif;letter-spacing:.12em;text-transform:uppercase}.card-copy strong{font:800 clamp(1.3rem,2vw,2rem)/1.06 Syne,sans-serif;letter-spacing:-.06em}.card-copy em{font-style:normal;font-weight:700;margin-top:auto;padding-top:12px;border-top:1px solid var(--line);display:flex;justify-content:space-between}.card-copy b{font-size:1.2rem}
.product-hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);min-height:calc(100svh - 88px);border-bottom:2px solid var(--ink);background:var(--accent)}.product-words{padding:clamp(48px,6vw,110px) clamp(24px,5vw,84px);display:flex;flex-direction:column;align-items:start;justify-content:center}.product-words h1{font-size:clamp(4rem,9vw,10rem);overflow-wrap:anywhere;margin:.2em 0}.product-words h1 span{color:var(--cream)}.product-words>p:not(.eyebrow){max-width:600px;font-size:clamp(1.14rem,1.75vw,1.5rem);line-height:1.45}.product-hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:23px;margin:20px 0 48px}.spec-mini{font:700 .75rem/1.5 Syne,sans-serif;text-transform:uppercase;letter-spacing:.05em;max-width:700px}.product-visual{position:relative;display:grid;place-items:center;overflow:hidden;border-left:2px solid var(--ink);background:repeating-linear-gradient(-25deg,rgba(28,22,15,.09) 0 2px,transparent 2px 18px)}.product-visual:before{content:'';position:absolute;width:80%;aspect-ratio:1;background:var(--cream);border:2px solid var(--ink);border-radius:46% 54% 60% 40%;transform:rotate(-12deg)}.product-visual img{position:relative;width:min(77%,620px);max-height:72vh;object-fit:contain;mix-blend-mode:multiply;filter:drop-shadow(0 25px 20px rgba(28,22,15,.15));transform:rotate(5deg)}.scribble{position:absolute;z-index:2;top:6%;right:5%;font:800 clamp(1rem,2vw,2.1rem)/1 Syne,sans-serif;transform:rotate(12deg);text-align:center;background:var(--acid);padding:12px;border:2px solid var(--ink);border-radius:50%}
.config-section{background:var(--cream);padding:clamp(55px,7vw,120px) clamp(20px,5vw,90px)}.config-title{max-width:850px;margin:0 0 40px}.config-title h2{margin:.1em 0 .3em}.config-title h2 i{font-style:normal;color:var(--cobalt)}.config-title>p:last-child{font-size:1.15rem;max-width:650px}.mkf__cols{display:grid;grid-template-columns:minmax(0,.93fr) minmax(0,1.07fr);gap:clamp(18px,4vw,70px);align-items:start}.mkf__visual-panel{position:sticky;top:18px}.mkf__visual-shell{background:#f4edde;border:2px solid var(--ink);min-height:450px;display:grid;place-items:center;overflow:hidden;position:relative}.mkf__visual-shell:before{content:'CHOCOBROTHERS / YOUR SETUP';position:absolute;top:14px;left:17px;font:800 .7rem Syne,sans-serif;letter-spacing:.09em}.mkf__image{width:100%;max-height:640px;min-height:340px;object-fit:contain;mix-blend-mode:multiply;transition:opacity .2s,transform .35s}.mkf__image.is-switching{opacity:.35}.mkf__visual-note{padding:12px;border:2px solid var(--ink);background:var(--acid);font-size:.85rem}.mkf__live-card{border:2px solid var(--ink);border-top:0;background:var(--accent);padding:22px;display:grid;gap:8px}.mkf__live-card>span{font:800 .75rem Syne,sans-serif;letter-spacing:.1em}.mkf__live-card strong{font:800 clamp(2.2rem,4vw,4.2rem)/1 Syne,sans-serif;letter-spacing:-.06em}.mkf__live-card small{font-size:.8rem}.mkf__step{border:2px solid var(--ink);background:var(--paper);margin-bottom:16px}.mkf__step.is-disabled{opacity:.6}.mkf__step-head{display:flex;gap:18px;padding:20px 24px 12px;border-bottom:1px solid var(--line)}.mkf__step-no{font:800 2rem/1 Syne,sans-serif;color:var(--cobalt)}.mkf__step-title{font-size:clamp(1.4rem,2.7vw,2.4rem);margin:0 0 7px}.mkf__step-copy{font-size:.9rem;margin-bottom:0;max-width:60ch}.mkf__choices,.mkf__choices--swatches{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;padding:18px}.mkf__choices--swatches{grid-template-columns:repeat(3,minmax(0,1fr))}.mkf__choice,.mkf__swatch{border:2px solid var(--ink);background:var(--cream);text-align:left;padding:12px;display:flex;flex-direction:column;gap:8px;min-width:0;transition:transform .18s,box-shadow .18s,background .18s}.mkf__choice:hover:not(:disabled),.mkf__swatch:hover:not(:disabled){transform:translateY(-3px);box-shadow:4px 4px var(--ink)}.mkf__choice[aria-pressed=true],.mkf__swatch[aria-pressed=true],.mkf__finish[aria-pressed=true]{background:var(--acid);box-shadow:inset 0 0 0 2px var(--ink)}.mkf__choice:disabled,.mkf__swatch:disabled{opacity:.45;cursor:not-allowed}.mkf__choice-media{height:110px;display:grid;place-items:center}.mkf__choice-media img{max-height:100%;width:100%;object-fit:contain;mix-blend-mode:multiply}.mkf__choice-body{display:flex;flex-direction:column;gap:4px}.mkf__choice-label,.mkf__swatch-label{font:800 .89rem/1.2 Syne,sans-serif;overflow-wrap:anywhere}.mkf__choice-sub{font-size:.78rem}.mkf__price{font-size:.78rem;font-weight:700}.mkf__swatch-media{height:74px;border:1px solid var(--ink);background-size:cover;background-position:center}.mkf__swatch-body{display:flex;flex-direction:column;gap:4px}.mkf__swatch-code{font-size:.7rem}.mkf__hintbox,.mkf__warning{margin:0 18px 18px;padding:12px;background:#eee3c7;font-size:.85rem;display:flex;flex-direction:column;gap:4px}.mkf__warning{background:#ffe4d9}.mkf__custom{padding:0 18px 18px}.mkf__fieldrow{display:flex;flex-wrap:wrap;gap:12px}.mkf__fieldwrap{display:grid;gap:7px;flex:1}.mkf__field{padding:12px;border:2px solid var(--ink);background:var(--paper);width:100%}.mkf__finishes{display:flex;gap:7px;align-items:end}.mkf__finish{padding:13px 9px;background:var(--cream);border:2px solid var(--ink)}.mkf__purchase{background:var(--ink);color:var(--paper);padding:22px;display:grid;gap:7px}.mkf__purchase button{border:2px solid var(--paper);background:var(--accent);color:var(--ink);padding:18px 22px;text-align:left;font:800 1.15rem/1.2 Syne,sans-serif;text-transform:uppercase;transition:transform .2s}.mkf__purchase button:hover:not(:disabled){transform:translateY(-3px)}.mkf__purchase button:disabled{opacity:.55;cursor:not-allowed}.mkf__purchase p{min-height:1.4em;margin:4px 0;font-size:.88rem}.mkf__purchase small{font-size:.73rem;opacity:.85}
.after-config{background:var(--cobalt);color:var(--paper);padding:clamp(60px,9vw,140px) clamp(22px,7vw,120px);border-top:2px solid var(--ink);border-bottom:2px solid var(--ink)}.after-config h2{max-width:12ch}.after-config h2 em{color:var(--acid);font-style:normal}.after-config p:not(.eyebrow){max-width:620px;font-size:1.22rem}.after-config .cb-button{background:var(--acid);color:var(--ink);margin-top:16px}.next-machines .machine-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.next-machines h2{font-size:clamp(2.5rem,5vw,5rem)}.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:2px solid var(--ink)}.guide-grid article{padding:clamp(25px,4vw,70px);border-right:2px solid var(--ink);background:var(--cream)}.guide-grid article:last-child{border:0}.guide-grid span{font:800 .75rem Syne,sans-serif;color:var(--cobalt)}.guide-grid h2{font-size:clamp(2rem,3.4vw,3.8rem);margin:.6em 0}.guide-grid a{font-weight:700;border-bottom:2px solid var(--ink)}.guide-hero{min-height:550px}
.cb-foot{background:var(--ink);color:var(--cream);padding:60px clamp(22px,5vw,90px);display:grid;grid-template-columns:1fr 1fr;gap:20px}.cb-foot .cb-brand{font-size:2.5rem}.cb-foot p{grid-column:1}.cb-foot div{display:flex;flex-direction:column;gap:10px;grid-column:2;grid-row:1/3;justify-self:end}.cb-foot a:hover{text-decoration:underline}
.mkf__visual-panel,.mkf__controls,.mkf__step{min-width:0}.mkf__step-title{overflow-wrap:anywhere}
@media(max-width:1100px){.machine-grid,.next-machines .machine-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.cb-head{gap:20px}.cb-head nav{gap:15px}.cb-shop{display:none}}
@media(max-width:800px){.cb-head{height:auto;min-height:80px;flex-wrap:wrap;padding:18px 22px}.cb-head nav{order:3;width:100%;justify-content:space-between;font-size:.8rem}.palette-switch{margin-left:auto}.product-hero{grid-template-columns:1fr}.product-words{min-height:500px}.product-visual{min-height:460px;border-left:0;border-top:2px solid var(--ink)}.mkf__cols{grid-template-columns:minmax(0,1fr)}.mkf__visual-panel{position:static}.mkf__visual-shell{min-height:350px}.guide-grid{grid-template-columns:1fr}.guide-grid article{border-right:0;border-bottom:2px solid var(--ink)}}
@media(max-width:620px){body{font-size:16px}.cb-brand,.cb-foot .cb-brand{font-size:1.05rem;letter-spacing:-.08em}.cb-head nav{overflow-x:auto;white-space:nowrap;justify-content:start}.catalog-hero{min-height:0;padding-top:56px}.catalog-hero h1{font-size:clamp(3.3rem,14vw,5.5rem)}.catalog-hero h1 i{text-shadow:3px 3px var(--ink)}.catalog-hero:after{opacity:.07}.group-heading{display:block}.machine-grid,.next-machines .machine-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.card-copy{padding:13px}.card-copy strong{font-size:1.22rem}.card-image{aspect-ratio:1}.product-words{min-height:0;padding:65px 22px}.product-words h1{font-size:clamp(3.7rem,14vw,6.5rem)}.product-visual{min-height:360px}.scribble{font-size:.85rem}.config-section{padding:55px 14px}.config-title{padding:0 8px}.mkf__visual-shell{min-height:300px}.mkf__image{min-height:270px}.mkf__choices--swatches{grid-template-columns:repeat(2,minmax(0,1fr))}.mkf__step-head{padding:17px}.mkf__choice,.mkf__swatch{padding:9px}.mkf__choices,.mkf__choices--swatches{padding:12px}.mkf__swatch-media{height:50px}.cb-foot{grid-template-columns:minmax(0,1fr)}.cb-foot p,.cb-foot div{grid-column:auto;grid-row:auto;justify-self:start}}
@media(max-width:390px){.machine-grid,.next-machines .machine-grid{grid-template-columns:1fr}.mkf__choices--swatches{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
.story-guide{padding:clamp(50px,7vw,115px) clamp(22px,8vw,150px);max-width:1500px;margin:auto}.story-guide h1{font-size:clamp(3.5rem,9vw,9rem);margin:.18em 0 .4em}.story-guide h1 i{color:var(--cobalt);font-style:normal}.story-guide>p:not(.eyebrow):not(.guide-source){font-size:clamp(1.2rem,2vw,1.65rem);max-width:740px}.story-guide h2{font-size:clamp(2.3rem,4vw,4.6rem);margin:1.3em 0 .3em}.story-guide .cb-button{margin:24px 0 50px}.story-guide .guide-source{font-size:.87rem;border-top:2px solid var(--ink);padding-top:15px;max-width:740px}.story-guide .guide-source a,.guide-back a{text-decoration:underline;text-underline-offset:4px}.guide-back{margin-top:50px;font-weight:700}
.options-story{padding:clamp(55px,7vw,105px) clamp(22px,5vw,90px);background:var(--acid);border-top:2px solid var(--ink)}.options-story h2{margin:.1em 0 .65em}.options-story h2 i{font-style:normal;color:var(--cobalt)}.options-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.options-grid article{padding:25px;background:var(--cream);border:2px solid var(--ink);box-shadow:6px 6px var(--ink)}.options-grid span{font:800 .7rem Syne,sans-serif;letter-spacing:.11em}.options-grid h3{font-size:clamp(1.7rem,2.5vw,3rem);margin:.6em 0 .35em}.options-grid p{font-size:.98rem}.options-grid small{display:block;border-top:1px solid var(--line);padding-top:10px}.options-story>p:last-child{margin:35px 0 0;font-size:.88rem;max-width:60ch}
@media(max-width:800px){.options-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.options-grid{grid-template-columns:minmax(0,1fr)}}
.options-grid article{min-width:0}.options-grid h3{overflow-wrap:anywhere}
.after-config h2{overflow-wrap:anywhere}
.guide-hero h1,.guide-grid h2,.story-guide h1,.story-guide h2{overflow-wrap:anywhere}
.legal-page{padding:clamp(45px,7vw,105px) clamp(22px,8vw,150px);max-width:1250px;margin:auto}.legal-page h1{font-size:clamp(3.5rem,6.4vw,5.8rem);line-height:.9;margin:0 0 .5em;overflow-wrap:anywhere}.legal-page h2{font-size:clamp(1.6rem,3vw,2.7rem);line-height:1.1;margin:1.1em 0 .35em}.legal-page p{max-width:72ch;line-height:1.55}.legal-page .legal-lead{font-size:clamp(1.2rem,2vw,1.65rem)}.legal-page a{text-decoration:underline;text-underline-offset:4px}.legal-page code{font-size:.9em;overflow-wrap:anywhere}.legal-page .legal-note{font-size:.84rem;border-top:1px solid var(--line);padding-top:1.5rem;margin-top:3rem}

/* Espresso Club product system: one warm signal color, cool steel, paper and ink. */
:root{--ink:#222622;--cream:#f1f1ec;--paper:#faf9f4;--accent:#d94b2b;--acid:#e3e9bb;--cobalt:#36413e;--line:rgba(34,38,34,.18)}
body[data-palette=acid],body[data-palette=cobalt]{--accent:#d94b2b}
.cb-brand span{color:var(--ink)}
.cb-button:hover{background:var(--accent)}
.product-hero.group-gastro{background:var(--ink);color:var(--paper)}
.product-hero.group-gastro .product-words h1 span{color:var(--accent)}
.product-hero.group-muehlen{background:var(--cream)}
.product-hero.group-muehlen .product-words h1 span{color:var(--accent)}
.product-hero.group-muehlen .product-words .cb-button{background:var(--accent);color:var(--ink)}
.product-visual{background:#cdd6d2}
.product-visual:before{width:77%;height:76%;aspect-ratio:auto;border-radius:0;background:#b8c5c0;box-shadow:15px 15px 0 var(--ink);transform:rotate(-6deg)}
.product-hero.has-cutout .product-visual img{width:min(90%,740px);max-height:83vh;mix-blend-mode:normal;filter:drop-shadow(14px 23px 12px rgba(16,23,20,.28));transform:none}
.product-hero.has-photo .product-visual{background:#bec9c5}
.product-hero.has-photo .product-visual:before{display:none}
.product-hero.has-photo .product-visual img{width:min(73%,610px);max-height:73vh;mix-blend-mode:normal;filter:none;background:#f1eadd;padding:10px;border:2px solid var(--ink);box-shadow:14px 14px 0 var(--ink);transform:rotate(-4deg)}
.product-hero.group-muehlen .product-visual{background:#d5dcd8}
.scribble{background:var(--acid)}
.card-image{background:#d9e1dd}
.machine-card:nth-child(3n+2) .card-image{background:#c8d4d0}
.machine-card:nth-child(3n+3) .card-image{background:#e3e4dc}
.card-image img{mix-blend-mode:normal;width:90%;height:90%}
.machine-card.has-photo .card-image img{width:79%;height:79%;background:#f1eadd;border:1px solid var(--ink);box-shadow:7px 7px 0 var(--ink);transform:rotate(-3deg)}
.machine-card.has-photo:hover .card-image img{transform:rotate(0) scale(1.03)}
.mkf__visual-shell{background:#d5ded9;min-height:400px}
.mkf__visual-shell:before{z-index:2}
.mkf__image{width:90%;max-height:590px;min-height:0;object-fit:contain;mix-blend-mode:multiply;filter:saturate(.75)}
.mkf.group-gastro .mkf__visual-shell{background:#c3ceca}
.mkf.group-muehlen .mkf__visual-shell{background:#e0e5e2}
.mkf__live-card{background:var(--accent)}
.mkf__live-card strong{overflow-wrap:anywhere}
.mkf__step-no{color:var(--accent)}
.mkf__choice[aria-pressed=true],.mkf__swatch[aria-pressed=true],.mkf__finish[aria-pressed=true]{background:var(--acid)}
.mkf__choice.has-image{padding:0;gap:0;background:var(--paper)}
.mkf__choice-media{position:relative;display:block;width:100%;height:auto;aspect-ratio:1.55;overflow:hidden;background:#dfe6e2;border-bottom:1px solid var(--line);flex:none}
.mkf__choice-media img{position:absolute;inset:0;width:100%;height:100%;max-height:none;object-fit:contain;mix-blend-mode:multiply}
.mkf__choice.has-image .mkf__choice-body{position:relative;z-index:1;background:var(--paper);padding:13px;min-height:82px;justify-content:space-between}
.mkf__choice.has-image[aria-pressed=true] .mkf__choice-body{background:var(--acid)}
.mkf__choice-label{font-size:.83rem;line-height:1.24}
.mkf__choice.has-image:hover:not(:disabled){transform:translateY(-3px)}
.options-story{background:#dce3df}
.options-story h2 i,.config-title h2 i,.story-guide h1 i{color:var(--accent)}
.after-config{background:var(--ink)}
.after-config h2 em{color:var(--acid)}
@media(max-width:620px){.product-hero.has-photo .product-visual img{width:69%;padding:5px;box-shadow:7px 7px 0 var(--ink)}.product-visual:before{height:68%}.mkf__image{width:94%}.mkf__choice-media{aspect-ratio:1.45}.mkf__choice.has-image .mkf__choice-body{padding:10px;min-height:80px}}
.catalog-hero h1,.group-heading h2{overflow-wrap:anywhere}
@media(max-width:620px){.catalog-hero h1{font-size:9vw;line-height:.98}.group-heading h2{font-size:clamp(2.6rem,10.5vw,4rem)}}
.product-hero.group-gastro .product-words .cb-button{background:var(--acid);color:var(--ink);border-color:var(--acid)}
.product-hero.group-gastro .product-words .cb-textlink{color:var(--paper);border-color:var(--paper)}
.product-hero.group-muehlen .product-words h1{font-size:clamp(3rem,6vw,6rem);line-height:1.02}
.scribble{color:var(--ink)}
@media(max-width:620px){.product-hero.group-muehlen .product-words h1{font-size:clamp(2.8rem,11vw,4.5rem)}}

/* Shared palette with the experience: cool mineral surfaces, espresso ink and copper accents. */
:root{--ink:#202a29;--cream:#e9eeea;--paper:#f5f6f2;--line:rgba(32,42,41,.2);--accent:#bf684e;--acid:#a9bfb5;--cobalt:#496d67;--shadow:0 22px 70px rgba(18,34,30,.14)}
body[data-palette=acid],body[data-palette=cobalt]{--accent:#bf684e}
.cb-brand span{color:var(--ink)}
.cb-foot .cb-brand span{color:var(--paper)}
.cb-head{background:var(--paper)}
.catalog-hero{background:var(--ink);color:var(--paper)}
.catalog-hero h1{max-width:none;font-size:clamp(3.5rem,7vw,7.5rem);line-height:.91;overflow-wrap:normal}
.catalog-hero h1 i{display:inline-block;white-space:nowrap;color:#d98a6e;-webkit-text-stroke:0;text-shadow:none}
.jump-links a{background:var(--paper);color:var(--ink)}
.catalog-group:nth-of-type(odd){background:#dce5df}
.card-image,.machine-card:nth-child(3n+2) .card-image,.machine-card:nth-child(3n+3) .card-image{background:transparent}
.card-image img{mix-blend-mode:normal}
.machine-card.has-photo .card-image img{background:var(--paper)}
.product-hero{background:#b7cbc1}
.product-hero.group-gastro{background:var(--ink);color:var(--paper)}
.product-hero.group-muehlen{background:#dce5df}
.product-words h1 span{color:var(--paper)}
.product-visual,.product-hero.group-muehlen .product-visual{background:transparent}
.product-visual:before{content:none}
.product-hero.has-cutout .product-visual img{mix-blend-mode:normal;filter:drop-shadow(14px 23px 12px rgba(16,23,20,.25))}
.product-hero.has-photo .product-visual{background:transparent}
.product-hero.has-photo .product-visual img{background:var(--paper)}
.scribble{background:var(--ink);color:var(--paper)}
.mkf__visual-shell,.mkf.group-gastro .mkf__visual-shell,.mkf.group-muehlen .mkf__visual-shell{background:#dce6e0}
.mkf__image{mix-blend-mode:normal;filter:none}
.mkf__choice-media{background:#e5ece7}
.mkf__choice-media img{mix-blend-mode:normal}
.mkf__live-card{background:#b7cbc1}
.mkf__step-no{color:var(--cobalt)}
.mkf__choice[aria-pressed=true],.mkf__swatch[aria-pressed=true],.mkf__finish[aria-pressed=true],.mkf__choice.has-image[aria-pressed=true] .mkf__choice-body{background:var(--acid)}
.options-story{background:#bdcec4}
.after-config{background:var(--ink)}
.after-config h2 em{color:#d98a6e}
.cb-foot{background:var(--ink);color:var(--paper)}
@media(max-width:620px){
  .catalog-hero h1{font-size:clamp(2.1rem,8.4vw,4rem);line-height:.98;letter-spacing:-.075em}
  .catalog-hero h1 i{white-space:nowrap}
}

/* ChocoBrothers campaign system: red impact, chalk, espresso ink. Product imagery stays free of photo mats. */
:root{--ink:#202a29;--cream:#f5f6f2;--paper:#f5f6f2;--accent:#bd2519;--acid:#eeeae4;--cobalt:#bd2519;--line:rgba(32,42,41,.2)}
body[data-palette=acid],body[data-palette=cobalt]{--accent:#bd2519}
body{background:var(--paper)}
.cb-head{background:var(--ink);color:var(--paper);border-bottom-color:var(--ink)}
.cb-head .cb-brand span{color:var(--paper)}
.cb-head nav a:hover,.cb-shop:hover{color:#ff7863}
.palette-switch{display:none}
.catalog-hero,.guide-hero{background:var(--accent);color:var(--paper);min-height:560px;padding-top:clamp(55px,7vw,120px);padding-bottom:clamp(55px,7vw,120px)}
.catalog-hero:after{content:'✳';right:2%;bottom:2%;font-size:min(30vw,460px);opacity:.11;transform:rotate(-17deg)}
.catalog-hero h1,.guide-hero h1{max-width:100%;font-size:clamp(3.8rem,7.7vw,9rem);line-height:.88;letter-spacing:-.09em;margin:.19em 0 .23em;overflow-wrap:normal}
.catalog-hero h1 i,.guide-hero h1 i{color:var(--paper);white-space:normal}
.catalog-hero>p:not(.eyebrow){max-width:640px}
.jump-links{gap:10px;margin-top:35px}
.jump-links a{background:var(--ink);color:var(--paper);border-color:var(--paper);box-shadow:5px 5px 0 #76180f}
.jump-links a:hover{background:var(--paper);color:var(--ink);box-shadow:2px 2px 0 #76180f}
.catalog-group,.catalog-group:nth-of-type(odd),.next-machines{background:var(--paper)}
.catalog-group:nth-of-type(even){background:#ebece8}
.group-heading{align-items:end;border-bottom:3px solid var(--accent);padding-bottom:24px;margin-bottom:28px}
.group-heading h2{max-width:18ch;font-size:clamp(3rem,6vw,6.5rem);line-height:.92}
.group-heading .eyebrow{color:var(--accent)}
.machine-grid,.next-machines .machine-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,2vw,28px)}
.machine-card{background:#fff;border:1px solid var(--ink);box-shadow:0 8px 0 #202a2912;overflow:hidden}
.machine-card:hover{transform:translateY(-6px);box-shadow:7px 8px 0 var(--accent)}
.card-image,.machine-card:nth-child(3n+2) .card-image,.machine-card:nth-child(3n+3) .card-image{background:#f2f3f0;aspect-ratio:1/.9;padding:5%}
.card-image img,.machine-card.has-cutout .card-image img{width:100%;height:100%;object-fit:contain;mix-blend-mode:normal;filter:drop-shadow(8px 15px 9px #202a2926)}
.machine-card:hover .card-image img{transform:scale(1.035)}
.card-copy{padding:clamp(17px,2vw,27px);gap:10px}
.card-copy small{color:var(--accent)}
.card-copy strong{font-size:clamp(1.5rem,2.4vw,2.7rem)}
.card-copy em{border-top:1px solid var(--line)}
.card-copy b{color:var(--accent)}
.product-hero,.product-hero.group-gastro,.product-hero.group-muehlen{background:var(--accent);color:var(--paper)}
.product-words h1,.product-hero.group-muehlen .product-words h1{font-size:clamp(3.6rem,7vw,8rem);line-height:.95}
.product-words h1 span,.product-hero.group-gastro .product-words h1 span,.product-hero.group-muehlen .product-words h1 span{color:var(--paper)}
.product-hero .product-words .cb-button,.product-hero.group-gastro .product-words .cb-button,.product-hero.group-muehlen .product-words .cb-button{background:var(--ink);color:var(--paper);border-color:var(--paper)}
.product-hero .product-words .cb-button:hover{background:var(--paper);color:var(--ink)}
.product-hero .product-words .cb-textlink,.product-hero.group-gastro .product-words .cb-textlink{color:var(--paper);border-color:var(--paper)}
.product-visual,.product-hero.group-muehlen .product-visual,.product-hero.has-photo .product-visual{background:#edf0ec;border-left-color:var(--ink)}
.product-visual:before{content:none}
.product-hero.has-cutout .product-visual img{width:min(89%,740px);max-height:79vh;mix-blend-mode:normal;filter:drop-shadow(12px 25px 12px #202a2940);transform:none}
.scribble{background:var(--ink);color:var(--paper);border-color:var(--paper);border-radius:0;transform:rotate(7deg);font-size:clamp(.8rem,1.2vw,1.2rem);padding:14px}
.config-section{background:var(--paper)}
.config-title h2 i,.story-guide h1 i,.options-story h2 i{color:var(--accent)}
.mkf__visual-shell,.mkf.group-gastro .mkf__visual-shell,.mkf.group-muehlen .mkf__visual-shell{background:#edf0ec}
.mkf__live-card{background:var(--accent);color:var(--paper)}
.mkf__step-no{color:var(--accent)}
.mkf__choice[aria-pressed=true],.mkf__swatch[aria-pressed=true],.mkf__finish[aria-pressed=true],.mkf__choice.has-image[aria-pressed=true] .mkf__choice-body{background:#f6ddd7}
.mkf__choice-media{background:#edf0ec}
.mkf__choice-media img{mix-blend-mode:normal}
.mkf__hintbox{background:#ecefeb}
.mkf__warning{background:#f6ddd7}
.mkf__purchase button{color:var(--paper)}
.after-config{background:var(--ink)}
.after-config h2 em{color:#ff7863}
.after-config .cb-button{background:var(--accent);color:var(--paper)}
.options-story{background:#ebece8}
.options-grid article{background:var(--paper)}
.guide-grid article{background:var(--paper)}
.guide-grid span{color:var(--accent)}
.cb-foot{background:var(--ink);color:var(--paper)}
@media(max-width:1100px){.machine-grid,.next-machines .machine-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:800px){.product-visual{border-left:0;border-top:2px solid var(--ink)}}
@media(max-width:620px){
  .catalog-hero,.guide-hero{min-height:0;padding:50px 22px 58px}
  .catalog-hero h1,.guide-hero h1{font-size:clamp(2rem,9vw,5.5rem);line-height:.95;letter-spacing:-.075em}
  .catalog-hero h1 i,.guide-hero h1 i{white-space:normal}
  .group-heading h2{font-size:clamp(2rem,8.5vw,4.5rem);overflow-wrap:normal}
  .machine-grid,.next-machines .machine-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .card-image{aspect-ratio:1/.95;padding:4%}
  .card-copy{padding:13px}
  .card-copy strong{font-size:clamp(1.1rem,4.6vw,1.5rem)}
  .product-words{padding:60px 22px}
  .product-words h1,.product-hero.group-muehlen .product-words h1{font-size:clamp(3rem,12vw,5rem)}
}
@media(max-width:390px){.machine-grid,.next-machines .machine-grid{grid-template-columns:1fr}}

/* Shared small-screen guardrails for the catalog, product, guide and legal templates. */
@media(max-width:620px){
  .cb-head{min-width:0}
  .cb-head nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:100%;overflow:visible;white-space:normal}
  .cb-head nav a{min-width:0;text-align:center;font-size:clamp(.67rem,3.2vw,.8rem);line-height:1.25;overflow-wrap:anywhere}
  .product-hero{grid-template-columns:minmax(0,1fr)}
  .product-words,.product-visual{min-width:0}
  .product-hero-actions{max-width:100%}
  .product-hero-actions .cb-button{max-width:100%;gap:1em;font-size:clamp(.7rem,3.3vw,.9rem)}
  .group-heading h2{overflow-wrap:anywhere}
  .legal-page h1{font-size:clamp(1.5rem,8vw,3.5rem);overflow-wrap:anywhere}
  .legal-page h2{font-size:clamp(1.2rem,5.8vw,2.7rem);hyphens:auto;overflow-wrap:anywhere}
  .legal-page p,.legal-page a{overflow-wrap:anywhere}
}

/* A drawn mark has the same shape on every device; no platform emoji glyphs. */
.link-arrow{display:inline-block;position:relative;flex:none;width:14px;height:14px;vertical-align:-1px;color:inherit}
.link-arrow::before{content:"";position:absolute;left:1px;bottom:1px;width:calc(100% + 4px);border-top:1.5px solid currentColor;transform:rotate(-45deg);transform-origin:left center}
.link-arrow::after{content:"";position:absolute;right:0;top:0;width:7px;height:7px;border-top:1.5px solid currentColor;border-right:1.5px solid currentColor}
.link-arrow--down{transform:rotate(90deg)}
.guide-grid article{min-width:0}
.guide-grid h2{font-family:Jost,Arial,sans-serif;font-weight:600;font-size:clamp(2.2rem,3.25vw,3.55rem);line-height:1.07;letter-spacing:-.025em;max-width:19ch;overflow-wrap:normal}
.guide-grid a{display:inline-flex;align-items:center;gap:.6em;width:fit-content;max-width:100%;font:600 1rem/1.3 Jost,Arial,sans-serif;letter-spacing:0;border-bottom:1px solid currentColor;padding-bottom:3px;text-decoration:none}
.guide-grid .link-arrow{color:inherit}
.cb-head nav .link-arrow{margin-left:4px}
@media(max-width:620px){
  .guide-grid article{padding:34px 24px 38px}
  .guide-grid h2{font-size:clamp(1.85rem,8vw,2.4rem);line-height:1.08;margin:.7em 0 .55em}
  .guide-grid p{line-height:1.55}
  .guide-grid a{font-size:1rem}
}