*{box-sizing:border-box}body{margin:0;background:#f3eee5;color:#282720;font:14px/1.65 "DM Sans",Arial,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}.ticker{padding:9px 6%;background:#38251e;color:#efdfc8;display:flex;justify-content:space-between;font-size:8px;letter-spacing:.13em}.tickerline{background:#d2b58a;display:flex;justify-content:space-around;align-items:center;padding:10px 5%;font-size:8px;letter-spacing:.16em;color:#4a3728}.tickerline i{color:#81543c}header{height:74px;padding:0 7%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ddd3c5;background:#f3eee5;position:sticky;top:0;z-index:5}.logo{display:flex;align-items:center;gap:9px}.logo>b{font:13px Georgia;background:#543729;color:#f3eee5;border-radius:50%;width:38px;height:38px;display:grid;place-items:center}.logo b span{color:#d5ad71}.logo strong{font-size:10px;line-height:1.15;letter-spacing:.14em}.logo strong:first-line{font-weight:700}nav{display:flex;gap:27px}nav a{font-size:10px;color:#62594e}.menu{display:none}.hero{display:grid;grid-template-columns:1.15fr .85fr;min-height:530px;background:#d8c4a6}.hero-image{position:relative;min-height:530px;overflow:hidden}.hero-image img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover}.hero-image small{position:absolute;bottom:13px;left:15px;color:#f8f5ee;background:#33251d99;padding:5px 8px;font-size:7px;letter-spacing:.11em}.hero-copy{padding:65px 10% 52px 11%;display:flex;flex-direction:column;justify-content:center}.eyebrow{font-size:8px;letter-spacing:.17em;font-weight:700;color:#896d50}.hero h1,h2{font:400 clamp(39px,4.5vw,61px)/1.07 "Playfair Display",Georgia,serif;letter-spacing:-.045em;margin:14px 0}.hero h1 em{color:#986141}.hero-copy>p:not(.eyebrow){font-size:12px;color:#645d53}.button{display:inline-block;width:max-content;background:#4d3428;color:#fbf5e9;padding:12px 17px;font-size:10px;border:0;cursor:pointer;margin-top:14px}.button:hover{background:#704a35}.hero-note{border-top:1px solid #a38d70;margin-top:39px;padding-top:12px;display:flex;flex-direction:column;font-size:9px}.hero-note b{font-size:7px;letter-spacing:.14em;color:#876447}.hero-note span{font:italic 15px Georgia;margin-top:5px}.section{padding:86px 11%}.intro{max-width:570px}.intro h2,.section-title h2,.routine h2,.checklist h2,.about h2{font-size:48px}.intro>p:last-child{max-width:470px;font-size:11px;color:#70675b}.brew-grid{margin-top:30px;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #c9bca9;border-bottom:1px solid #c9bca9}.brew{position:relative;min-height:225px;padding:19px;text-align:left;border:0;border-right:1px solid #c9bca9;background:transparent;color:#292a25;cursor:pointer}.brew:last-child{border:0}.brew.active{background:#e6ddcf}.brew .num{display:block;font-size:7px;letter-spacing:.13em;color:#94704f}.brew b{display:block;font:24px/1.1 "Playfair Display",Georgia,serif;margin:24px 0 10px}.brew small{display:block;font-size:9px;color:#766c60;max-width:150px}.brew i{position:absolute;bottom:16px;right:17px;font-style:normal;color:#a2754e}.selected-style{padding:35px 11%;background:#4b3429;color:#f4eee3;display:grid;grid-template-columns:.55fr 1.1fr .8fr;gap:35px;align-items:start}.selected-label,.setup>b{font-size:8px;letter-spacing:.13em;color:#d3ae7b}.selected-label span{display:block;margin-top:8px;color:#9faca3}.selected-style h2{font-size:31px;margin:0 0 10px}.selected-style p{font-size:10px;color:#dbd0c0;margin:0}.setup{border-left:1px solid #8c7160;padding-left:20px}.setup ul{font-size:9px;line-height:1.9;color:#ded3c2;padding-left:15px}.setup li::marker{color:#d3ae7b}.section-title{display:flex;justify-content:space-between;align-items:end;gap:30px}.section-title>p{max-width:270px;font-size:10px;color:#70675b}.method-table{margin-top:25px;border-top:1px solid #c9bca9}.row{display:grid;grid-template-columns:1fr 1.3fr 1fr;gap:20px;padding:13px 10px;border-bottom:1px solid #d9d0c4;font-size:10px;color:#6d645a}.row b{color:#352e28;font-weight:600}.row.header{font-size:7px;letter-spacing:.12em;color:#96836d}.table-note{font-size:8px;color:#8c8378}.routine{padding:75px 11%;background:#e4d8c6;display:grid;grid-template-columns:1fr .75fr;gap:12%;align-items:center}.routine h2{font-size:45px}.routine>div>p:not(.eyebrow){font-size:10px;color:#71675b;max-width:390px}.equation{font-size:9px;letter-spacing:.12em;color:#634b38;border-left:2px solid #a5774f;padding:7px 12px;margin-top:23px}.equation span{font-size:9px;letter-spacing:0;color:#827565}form{background:#f9f6ef;padding:24px;box-shadow:0 12px 30px #4a352018}form>b{font-size:8px;letter-spacing:.14em}form label{display:block;margin-top:12px;font-size:9px;color:#5e574e}form label small{float:right;color:#999085;font-size:7px}form input{display:block;width:100%;padding:9px;border:1px solid #d7cdbf;background:transparent;margin-top:5px;font-size:11px}form .button{width:100%;text-align:center}output{display:block;text-align:center;font:26px "Playfair Display",Georgia,serif;color:#564333;margin:9px}output small{display:block;font:8px "DM Sans",Arial,sans-serif;color:#877c6e}form>small{font-size:7px;color:#877e72}#error{font-size:9px;color:#a34333}.checks{display:grid;grid-template-columns:repeat(4,1fr);border-block:1px solid #c9bca9;margin-top:28px}.checks article{padding:17px 13px 17px 0;margin-right:14px;border-right:1px solid #c9bca9}.checks article:last-child{border:0}.checks i{font:italic 17px Georgia;color:#a5794f}.checks h3{font:18px "Playfair Display",Georgia,serif;margin:10px 0}.checks p{font-size:9px;color:#756c61}.about{background:#d6c8b4;padding:52px 11%;display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center}.about h2{font-size:40px}.about>div+div p{font-size:10px;color:#62584b}footer{padding:26px 7%;background:#38251e;color:#f1e9dc;display:flex;align-items:center;justify-content:space-between}footer>p{font:italic 15px Georgia}footer>p small{display:block;font:8px "DM Sans",Arial,sans-serif;color:#c9b8a5;margin-top:7px}@media(max-width:850px){.hero-copy{padding-inline:8%}.section,.routine,.about{padding-inline:7%}.brew{padding:14px}.brew b{font-size:20px}.selected-style{padding-inline:7%;gap:22px}}@media(max-width:650px){.ticker{font-size:7px}.ticker span+span{display:none}header{height:65px;padding:0 5%}.menu{display:block;border:0;background:none;font-size:10px}nav{display:none;position:absolute;top:64px;left:0;right:0;background:#f3eee5;padding:18px 7%;flex-direction:column;gap:14px}nav.open{display:flex}.hero{grid-template-columns:1fr}.hero-image{min-height:290px;height:290px}.hero-copy{padding:36px 7% 40px}.hero h1{font-size:46px}.hero-note{margin-top:22px}.tickerline{font-size:7px}.section{padding:55px 6%}.intro h2,.section-title h2,.routine h2,.checklist h2{font-size:39px}.brew-grid{grid-template-columns:1fr 1fr}.brew{min-height:175px;border-bottom:1px solid #c9bca9}.brew:nth-child(2){border-right:0}.brew b{font-size:21px;margin:18px 0 8px}.selected-style{padding:28px 6%;grid-template-columns:1fr;gap:15px}.selected-style h2{font-size:28px}.setup{border:0;border-top:1px solid #8c7160;padding:12px 0 0}.section-title{display:block}.method-table{overflow:auto}.row{grid-template-columns:.8fr 1.2fr 1fr;gap:10px;min-width:500px;font-size:9px}.routine{padding:54px 6%;grid-template-columns:1fr;gap:20px}.routine h2{font-size:38px}form{padding:19px}.checks{grid-template-columns:1fr 1fr}.checks article{border-bottom:1px solid #c9bca9}.checks article:nth-child(even){border-right:0;padding-left:12px}.checks article:last-child{padding-left:12px}.about{padding:40px 6%;grid-template-columns:1fr;gap:5px}.about h2{font-size:34px}footer{padding:24px 6%;display:block}footer>p{font-size:13px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}