:root{--ivory:#E4E2D5;--ivory-light:#F2F1EA;--terracotta:#8D4E31;--brown:#6F4E2B;--espresso:#5A4E3F;--ink:#2E2721;--line:#C9C5B4;--white:#FCFBF7}*{box-sizing:border-box;margin:0;padding:0}body main section section{font-family:Hiragino Sans,Hiragino Kaku Gothic ProN,Yu Gothic,Noto Sans JP,sans-serif;color:var(--ink);background:var(--ivory-light);line-height:1.9;font-size:16px;-webkit-font-smoothing:antialiased}.wrap{max-width:960px;margin:0 auto;padding:0 24px}.serif{font-family:Hiragino Mincho ProN,Yu Mincho,serif}.hero{background:#fff;padding:0}.hero-inner{position:relative;margin:0 auto}.hero-img{display:block;width:100%;height:auto}.hero-copy{position:absolute;left:5.5%;top:13%;width:33%}.hero .eyebrow{font-family:Courier New,monospace;letter-spacing:.3em;font-size:clamp(9px,.92vw,12px);color:var(--brown);border:1px solid var(--line);display:inline-block;padding:6px 16px 5px;margin-bottom:clamp(12px,2.2vw,28px)}.hero h1{font-size:clamp(17px,3.15vw,39px);line-height:1.55;font-weight:600;letter-spacing:.03em;color:var(--ink)}.hero p{margin-top:clamp(10px,1.6vw,22px);font-size:clamp(10px,1.13vw,15px);color:#5c5346;line-height:2}main section section{padding:72px 0}main section section:nth-of-type(2n){background:var(--white)}main section section:nth-of-type(2n){background:#fff}.sec-head{margin-bottom:40px}.sec-num{font-family:Courier New,monospace;color:var(--terracotta);font-size:13px;letter-spacing:.2em;display:block;margin-bottom:8px}.sec-head h2{font-size:clamp(21px,3.4vw,28px);font-weight:600;letter-spacing:.03em;padding-bottom:14px;border-bottom:2px solid var(--line)}.sec-head .lead{margin-top:18px;font-size:15px;color:#5c5346}.recipe{background:var(--ivory);border:1px solid var(--line);border-radius:4px;padding:34px}.cups{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:26px}.cups .label{font-size:13px;color:var(--espresso);margin-right:6px}.cups button{font:inherit;font-size:14px;padding:9px 20px;border:1px solid var(--brown);background:transparent;color:var(--brown);border-radius:2px;cursor:pointer;transition:.15s}.cups button:hover{background:#8d4e3114}.cups button.on{background:var(--brown);color:var(--ivory-light)}.specs{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line)}.spec{background:var(--ivory);padding:22px 14px;text-align:center}.spec .k{font-size:12px;color:#7a705f;letter-spacing:.08em}.spec .v{font-size:clamp(22px,4vw,30px);font-weight:600;color:var(--espresso);margin-top:6px;letter-spacing:.02em}.spec .u{font-size:14px;font-weight:400;margin-left:2px}.recipe .note{margin-top:20px;font-size:13px;color:#6b6255;line-height:1.9}.tools{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.tool{background:var(--white);border:1px solid var(--line);padding:20px 16px;text-align:center;border-radius:3px;position:relative}main section section:nth-of-type(2n) .tool{background:var(--ivory-light)}.tool img{display:block;width:85%;height:auto;object-fit:contain;margin:0 auto 10px}.tool .n{font-size:14px;font-weight:600}.tool .d{font-size:12px;color:#7a705f;margin-top:4px;line-height:1.7}.tool .opt{position:absolute;top:-9px;right:10px;background:var(--terracotta);color:#fff;font-size:10px;padding:2px 9px;border-radius:10px;letter-spacing:.05em}.timer-bar{display:flex;align-items:center;gap:16px;flex-wrap:wrap;background:var(--espresso);color:var(--ivory);padding:18px 24px;border-radius:4px;margin-bottom:8px}.timer-clock{font-family:Courier New,monospace;font-size:34px;font-weight:700;letter-spacing:.05em;min-width:120px}.timer-now{flex:1;min-width:180px;font-size:14px;line-height:1.6}.timer-now b{display:block;font-size:15px;color:#f0c9a0}.timer-bar button{font:inherit;font-size:14px;padding:9px 22px;border:1px solid var(--ivory);background:transparent;color:var(--ivory);border-radius:2px;cursor:pointer;transition:.15s}.timer-bar button:hover{background:#e4e2d526}.timer-bar button.primary{background:var(--ivory);color:var(--espresso)}.tl{position:relative;margin-top:34px;padding-left:112px}.tl:before{content:"";position:absolute;left:76px;top:6px;bottom:6px;width:2px;background:var(--line)}.tl-prog{position:absolute;left:76px;top:6px;width:2px;background:var(--terracotta);height:0;transition:height .3s linear}.step{position:relative;padding:0 0 34px 26px}.step:last-child{padding-bottom:0}.step .t{position:absolute;left:-112px;top:-2px;width:74px;text-align:right;font-family:Courier New,monospace;font-size:15px;font-weight:700;color:var(--espresso)}.step .t span{display:block;font-size:11px;font-family:inherit;color:#8a8070;font-weight:400;letter-spacing:.02em}.step .dot{position:absolute;left:-42px;top:4px;width:14px;height:14px;border-radius:50%;background:var(--ivory-light);border:2px solid var(--line);z-index:2;transition:.25s}main section section:nth-of-type(2n) .step .dot{background:var(--white)}.step.act .dot{background:var(--terracotta);border-color:var(--terracotta);transform:scale(1.25)}.step.done .dot{background:var(--brown);border-color:var(--brown)}.step h3{font-size:17px;font-weight:600;margin-bottom:6px}.step .pour{display:inline-block;background:var(--terracotta);color:#fff;font-size:12px;padding:3px 12px;border-radius:2px;margin-bottom:8px;letter-spacing:.03em}.step .pour.rest{background:var(--brown)}.step .pour.stop{background:var(--espresso)}.step p{font-size:14px;color:#5c5346;line-height:1.95}.step .tip{margin-top:10px;background:var(--ivory);border-left:3px solid var(--terracotta);padding:10px 14px;font-size:13px;color:var(--espresso);line-height:1.85}.step .tip b{color:var(--terracotta)}.adj-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:22px}.adj-tabs button{font:inherit;font-size:14px;padding:10px 18px;cursor:pointer;border:1px solid var(--line);background:var(--white);color:var(--espresso);border-radius:2px;transition:.15s}.adj-tabs button:hover{border-color:var(--brown)}.adj-tabs button.on{background:var(--terracotta);border-color:var(--terracotta);color:#fff}.adj-panel{background:var(--white);border:1px solid var(--line);padding:28px;border-radius:4px}main section section:nth-of-type(2n) .adj-panel{background:var(--ivory-light)}.adj-panel h3{font-size:18px;margin-bottom:6px;color:var(--terracotta)}.adj-panel .why{font-size:13px;color:#7a705f;margin-bottom:22px}.adj-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px}.adj-item{border:1px solid var(--line);border-radius:3px;padding:16px;background:var(--ivory)}.adj-item .p{font-size:12px;color:#7a705f;letter-spacing:.06em;margin-bottom:6px}.adj-item .a{font-size:15px;font-weight:600;color:var(--espresso);line-height:1.6}.adj-item .a em{font-style:normal;color:var(--terracotta)}.adj-item .m{font-size:12px;color:#7a705f;margin-top:8px;line-height:1.7}.adj-order{margin-top:20px;font-size:13px;color:#5c5346;background:var(--ivory);padding:14px 16px;border-left:3px solid var(--brown)}.custom_faq{border-top:1px solid var(--line)}.custom_faq details{border-bottom:1px solid var(--line)}.custom_faq summary{cursor:pointer;list-style:none;padding:20px 44px 20px 40px;font-size:16px;font-weight:600;position:relative;transition:.15s}.custom_faq summary::-webkit-details-marker{display:none}.custom_faq summary:hover{color:var(--terracotta)}.custom_faq summary:before{content:"Q";position:absolute;left:6px;top:19px;font-family:Courier New,monospace;color:var(--terracotta);font-size:15px;font-weight:700}.custom_faq summary:after{content:"";position:absolute;right:14px;top:50%;width:9px;height:9px;border-right:2px solid var(--brown);border-bottom:2px solid var(--brown);transform:translateY(-70%) rotate(45deg);transition:.2s}.custom_faq details[open] summary:after{transform:translateY(-30%) rotate(-135deg)}.custom_faq .ans{padding:0 20px 24px 40px;font-size:14px;color:#5c5346;line-height:2;position:relative}.custom_faq .ans:before{content:"A";position:absolute;left:6px;top:0;font-family:Courier New,monospace;color:var(--brown);font-size:15px;font-weight:700}.custom_faq .fix{display:inline-block;margin-top:12px;background:var(--ivory);border-left:3px solid var(--terracotta);padding:9px 14px;font-size:13px;color:var(--espresso)}.std{background:var(--ivory);border:1px solid var(--line);padding:34px;border-radius:4px}.std h3{font-size:19px;margin-bottom:16px;letter-spacing:.03em}.std p{font-size:14.5px;color:#5c5346;margin-bottom:14px}.std p:last-child{margin-bottom:0}.cta{background:var(--espresso);color:var(--ivory);text-align:center;padding:64px 0}.cta h2{font-size:clamp(20px,3.4vw,26px);font-weight:600;margin-bottom:14px;letter-spacing:.04em}.cta p{font-size:14px;opacity:.85;margin-bottom:28px}.cta-btns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}.cta-btns a{display:inline-block;padding:14px 34px;font-size:14.5px;text-decoration:none;border:1px solid var(--ivory);color:var(--ivory);border-radius:2px;transition:.15s;letter-spacing:.05em}.cta-btns a:hover{background:var(--ivory);color:var(--espresso)}.cta-btns a.fill{background:var(--terracotta);border-color:var(--terracotta);color:#fff}.cta-btns a.fill:hover{background:#9e5a3b;border-color:#9e5a3b;color:#fff}@media(max-width:760px){.container{margin:0}.hero{padding:16px 0 0}.hero-inner{display:flex;flex-direction:column-reverse}.hero-copy{position:static;width:auto;padding:0 24px;text-align:center}.hero .eyebrow{font-size:11px;margin-bottom:20px}.hero h1{font-size:26px}.hero p{font-size:14px;margin-top:16px;text-align:left}.hero-img{margin-top:26px}}@media(max-width:640px){.tools{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px}.specs{grid-template-columns:repeat(2,1fr)}.tl{padding-left:0}.tl:before,.tl-prog{left:6px}.step{padding-left:34px}.step .t{position:static;width:auto;text-align:left;margin-bottom:6px}.step .t span{display:inline;margin-left:10px}.step .dot{left:0}main section section{padding:52px 0}.timer-clock{font-size:28px;min-width:96px}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/how-to-brew-delicious-coffe.css.map */