:root{--paper:#f5f2eb;--ink:#252420;--muted:#706b63;--wine:#790d26;--line:#dcd6cc}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.7 Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button,select{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible,select:focus-visible{outline:3px solid #bd6777;outline-offset:5px}header{height:108px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{font-size:42px;letter-spacing:-2px;line-height:1;display:inline-block;color:#080807;font-weight:400}.brand span{color:var(--wine)}.brand small{display:block;font-size:8px;letter-spacing:4px;text-align:center;margin:10px 0 0 4px}nav{display:flex;gap:35px;font-size:13px}nav a:hover{color:var(--wine)}.nav-cta{font-size:13px;border-bottom:1px solid var(--wine);padding:8px 0}.nav-cta span{margin-left:26px}.hero{display:grid;grid-template-columns:1fr 1fr;min-height:650px}.hero-copy{padding:65px 9% 20px 10%}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:600;margin:0 0 25px}.dot{display:inline-block;height:6px;width:6px;background:var(--wine);border-radius:100%;margin-right:9px}h1{font-size:clamp(58px,5.8vw,88px);font-weight:400;letter-spacing:-4px;line-height:1.06;margin:31px 0 27px}em{font-family:Georgia,'Times New Roman',serif;font-weight:400;color:var(--wine)}.intro{color:var(--muted);font-size:15px;line-height:1.8;margin-bottom:30px}.button{background:var(--wine);color:white;display:inline-flex;gap:44px;justify-content:space-between;align-items:center;padding:16px 24px;border:1px solid var(--wine);font-size:13px}.button:hover{background:#580b1d}.hero-bottom{margin-top:55px;display:flex;justify-content:space-between;align-items:center;font-size:8px;letter-spacing:1.5px}.hero-bottom a{font-size:22px}.hero-photo{position:relative;background:#372c25;overflow:hidden;min-height:650px}.hero-photo>img{width:100%;height:100%;position:absolute;object-fit:cover;object-position:center 50%;filter:brightness(.78)}.photo-top,.photo-label{position:absolute;color:white;left:35px;right:35px}.photo-top{top:29px;font-size:8px;letter-spacing:2px;display:flex;justify-content:space-between}.photo-label{bottom:30px}.photo-label>span{font-size:8px;letter-spacing:2px}.photo-label p{font:28px/1.3 Georgia,serif}.partners{border-bottom:1px solid var(--line);padding:30px 5%;display:flex;align-items:center;justify-content:space-between;gap:25px}.partners>span:first-child{font-size:9px;letter-spacing:1.6px}.partners>a{font-size:30px;letter-spacing:-1px}.partners small{font:8px Arial;letter-spacing:2px;margin-left:15px}.plus{color:#a9a094}.puq-word{font-weight:800;letter-spacing:-2px}.partners p{font-size:12px;color:var(--muted);line-height:1.5}.section{padding:95px 7%;scroll-margin-top:20px}h2{font-size:clamp(38px,4.3vw,62px);font-weight:400;line-height:1.13;letter-spacing:-2px;margin:0 0 25px}.philosophy{display:grid;grid-template-columns:1fr 1fr;gap:12%}.philosophy-copy{padding-top:25px;color:var(--muted)}.large{font-size:25px;line-height:1.4;color:var(--ink);margin-top:0}.principles{margin-top:30px;display:flex;flex-direction:column}.principles span{font-size:11px;padding:13px 0;border-bottom:1px solid var(--line);color:var(--wine)}.principles b{font-weight:400;color:var(--ink);font-size:13px;margin-left:26px}.tools{background:#ece8df}.section-head{display:flex;justify-content:space-between;align-items:end}.section-head>p{color:var(--muted);font-size:13px;margin-bottom:33px}.filters{display:flex;gap:25px;border-bottom:1px solid #d3ccbf;margin:20px 0 35px}.filters button{border:0;border-bottom:2px solid transparent;background:none;color:var(--muted);padding:12px 0;font-size:12px}.filters button.active{border-color:var(--wine);color:var(--wine)}sup{margin-left:6px;font-size:8px}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.product-image{height:330px;background:#f6f4ef;position:relative;display:flex;align-items:center;justify-content:center;margin-bottom:25px;overflow:hidden}.product-image img{width:82%;height:78%;object-fit:contain;mix-blend-mode:multiply;transition:transform .4s}.product-image:hover img{transform:scale(1.05)}.tag{position:absolute;top:19px;left:18px;font-size:7px;letter-spacing:1.3px;z-index:1}.round{position:absolute;bottom:15px;right:15px;border:1px solid var(--line);background:transparent;border-radius:50%;height:37px;width:37px;font-size:19px}.product-grid .eyebrow{font-size:8px;margin-bottom:8px}.product-grid h3{font-size:19px;font-weight:400;margin:0}.product-grid article>p:not(.eyebrow){font-size:12px;color:var(--muted);max-width:280px}.text-link{border:0;border-bottom:1px solid var(--ink);background:none;padding:5px 0;font-size:11px}.availability{font-size:11px;color:var(--muted);margin-top:30px}.brands{background:var(--wine);color:#f6f1e9}.brands em{color:#e2bcab}.brand-grid{display:grid;grid-template-columns:1fr 1fr;gap:9%;margin-top:55px}.brand-title{border-top:1px solid #a14a5c;padding-top:20px;font-size:40px;letter-spacing:-1px}.brand-title span{float:right;font:10px Arial;letter-spacing:2px;margin-top:18px}.brand-grid p{color:#e1c7cb;font-size:14px;max-width:460px}.brand-grid a{font-size:11px;display:inline-block;border-bottom:1px solid #c695a0;margin-top:14px;padding-bottom:5px}.guide{display:grid;grid-template-columns:1.2fr 1fr;gap:8%;border-bottom:1px solid var(--line)}.guide>div>p:last-child{color:var(--muted);font-size:13px}.guide-panel{background:#ece8df;padding:35px;align-self:center}.guide-panel label{display:block;font-size:12px;margin-bottom:12px}.guide-panel select{width:100%;border:1px solid #c8bfb1;padding:14px 12px;background:var(--paper);color:var(--ink);font-size:13px;border-radius:0}.guide-panel .button{margin-top:18px;width:100%}#recommendation{font-size:13px}#recommendation:empty{display:none}#recommendation a{display:inline-block;border-bottom:1px solid var(--wine);color:var(--wine)}.closing{text-align:center;padding:95px 20px}.closing h2{font-size:76px}.closing>p:not(.eyebrow){font-size:13px;color:var(--muted)}.closing>a{font-size:12px;border-bottom:1px solid var(--ink)}footer{margin:0 5%;padding:35px 0;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}footer .brand{font-size:32px}footer .brand small{font-size:6px;letter-spacing:3px}footer>p,footer>span{font-size:10px;color:var(--muted)}dialog{max-width:560px;width:calc(100% - 35px);background:var(--paper);color:var(--ink);border:0;padding:50px}dialog::backdrop{background:#19130fc9}dialog h2{font-size:36px}dialog>p{font-size:14px}.close{position:absolute;right:16px;top:8px;background:none;border:0;font-size:28px}[hidden]{display:none!important}@media(min-width:1500px){body{max-width:1700px;margin:auto}}@media(max-width:800px){header{height:88px}.brand{font-size:34px}nav{gap:16px;font-size:11px}.nav-cta{display:none}.hero{grid-template-columns:1fr 1fr}.hero-copy{padding:40px 7%}.hero-photo{min-height:590px}h1{font-size:56px;letter-spacing:-3px}.hero .eyebrow{font-size:8px}.hero-bottom{font-size:7px}.intro{font-size:13px}.photo-label p{font-size:23px}.partners{flex-wrap:wrap}.partners>span:first-child{width:100%}.partners p{display:none}.section{padding:65px 6%}.product-image{height:230px}.product-grid{gap:15px}.product-grid h3{font-size:17px}.tag{font-size:6px;left:10px}.guide{gap:5%}.guide-panel{padding:24px}.philosophy{gap:8%}}@media(max-width:560px){header{padding:0 6%}nav a:last-child{display:none}nav{gap:20px}.hero{display:flex;flex-direction:column}.hero-copy{padding:40px 7% 24px}.hero h1{font-size:65px;margin:26px 0}.hero-bottom{margin-top:30px}.hero-photo{height:430px;min-height:0}.hero-photo>img{object-position:center 55%}.photo-top,.photo-label{left:25px;right:25px}.partners{padding:25px 7%;gap:17px}.partners>a{font-size:27px}.partners small{display:block;margin:2px 0 0}.philosophy,.guide,.brand-grid{grid-template-columns:1fr;gap:28px}.philosophy-copy{padding-top:0}.section-head{display:block}.section-head>p{margin:0 0 20px}.product-grid{grid-template-columns:1fr;gap:40px}.product-image{height:340px}.product-grid h3{font-size:23px}.tag{font-size:8px;left:20px}.product-grid article>p:not(.eyebrow){max-width:none}.brand-grid{margin-top:30px}.closing{padding:65px 20px}.closing h2{font-size:56px}footer{flex-wrap:wrap;gap:22px}footer>span{width:100%;margin:0}.guide-panel{padding:26px}h2{font-size:44px}.section{padding:60px 7%}dialog{padding:40px 26px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.brand-original{display:block;width:460px;max-width:90%;height:auto;margin:0 auto 35px;mix-blend-mode:multiply}

/* Preserve the original artwork and its exact letterforms. */
.brand{position:relative;display:block;flex-shrink:0;width:200px;aspect-ratio:370 / 125;overflow:hidden;mix-blend-mode:multiply}
.brand img{position:absolute;display:block;width:255.405405%;max-width:none;height:auto;left:-72.972973%;top:-52%}
header nav{font-size:18px;font-weight:700;gap:35px}
header .nav-cta{font-size:18px;font-weight:700}
footer .brand{width:170px}
@media(max-width:900px){header nav{font-size:16px;gap:22px}header .nav-cta{font-size:16px}.brand{width:175px}}
@media(max-width:560px){header{height:auto;min-height:100px;flex-wrap:wrap;gap:12px;padding-top:12px;padding-bottom:16px}header .brand{width:160px}header nav{width:100%;justify-content:space-between;gap:12px;font-size:16px}header nav a:last-child{display:block}}

.founder{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:9%;align-items:center;border-bottom:1px solid var(--line)}
.founder-portrait{margin:0;max-width:500px;width:100%}.founder-portrait img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain}
.founder-portrait figcaption{display:flex;justify-content:space-between;gap:16px;padding-top:18px;font-size:12px}.founder-portrait figcaption strong{font-weight:600}.founder-portrait figcaption span{color:var(--muted)}
.founder-copy>p:not(.eyebrow):not(.large){color:var(--muted);font-size:15px}.founder-copy .large{font-size:25px}.founder-copy .text-link{display:inline-block;margin-top:16px;font-size:13px}
@media(max-width:800px){.founder{gap:6%}.founder-copy .large{font-size:22px}.founder-portrait figcaption{flex-direction:column;gap:2px}}
@media(max-width:560px){.founder{grid-template-columns:1fr;gap:32px}.founder-portrait{max-width:none}.founder-portrait figcaption{flex-direction:row}.founder-copy .eyebrow{margin-bottom:18px}}

/* Lift the artwork paper to white; multiply blends it into the page cream. */
.brand img,.brand-original{filter:brightness(1.12) contrast(1.5)}

/* Keep the face visible in the hero crop at every screen size. */
.hero-photo>img{object-position:center top;filter:none}
.hero-photo::after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.52));pointer-events:none}
.photo-top,.photo-label{z-index:1;text-shadow:0 1px 4px rgba(0,0,0,.5)}

/* Automatic tamping: benefits, integrated setup and practical guidance. */
.tamping{border-bottom:1px solid var(--line)}
.tamping-intro{display:grid;grid-template-columns:1.2fr 1fr;gap:8%;align-items:center}.tamping-intro .large{font-size:20px;color:var(--muted)}
.tamping-benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin:35px 0 65px}.tamping-benefits article{border-top:1px solid var(--line);padding-top:22px}.tamping-benefits span{color:var(--wine);font-size:12px}.tamping h3{font-size:19px;line-height:1.35;font-weight:600}.tamping-benefits p,.integrated-copy p,.tamping-note p,.tamping-faq p{color:var(--muted);font-size:14px;line-height:1.8}
.integrated-tamper{display:grid;grid-template-columns:1fr 1.1fr;gap:9%;align-items:center;background:#ece8df;padding:45px}.integrated-tamper figure{margin:0;text-align:center}.grinder-crop{position:relative;overflow:hidden;aspect-ratio:250 / 584;width:240px;max-width:100%;margin:auto;mix-blend-mode:multiply}.grinder-crop img{position:absolute;width:480%;max-width:none;height:auto;left:-180%;top:-15.75%}.integrated-tamper figcaption{font-size:12px;margin-top:20px}.integrated-tamper figcaption span{font-size:10px;color:var(--muted)}.integrated-copy h2{font-size:clamp(35px,3.5vw,52px)}.source-link{display:block;margin-top:20px;font-size:11px;text-decoration:underline;text-underline-offset:4px;color:var(--muted)}.tamping-note{border-left:3px solid var(--wine);padding:0 0 0 25px;margin-top:40px;max-width:900px}.tamping-note h3{margin-bottom:10px}
.tamping-faq{display:grid;grid-template-columns:1fr 1.1fr;gap:9%;border-bottom:1px solid var(--line)}.faq-list details{border-top:1px solid var(--line);padding:20px 0}.faq-list details:last-child{border-bottom:1px solid var(--line)}.faq-list summary{cursor:pointer;font-size:16px;font-weight:600;line-height:1.5}.faq-list p{margin-bottom:0}.faq-list summary:focus-visible{outline:3px solid #bd6777;outline-offset:5px}
@media(max-width:900px){.tamping-benefits{grid-template-columns:repeat(2,1fr)}.integrated-tamper{gap:6%;padding:30px}.tamping-intro,.tamping-faq{grid-template-columns:1fr;gap:20px}}
@media(max-width:560px){.tamping-benefits{grid-template-columns:1fr;gap:15px;margin-bottom:35px}.tamping-benefits h3{margin:10px 0}.integrated-tamper{grid-template-columns:1fr;gap:35px;padding:25px 20px}.grinder-crop{width:210px}.tamping-intro .large{font-size:18px}.tamping-note{padding-left:18px}.hero .button{gap:18px}}

.grinder-crop{clip-path:polygon(15% 0,90% 0,90% 77%,100% 77%,100% 100%,0 100%,0 77%,15% 77%)}

/* Equal emphasis on preparation and cleaning. */
.workflow-actions{display:flex;gap:12px;flex-wrap:wrap}.workflow-actions .button{gap:16px;font-size:12px;padding:14px 18px}.cleaning{background:#ece8df}.cleaning .integrated-tamper{background:var(--paper)}.cleaner-visual{display:block;width:100%;max-width:470px;height:auto;margin:auto}.workflow-cycle{background:var(--wine);color:var(--paper)}.workflow-cycle em{color:#e2bcab}.workflow-cycle ol{list-style:none;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:25px;margin:40px 0 25px}.workflow-cycle li{border-top:1px solid #a14a5c;padding-top:20px;font-size:16px}.workflow-cycle li span{display:block;color:#e2bcab;font-size:11px;margin-bottom:12px}.workflow-cycle>p:last-child{color:#e1c7cb;font-size:14px}@media(max-width:800px){.workflow-cycle ol{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.workflow-actions{display:grid;grid-template-columns:1fr 1fr}.workflow-actions .button{padding:13px 10px;gap:8px;font-size:11px}.workflow-cycle ol{grid-template-columns:1fr}.cleaner-visual{max-width:320px}}

/* Compact founder portrait without resampling the source image. */
.founder-portrait{width:85%;max-width:340px;justify-self:center}
@media(max-width:560px){.founder-portrait{width:85%;max-width:280px}.founder-portrait figcaption{flex-direction:column;gap:2px}}

/* Blend artwork against an explicit cream surface, including iOS compositing. */
.brand{background:var(--paper);isolation:isolate;mix-blend-mode:normal}
.brand img{mix-blend-mode:multiply}
.closing{background:var(--paper);isolation:isolate}
.brand-original{mix-blend-mode:multiply}