@charset "UTF-8";
:root{--paper:#f6f4ec;--ink:#233d32;--muted:#626e65;--line:#d9ddd1;--orange:#b6542f;--yellow:#f0cf75;--serif:"Yu Mincho","Hiragino Mincho ProN",serif}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Yu Gothic","Hiragino Kaku Gothic ProN",Meiryo,sans-serif;font-size:15px;line-height:1.9}a{color:inherit;text-underline-offset:5px}a:hover{color:var(--orange)}img{max-width:100%;height:auto;display:block}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--orange);outline-offset:5px}.wrap{width:min(1220px,90%);margin-inline:auto}.skip{position:absolute;top:-70px;left:20px;background:white;padding:10px;z-index:10}.skip:focus{top:10px}.site-header{display:flex;justify-content:space-between;align-items:center;padding-block:27px;gap:25px}.brand{display:flex;gap:13px;align-items:center;font-family:var(--serif);font-size:23px;font-weight:700;line-height:1.3;text-decoration:none;letter-spacing:.06em}.brand small{display:block;font:8px/1.8 sans-serif;letter-spacing:.15em;margin-top:7px}.brand-symbol{font-size:44px;font-family:serif}.site-header nav{display:flex;gap:30px;flex-wrap:wrap}.site-header nav a{font-size:13px;text-decoration:none;font-weight:700}.site-header nav a:last-child{border-bottom:1px solid}.site-header nav a[aria-current]{color:var(--orange)}.hero{display:grid;grid-template-columns:45% 55%;position:relative;border-top:1px solid var(--line);padding-top:32px}.hero-copy{padding:35px 0 45px}.eyebrow{font:11px/1.5 sans-serif;letter-spacing:.18em;font-weight:700;margin:0 0 17px}.hero h1{font-family:var(--serif);font-size:clamp(40px,4.2vw,62px);line-height:1.45;letter-spacing:.07em;font-weight:500;margin:20px 0}.hero h1 em{font-style:normal;color:var(--orange)}.hero-copy>p:not(.eyebrow){font-size:15px;line-height:2.2}.hero-image{margin:0;position:relative;min-height:590px}.hero-image>img{height:100%;width:100%;object-fit:cover;object-position:65% center;border-radius:120px 4px 4px 4px}.photo-note{position:absolute;bottom:45px;left:-35px;background:var(--yellow);border-radius:50%;width:148px;height:148px;display:grid;place-content:center;text-align:center;font:19px/1.7 var(--serif);transform:rotate(-8deg)}figcaption{position:absolute;right:10px;bottom:5px;color:white;background:#233d3290;font-size:10px;padding:2px 7px}.hero-bottom{grid-column:1/-1;display:flex;justify-content:space-between;font-size:10px;letter-spacing:.15em;padding:20px 0;border-bottom:1px solid var(--line)}.button{display:inline-flex;gap:22px;justify-content:space-between;align-items:center;border:1px solid var(--ink);background:var(--ink);color:#fff;text-decoration:none;padding:13px 22px;border-radius:3px;font-size:13px;cursor:pointer;font-weight:700}.button:hover{background:#385646;color:white}.hero .button{margin-top:15px}.text-link{display:inline-block;font-size:13px;margin-top:16px}.hero-copy>.text-link{display:block;width:max-content}.outline{background:transparent;color:var(--ink)}.cream{background:var(--paper);color:var(--ink);border-color:var(--paper)}.section{padding-block:65px}.section-title{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:28px}.section-title h2,.teaser-grid h2,.editorial-note h2{font:500 34px/1.6 var(--serif);margin:0}.section-title>a,.section-title>p{font-size:13px}.path-grid{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line)}.path-grid>a{padding:27px 32px;text-decoration:none;border-right:1px solid var(--line)}.path-grid>a:last-child{border:0}.path-grid>a:hover{background:#efeee4}.path-number{font-family:var(--serif);font-size:30px;color:var(--orange)}.path-grid h3{font-size:18px;margin:7px 0}.path-grid p{font-size:14px;color:var(--muted)}.path-grid>a>span:last-child{font-size:12px;font-weight:700}.calculator-teaser{background:var(--ink);color:var(--paper);padding:58px 0}.teaser-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.teaser-grid h2{font-size:38px}.teaser-grid .eyebrow{color:var(--yellow)}.math-card{background:#f3efe1;color:var(--ink);padding:30px 40px;transform:rotate(2deg);box-shadow:10px 10px 0 #ffffff13}.equation{display:flex;justify-content:center;gap:30px;align-items:center;border-bottom:1px solid #c9d0c2;padding:0 0 12px}.equation b{font:60px/1.4 var(--serif)}.equation b span{font:18px sans-serif}.math-answer{font:38px var(--serif);text-align:center;margin:25px 0}.math-answer small{font-size:17px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:36px 28px}.article-card{text-decoration:none;display:block}.card-art{height:150px;position:relative;overflow:hidden;background:#e8d8b9;margin-bottom:20px;display:flex;align-items:center;justify-content:center}.card-art>span{font:130px/1 var(--serif);transform:rotate(-15deg);color:#ad6947}.card-art small{position:absolute;bottom:10px;left:14px;font:9px sans-serif;letter-spacing:.15em;color:var(--ink)}.art-1{background:#d7dfd5}.art-1>span{color:#536d5c}.art-2{background:#e7dfd6}.art-2>span{color:#857667}.article-card .eyebrow{font-size:10px;color:var(--orange);margin-bottom:8px}.article-card h3{font-size:18px;line-height:1.8;margin:0 0 9px}.article-card>p:not(.eyebrow){font-size:13px;color:var(--muted);margin:0 0 15px}.read{font-size:12px;font-weight:700}.editorial-note{padding:45px 0 65px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 2fr;gap:14px 35px}.editorial-note>.eyebrow{grid-column:1/-1}.editorial-note p{font-size:14px}.editorial-note>a{grid-column:2;font-size:13px}footer{background:#e8eade;padding:45px 0 25px;margin-top:50px}.footer-grid{display:flex;justify-content:space-between;gap:40px;margin-bottom:35px}.footer-grid p{font-size:13px}.footer-grid nav{display:flex;flex-direction:column;gap:9px;font-size:12px}.fine{font-size:11px;color:var(--muted);line-height:1.8}.breadcrumb{font-size:11px;padding-top:20px}.breadcrumb span{margin:0 12px}.page-head{padding:35px 0 45px}.page-head h1{font:500 clamp(30px,3.6vw,49px)/1.6 var(--serif);max-width:960px;margin:0 0 20px;letter-spacing:.03em}.lead{color:var(--muted);max-width:750px}.category{padding-top:10px}.category>h2{font-family:var(--serif);border-bottom:1px solid var(--line);padding-bottom:15px;margin-bottom:28px}.article-layout{display:grid;grid-template-columns:minmax(0,800px) 260px;gap:70px;align-items:start}.prose{line-height:2.15;overflow-wrap:anywhere}.prose>p{margin:0 0 1.7em}.prose h2{font:600 24px/1.65 var(--serif);margin:45px 0 18px;padding-top:18px;border-top:1px solid var(--line)}.prose li{margin-bottom:10px}.prose a{color:#945035}.prose blockquote{border-left:3px solid var(--orange);margin:20px 0;padding:10px 20px;background:#eceee2}.prose .button{color:white}.article-layout aside{position:sticky;top:25px;background:#eceee3;padding:24px;font-size:12px}.article-layout aside ol{padding-left:18px}.article-layout aside li{margin-bottom:16px}.article-layout aside a{text-decoration:none}.table-wrap{overflow:auto;margin:28px 0}table{width:100%;border-collapse:collapse;font-size:13px;line-height:1.8}th,td{text-align:left;padding:15px;min-width:125px;border-bottom:1px solid var(--line);vertical-align:top}th{background:#e4e8dd}td{background:#fbfaf4}.source-box,.article-next{background:#eceee3;padding:28px;margin-top:35px}.source-box h2,.article-next h2{border:0;margin-top:0;padding-top:0;font-size:22px}.source-box ul{padding-left:20px}.source-box a:not(.button){font-size:13px}.narrow{max-width:820px}.notice{background:#e9ecdf;border-left:3px solid var(--orange);padding:18px 23px;font-size:13px;margin-bottom:30px}.filter-row{display:flex;gap:15px;align-items:center;margin-bottom:24px;font-size:13px}.filter-row select{padding:9px;border:1px solid #97a294;background:white;color:var(--ink)}.product-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.product{background:#fffdf6;padding:30px;border:1px solid var(--line)}.product[hidden]{display:none}.product h2{font:600 24px/1.5 var(--serif);margin:20px 0}.product p{font-size:14px}.product .fine{font-size:11px}.product-top{display:flex;justify-content:space-between;gap:10px}.pill{background:#e8ecde;padding:3px 9px;font-size:11px}.model{font-size:11px;color:var(--muted)}.product-spec{font-weight:700}.check{border-top:1px solid var(--line);padding-top:16px;margin:20px 0}.check b{font-size:12px;color:var(--orange)}.check p{margin:4px 0}.product .button{width:100%;margin-top:12px}.bag-amount{font:32px var(--serif)!important}.calculator-layout{display:grid;grid-template-columns:1fr 1.2fr;gap:45px;align-items:start}#coffee-calculator{padding:30px;background:#fffdf6;border:1px solid var(--line)}#coffee-calculator h2,.result-panel h2{font-family:var(--serif);margin-top:0}#coffee-calculator label{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:18px 0;font-size:13px}.input-wrap{display:flex;align-items:center;gap:10px}.input-wrap input{width:110px;padding:8px 10px;border:1px solid #9aa795;background:#fff;color:var(--ink);font-size:18px}.input-wrap>span{width:20px}#coffee-calculator button{width:100%;margin-top:15px}.result-panel{position:sticky;top:25px;background:var(--ink);color:var(--paper);padding:35px}.result-panel .fine{color:#d3ddce}#result{display:grid;grid-template-columns:1fr 1fr;gap:20px}#result>div{padding:18px 0;border-top:1px solid #6b7e6a}#result span{font-size:12px}#result strong{display:block;font:42px var(--serif);margin:14px 0;color:var(--yellow)}#result strong small{font-size:18px;margin-left:7px}#result p{font-size:11px}#calculation-note{font-size:13px}.ad-notice{font-size:11px;padding-block:7px}.ad-link{border:2px solid var(--orange)}
@media(max-width:900px){.site-header{align-items:start}.site-header nav{gap:14px}.hero{grid-template-columns:48% 52%}.hero h1{font-size:42px}.hero-image{min-height:560px}.hero-copy{padding:20px 0}.photo-note{width:115px;height:115px;font-size:16px;left:-20px}.teaser-grid{gap:35px}.cards{gap:25px 18px}.article-card h3{font-size:16px}.article-layout{grid-template-columns:minmax(0,1fr);gap:0}.article-layout aside{display:none}.calculator-layout{gap:22px}.result-panel{padding:23px}.path-grid>a{padding:20px}.path-grid h3{font-size:16px}}
@media(max-width:620px){body{font-size:14px}.wrap{width:90%}.site-header{display:block;padding:20px 0}.brand{font-size:20px}.brand-symbol{font-size:35px}.site-header nav{margin-top:20px;justify-content:space-between;gap:8px}.site-header nav a{font-size:11px}.hero{display:flex;flex-direction:column;padding-top:15px}.hero-copy{padding:20px 0 32px}.hero h1{font-size:43px;line-height:1.45}.hero-copy>p:not(.eyebrow){font-size:14px}.hero-image{min-height:0;height:360px;margin-left:22px}.hero-image>img{border-radius:75px 3px 3px 3px}.photo-note{bottom:35px;left:-22px}.hero-bottom{font-size:8px;gap:10px}.section{padding-block:45px}.section-title{display:block}.section-title h2{font-size:27px}.section-title>a{display:inline-block;margin-top:15px}.path-grid{grid-template-columns:1fr}.path-grid>a{border-right:0;border-bottom:1px solid var(--line);padding:22px 25px;position:relative}.path-number{position:absolute;right:25px;top:22px}.path-grid p br{display:none}.teaser-grid{grid-template-columns:1fr;gap:35px}.teaser-grid h2{font-size:33px}.math-card{padding:20px 26px;transform:rotate(1deg);max-width:95%;margin:auto}.equation b{font-size:50px}.cards{grid-template-columns:1fr 1fr;gap:30px 18px}.card-art{height:110px}.card-art>span{font-size:95px}.card-art small{font-size:7px}.article-card h3{font-size:15px}.article-card>p:not(.eyebrow){font-size:12px}.editorial-note{display:block}.editorial-note h2{font-size:29px;margin:20px 0}.editorial-note p br{display:none}.footer-grid{display:block}.footer-grid nav{margin-top:25px}.page-head{padding:20px 0 25px}.page-head h1{font-size:30px}.prose h2{font-size:22px}.product-grid,.calculator-layout{grid-template-columns:1fr}.product{padding:23px}.result-panel{position:static}.filter-row{flex-wrap:wrap}.source-box,.article-next{padding:22px}.input-wrap input{width:95px}#coffee-calculator{padding:22px}.product-top{flex-wrap:wrap}.equation{gap:20px}.section-title>p{margin-bottom:0}}
@media(prefers-reduced-motion:no-preference){a,button{transition:background .15s,color .15s}.article-card:hover .card-art>span{transform:rotate(0);transition:transform .2s}}