@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--paper:#f5f2eb;--ink:#2c352a;--muted:#707364;--line:#dadccf;--green:#2d3b2a;--cream:#eee5cf;--copper:#ba8359}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #b67b47;outline-offset:5px}.wrap{width:min(1240px,calc(100% - 96px));margin-inline:auto}.header{height:100px;display:flex;align-items:center;justify-content:space-between}.brand{font-family:Georgia,serif;font-size:32px;font-weight:bold;letter-spacing:-1.5px;display:inline-flex;align-items:baseline}.brand>span{font-size:22px;font-style:italic;font-weight:400;letter-spacing:-1px;margin-left:3px}.brand>small{font-family:'DM Sans',sans-serif;align-self:flex-start;font-size:8px;letter-spacing:1px;margin:6px 0 0 8px}nav{display:flex;gap:30px;font-size:12px;font-weight:600}nav a:hover{color:var(--copper)}#routine-count{padding:3px 6px;background:#e5e6db;border-radius:50%;font-size:9px;margin-left:4px}.hero{background:var(--green);color:var(--cream);overflow:hidden}.hero-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:35px;align-items:center;min-height:585px}.hero-copy{padding-block:55px}.eyebrow{font-size:9px;letter-spacing:1.8px;font-weight:700;line-height:1.8;margin:0 0 21px}.hero .eyebrow{color:#d7c7a9}.eyebrow>span{width:5px;height:5px;background:var(--copper);display:inline-block;border-radius:50%;margin-right:8px}h1,h2,h3,p{margin-top:0}h1,h2{font-family:Georgia,serif;font-weight:400}h1{font-size:clamp(50px,5.6vw,78px);line-height:1.04;letter-spacing:-3.5px;margin-bottom:25px}h1 em{font-weight:400;color:#dab28b}.hero-copy>p:not(.eyebrow){color:#c5ccbb;font-size:14px;max-width:345px;line-height:1.9;margin-bottom:31px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:40px;border:0;border-radius:3px;padding:17px 22px;font-size:11px;font-weight:700;line-height:1.5}.button:hover{transform:translateY(-2px)}.cream{color:var(--green);background:var(--cream)}.dark{color:white;background:var(--green)}.hero-meta{display:flex;gap:28px;margin-top:43px;font-size:7px;letter-spacing:1.3px;color:#bac4ae}.hero-art{position:relative;aspect-ratio:1.05;align-self:end}.hero-art svg{position:absolute;inset:0;width:100%;height:100%;z-index:1}.art-sun{position:absolute;width:330px;height:330px;top:36px;left:100px;background:#718065;border-radius:50%;opacity:.5}.art-caption{position:absolute;right:-1px;top:37px;font-size:9px;letter-spacing:1.7px;line-height:1.7;color:#d2d9c4;text-align:right;transform:rotate(6deg)}.art-note{position:absolute;bottom:15px;right:25px;font-size:7px;letter-spacing:1.5px;color:#bdc6af}.values{border-bottom:1px solid var(--line)}.values .wrap{display:flex;justify-content:space-between;gap:20px;padding-block:23px}.values span{display:flex;align-items:center;gap:13px;font-size:22px;color:#8c987b}.values b{font-size:11px;font-weight:500;color:var(--ink)}.section{padding-block:78px}.section-heading{display:flex;justify-content:space-between;gap:30px;align-items:end}.section-heading .eyebrow{margin-bottom:12px;color:#797f6d}h2{font-size:43px;line-height:1.16;letter-spacing:-1.5px;margin-bottom:22px}.section-heading h2{margin-bottom:0}.section-heading>p{font-size:12px;line-height:1.8;color:var(--muted);margin-bottom:3px}.filters{display:flex;gap:8px;margin:28px 0}.filter{border:1px solid var(--line);border-radius:30px;background:transparent;padding:9px 15px;font-size:10px;color:var(--muted)}.filter.active{color:var(--paper);background:var(--green);border-color:var(--green)}.equipment-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.card[hidden]{display:none}.card-art{aspect-ratio:1.07;position:relative;display:grid;place-items:center;border-radius:4px;overflow:hidden}.card-art>span{position:absolute;top:15px;left:13px;font-size:6px;letter-spacing:1px}.espresso{background:#e0dfd2}.grinder{background:#ded3c0}.blender{background:#dfdcd3}.water{background:#dce3db}.machine-icon{position:relative;width:117px;height:125px;background:#eae7dc;border-radius:10px;box-shadow:7px 9px #c4c5b5;margin-top:20px}.machine-icon:before{content:'';position:absolute;left:9px;right:9px;top:45px;bottom:15px;background:#6b7763;border-radius:3px}.machine-icon:after{content:'';position:absolute;width:19px;height:19px;border:4px solid #b0b7a2;top:12px;left:16px;border-radius:50%;box-shadow:42px 0 0 -6px #6d795e}.machine-icon i{width:29px;height:30px;position:absolute;top:76px;left:35px;background:#c89669;z-index:1;border-radius:0 0 7px 7px}.machine-icon b{position:absolute;width:49px;height:8px;background:#9b6948;top:55px;right:0;z-index:1;border-radius:4px}.grinder-icon{position:relative;width:79px;height:101px;background:#6e7e5c;border-radius:9px;box-shadow:6px 7px #baaf99;margin-top:58px}.grinder-icon:before{content:'';position:absolute;width:57px;height:60px;top:-64px;left:11px;background:#bb9b75;border:4px solid #8b775d;border-top:8px solid #454f3c;clip-path:polygon(0 0,100% 0,85% 100%,15% 100%)}.grinder-icon:after{content:'';position:absolute;width:44px;height:36px;background:#4a5b3e;top:24px;left:18px;border-radius:4px}.grinder-icon i{position:absolute;width:20px;height:8px;background:#d8ddc9;top:39px;left:29px;z-index:1}.blender-icon{position:relative;height:71px;width:91px;background:#b17854;margin-top:88px;border-radius:9px;box-shadow:6px 7px #c4bcad}.blender-icon:before{content:'';position:absolute;width:65px;height:94px;background:#b8c4b4;top:-97px;left:12px;border:4px solid #8e9e85;border-top:9px solid #515d48;clip-path:polygon(0 0,100% 0,80% 100%,20% 100%)}.blender-icon:after{content:'';position:absolute;width:23px;height:23px;background:#d4bd9c;border:3px solid #825d43;border-radius:50%;top:24px;left:34px}.water-icon{width:101px;height:138px;background:#e9eee5;border:4px solid #bcc9b5;border-radius:16px 16px 30px 12px;position:relative;margin-top:15px;box-shadow:5px 8px #c3cebd}.water-icon:before{content:'';position:absolute;left:9px;right:9px;top:19px;height:24px;background:#81977a;border-radius:4px}.water-icon:after{content:'';position:absolute;left:9px;right:9px;bottom:12px;height:61px;background:#cad9c2;border-radius:4px 4px 19px 4px}.card-label{font-size:8px;letter-spacing:1.3px;margin:23px 0 12px;color:#7a816d}.card h3{font-size:16px;line-height:1.6;letter-spacing:-.4px;margin-bottom:10px}.card>p:not(.card-label){font-size:12px;color:var(--muted);line-height:1.85;min-height:67px;margin-bottom:15px}details{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}summary{cursor:pointer;font-size:10px;font-weight:600;list-style:none;padding-block:14px;display:flex;justify-content:space-between;gap:8px}summary::-webkit-details-marker{display:none}summary span{font-size:16px;line-height:12px}details[open] summary span{transform:rotate(45deg)}details ul{padding:0 0 0 16px;margin:0 0 15px}details li{font-size:11px;color:var(--muted);line-height:1.8;margin-bottom:8px}.cost-section{background:#e9e6da;padding-block:67px}.cost-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:90px;align-items:center}.cost-grid>div>p:not(.eyebrow){max-width:320px;font-size:13px;line-height:1.9;color:var(--muted)}.cost-note{display:flex;gap:14px;border-top:1px solid #d0d1c1;padding-top:20px;max-width:330px;margin-top:28px}.cost-note>span{font-size:26px;color:#849171}.cost-note p{font-size:11px;line-height:1.8;margin:0}.cost-note small{display:block;font-size:10px;line-height:1.9;color:var(--muted);margin-top:4px}.cost-form{background:var(--paper);border:1px solid #deded2;border-radius:5px;padding:30px}.form-heading{display:flex;align-items:baseline;justify-content:space-between;gap:15px}.form-heading h3{font-size:15px;margin:0 0 24px;letter-spacing:-.3px}.form-heading>span{font-size:8px;color:var(--muted)}.input-grid{display:grid;grid-template-columns:1fr 1fr;gap:19px 15px}.input-grid label{font-size:10px;font-weight:500}.input-grid label>span{display:block;font-size:8px;color:var(--muted);margin-top:5px}input[type=number]{display:block;background:white;border:1px solid var(--line);border-radius:3px;padding:12px 10px;font-size:11px;width:100%;margin-top:7px;color:var(--ink)}.cost-form>.button{width:100%;margin-top:22px}.cost-result{margin-top:20px;border-top:1px solid var(--line);padding-top:17px}.cost-result p{font-size:11px;line-height:1.9;color:var(--muted);margin-bottom:0}.cost-result strong{font-family:Georgia,serif;font-size:33px;font-weight:400;color:var(--green);margin-right:7px}.cost-result .breakdown{font-size:10px;line-height:1.9;margin-top:8px}.routine-section{display:grid;grid-template-columns:1fr 1fr;gap:100px}.routine-section>div>p:not(.eyebrow){font-size:13px;line-height:1.9;color:var(--muted)}.text-button{border:0;border-bottom:1px solid #aeb69f;padding:8px 0;background:none;color:var(--green);font-size:11px;font-weight:600}.routine-section>div>p.small{font-size:9px;margin-top:18px}.routine-list label{display:flex;align-items:start;gap:14px;padding:18px 0;border-bottom:1px solid var(--line);cursor:pointer;font-size:12px}.routine-list label:first-child{padding-top:0}.routine-list input{width:18px;height:18px;accent-color:var(--green);flex-shrink:0;margin-top:1px}.routine-list small{display:block;font-size:10px;line-height:1.7;color:var(--muted);margin-top:5px}#routine-progress{font-size:11px;color:var(--green);margin-top:18px}.closing{padding:44px 48px;background:var(--green);color:var(--cream);border-radius:5px;display:flex;justify-content:space-between;align-items:center;gap:25px}.closing .eyebrow{color:#bfc8b1;margin-bottom:15px;font-size:8px}.closing h2{font-size:36px;margin-bottom:0}.footer{padding-block:37px;display:flex;align-items:center;justify-content:space-between;gap:22px}.footer p{font-size:10px;color:var(--muted);margin-bottom:0}.footer .brand{font-size:27px}.footer .brand>span{font-size:19px}@media(max-width:1000px){.wrap{width:calc(100% - 50px)}.hero-grid{gap:20px;min-height:510px}.hero-meta{gap:15px;font-size:6px}.art-sun{width:260px;height:260px;left:45px}.art-caption{top:25px;font-size:7px}.equipment-grid{grid-template-columns:repeat(2,1fr);gap:33px 25px}.card-art{aspect-ratio:1.6}.card>p:not(.card-label){min-height:0}.cost-grid,.routine-section{gap:45px}.cost-form{padding:25px}.closing{padding:35px}}@media(max-width:650px){.wrap{width:calc(100% - 36px)}.header{height:82px}.brand{font-size:28px}.brand>span{font-size:19px}nav{gap:15px;font-size:10px}nav a:nth-child(2){display:none}.hero-grid{grid-template-columns:1fr;gap:0}.hero-copy{padding-block:38px 0}h1{font-size:59px;letter-spacing:-2.5px}.hero-copy>p:not(.eyebrow){font-size:13px;line-height:1.9;max-width:335px}.hero-meta{font-size:7px;gap:20px;margin-top:25px}.hero-art{aspect-ratio:1.25}.art-sun{width:230px;height:230px;top:10px;left:50px}.art-caption{top:18px;right:5px;font-size:7px}.art-note{font-size:6px;right:0;bottom:12px}.values .wrap{padding-block:17px;gap:12px;flex-wrap:wrap}.values span{font-size:18px;gap:8px}.values b{font-size:9px}.values span:last-child{display:none}.section{padding-block:48px}.section-heading{display:block}h2{font-size:34px;letter-spacing:-1px}.section-heading>p{font-size:11px;margin-top:18px}.section-heading>p br{display:none}.filters{gap:6px;margin-block:22px}.filter{font-size:9px;padding:9px 11px}.equipment-grid{gap:27px 15px}.card-art{aspect-ratio:1.05}.card-art>span{font-size:5px;left:8px;top:10px}.machine-icon,.grinder-icon,.blender-icon,.water-icon{scale:.8}.card-label{font-size:7px;margin-top:18px}.card h3{font-size:14px}.card>p:not(.card-label){font-size:11px}summary{font-size:9px}details li{font-size:10px}.cost-section{padding-block:45px}.cost-grid,.routine-section{grid-template-columns:1fr;gap:28px}.cost-grid h2 br{display:none}.cost-grid>div>p:not(.eyebrow){max-width:none}.cost-note{max-width:none;margin-top:20px}.cost-form{padding:23px 18px}.form-heading h3{font-size:14px}.input-grid{gap:17px 12px}.input-grid label{font-size:9px}input[type=number]{font-size:10px;padding-inline:8px}.closing{padding:30px 25px;align-items:start;flex-direction:column;gap:23px}.closing h2{font-size:30px}.closing>.button{width:100%}.footer{flex-wrap:wrap;gap:18px}.footer p:first-of-type{width:100%;order:2}.footer>p:last-child{font-size:9px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button:hover{transform:none}}