:root{--paper:#e9dfcf;--ink:#2a2019;--rust:#9e422b;--blue:#264b55;--line:#9d8d7a;--cream:#f6efe2;--serif:"Newsreader",Georgia,serif;--mono:"IBM Plex Mono",monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);font-family:var(--serif);margin:0}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.skip{z-index:100;background:var(--ink);color:#fff;padding:.8rem;position:fixed;top:.5rem;left:.5rem;transform:translateY(-150%)}.skip:focus{transform:none}.edition-strip{height:34px;font:500 .53rem var(--mono);border-bottom:1px solid;justify-content:space-between;align-items:center;padding:0 24px;display:flex}.grao-header{border-bottom:3px double var(--ink);grid-template-columns:300px 1fr;align-items:center;min-height:142px;padding:0 3vw;display:grid}.grao-brand{grid-template-columns:auto 25px;align-items:center;width:220px;display:grid}.grao-brand span,.grao-brand b{font:600 2.9rem/.75 var(--serif);letter-spacing:-.06em}.grao-brand b{grid-column:1}.grao-brand i{font:400 2rem var(--serif);color:var(--rust);grid-area:1/2/3}.grao-header>nav{justify-content:flex-end;gap:32px;display:flex}.grao-header nav a{font:500 .58rem var(--mono);text-transform:uppercase;border-bottom:1px solid #0000;padding:10px 0}.grao-header nav a:hover,.grao-header nav a.active{border-color:var(--rust);color:var(--rust)}.grao-header details{display:none}.grao-footer{background:var(--ink);min-height:220px;color:var(--paper);grid-template-columns:.5fr 1fr .5fr;align-items:start;gap:7vw;padding:70px 5vw;display:grid}.grao-footer>div{gap:10px;display:grid}.grao-footer>div b{font:600 1.4rem var(--serif)}.grao-footer>div span,.grao-footer nav a{font:400 .55rem var(--mono);color:#bbae9b}.grao-footer>p{font:400 2rem/1.15 var(--serif);margin:0}.grao-footer nav{gap:12px;display:grid}.cover-story{grid-template-rows:auto 1fr auto;grid-template-columns:1.25fr .35fr;column-gap:5vw;min-height:890px;padding:48px 4vw 60px;display:grid;position:relative}.cover-story header>span,.issue-index header>span,.letter>span,.visit-banner span,.story-head>span,.atlas-controls>span,.producer-note span,.roast-cover>div>span,.cupping header>span,.method-head>span,.brew-guide header>span,.water-note>span,.house-cover>div>span,.house-rhythm header>span,.visit-head>div>span,.visit-form-zone header>span{font:500 .58rem var(--mono);color:var(--rust);letter-spacing:.08em}.cover-story h1{font:600 clamp(5rem,11.5vw,11rem)/.76 var(--serif);letter-spacing:-.06em;margin:42px 0}.cover-story h1 em{color:var(--rust);font-weight:400}.cover-aside{border-left:1px solid;align-self:end;margin-bottom:130px;padding-left:24px}.cover-aside>span{font:500 .52rem var(--mono)}.cover-aside p{font-size:1.05rem;line-height:1.5}.cover-aside a{font:500 .55rem var(--mono);border-top:1px solid;justify-content:space-between;padding:12px 0;display:flex}.altitude-figure{border:1px solid var(--blue);border-radius:50%;width:310px;height:310px;position:absolute;top:245px;right:4vw}.altitude-figure:before,.altitude-figure:after{content:"";border:1px solid var(--blue);border-radius:50%;position:absolute}.altitude-figure:before{inset:28px}.altitude-figure:after{inset:62px}.altitude-figure>i{background:var(--rust);z-index:1;border-radius:50%;width:10px;height:10px;position:absolute;top:33%;left:44%}.altitude-figure>span,.altitude-figure>b,.altitude-figure>em{font:500 .5rem var(--mono);font-style:normal;position:absolute}.altitude-figure>span{top:8px;left:42%}.altitude-figure>b{z-index:2;top:37%;left:46%}.altitude-figure>em{bottom:13px;left:33%}.cover-story>footer{border-top:3px double;grid-column:1/-1;grid-template-columns:.2fr 1fr;padding-top:18px;display:grid}.cover-story>footer p{font:500 .52rem var(--mono)}.cover-story>footer b{font:400 1.55rem/1.3 var(--serif);max-width:850px}.issue-index{border-top:1px solid;padding:100px 4vw}.issue-index>header{grid-template-columns:.4fr 1.4fr;display:grid}.issue-index h2{font:400 clamp(3.5rem,6vw,6rem)/.9 var(--serif);margin:0}.issue-index>div{border-top:1px solid;grid-template-columns:repeat(4,1fr);margin-top:65px;display:grid}.issue-index>div a{border-right:1px solid;flex-direction:column;min-height:330px;padding:30px 24px;display:flex}.issue-index>div span,.issue-index>div b{font:500 .52rem var(--mono);color:var(--rust)}.issue-index h3{font:400 2rem/1.05 var(--serif);margin:65px 0 14px}.issue-index>div p{font-size:.9rem;line-height:1.5}.issue-index>div b{margin-top:auto}.letter{background:var(--blue);color:var(--cream);padding:100px 6vw}.letter>span{color:#d4ae93}.letter blockquote{font:400 italic clamp(3rem,6vw,6.3rem)/.95 var(--serif);max-width:1100px;margin:50px 0}.letter>p{font:400 .65rem var(--mono)}.letter>a{font:500 .55rem var(--mono);border-top:1px solid;margin-top:50px;padding:14px 0;display:block}.visit-banner{grid-template-columns:1fr auto;align-items:end;padding:90px 5vw;display:grid}.visit-banner h2{font:400 5rem/.9 var(--serif);margin:30px 0 0}.visit-banner>a{font:500 .58rem var(--mono);border-bottom:1px solid;padding:14px 0}.story-head,.method-head{border-bottom:1px solid;grid-template-columns:1.3fr .5fr;align-items:end;gap:8vw;padding:90px 5vw;display:grid}.story-head>span,.method-head>span{grid-column:1/-1}.story-head h1,.method-head h1,.visit-head h1{font:600 clamp(4.5rem,9vw,9rem)/.78 var(--serif);letter-spacing:-.055em;margin:55px 0 0}.story-head p,.method-head p{font-size:1.05rem;line-height:1.6}.origin-atlas{border-bottom:1px solid;grid-template-columns:.6fr 1fr .65fr;min-height:620px;display:grid}.atlas-controls,.origin-record{padding:60px 32px}.atlas-controls h2{font:400 3.6rem/.9 var(--serif);margin:40px 0}.atlas-controls button{text-align:left;cursor:pointer;background:0 0;border:0;border-top:1px solid;gap:5px;width:100%;padding:16px 6px;display:grid}.atlas-controls button span{font:400 .5rem var(--mono)}.atlas-controls button b{font:400 1rem var(--serif)}.atlas-controls button[aria-pressed=true]{color:var(--rust);padding-left:18px}.atlas-map{background:repeating-radial-gradient(#0000 0 42px,#264b5521 43px 44px);border-left:1px solid;border-right:1px solid;position:relative}.atlas-map>span,.atlas-map>em{font:500 .5rem var(--mono);font-style:normal;position:absolute}.atlas-map>span{top:18px;right:18px}.atlas-map>em{bottom:18px;left:18px}.atlas-map>i{border:5px solid var(--paper);background:var(--rust);width:18px;height:18px;box-shadow:0 0 0 1px var(--rust);border-radius:50%;transition:left .45s,top .45s;position:absolute;transform:translate(-50%,-50%)}.contours b{border:1px solid #264b554d;position:absolute;transform:rotate(-18deg)}.contours b:first-child{border-radius:54% 46% 68% 32%;inset:13% 8% 18% 17%}.contours b:nth-child(2){border-radius:40% 60%;inset:22% 17% 26% 27%}.contours b:nth-child(3){border-radius:60% 40%;inset:33% 29% 37% 34%}.contours b:nth-child(4){border-radius:50%;width:45px;height:45px;top:47%;left:48%}.origin-record{flex-direction:column;display:flex}.origin-record>span{font:500 .52rem var(--mono);color:var(--rust)}.origin-record h3{font:400 2.6rem/.95 var(--serif);margin:70px 0 8px}.origin-record>p{font:400 .62rem var(--mono)}.origin-record dl{margin-top:60px}.origin-record dl div{border-top:1px solid;padding:15px 0}.origin-record dt{font:400 .5rem var(--mono);color:#756555}.origin-record dd{margin:5px 0 0}.origin-record small{font:400 .5rem var(--mono);margin-top:auto}.producer-note{grid-template-columns:.75fr 1fr .4fr;gap:7vw;padding:100px 5vw;display:grid}.producer-note h2{font:400 3rem/1 var(--serif)}.producer-note blockquote{font:400 italic 2.4rem/1.2 var(--serif);margin:0}.producer-note>p{font:400 .55rem/1.5 var(--mono);align-self:end}.roast-cover,.house-cover{grid-template-columns:.8fr 1.2fr;align-items:center;gap:8vw;min-height:720px;padding:90px 5vw;display:grid}.roast-cover h1,.house-cover h1{font:600 clamp(4.5rem,8vw,8rem)/.78 var(--serif);letter-spacing:-.05em;margin:45px 0}.roast-cover h1 em{color:var(--rust);font-weight:400}.roast-cover>div>p,.house-cover>div>p{font:400 .6rem var(--mono)}.roast-curve{background:linear-gradient(167deg,transparent 0 51%,var(--rust) 51.2% 51.5%,transparent 51.7%);border-bottom:1px solid;border-left:1px solid;height:500px;position:relative}.roast-curve i{background:var(--rust);border-radius:50%;width:12px;height:12px;position:absolute;top:20%;right:8%}.roast-curve span,.roast-curve b,.roast-curve em{font:500 .52rem var(--mono);font-style:normal;position:absolute}.roast-curve span{bottom:5px;left:5px}.roast-curve b{top:15%;right:6%}.roast-curve em{bottom:-20px;right:0}.roast-log{border:1px solid;margin:0 4vw 100px}.roast-log header,.roast-log article{grid-template-columns:.5fr .8fr .8fr 1.4fr;gap:18px;padding:18px;display:grid}.roast-log header{font:500 .52rem var(--mono);background:var(--ink);color:var(--paper)}.roast-log article{font:400 .65rem var(--mono);border-top:1px solid}.roast-log article span:nth-child(3){color:var(--rust)}.cupping{background:var(--cream);grid-template-columns:.65fr 1.35fr;gap:8vw;padding:90px 5vw;display:grid}.cupping h2,.house-rhythm h2,.visit-form-zone h2{font:400 4rem/.9 var(--serif)}.cupping>div p{border-top:1px solid;grid-template-columns:110px 1fr;margin:0;padding:20px 0;display:grid}.cupping>div b{font:500 .52rem var(--mono);color:var(--rust)}.brew-guide{border-top:1px solid;border-bottom:1px solid;grid-template-columns:.7fr .6fr 1fr;display:grid}.brew-guide>header,.brew-controls,.brew-recipe{border-right:1px solid;padding:55px 32px}.brew-guide h2{font:400 3.5rem/.9 var(--serif);margin:40px 0}.brew-guide header p{line-height:1.6}.brew-controls fieldset{border:0;margin:0 0 60px;padding:0;display:grid}.brew-controls legend{font:500 .52rem var(--mono);margin-bottom:14px}.brew-controls button{text-align:left;cursor:pointer;background:0 0;border:0;border-top:1px solid;padding:14px}.brew-controls button[aria-pressed=true]{background:var(--rust);color:var(--cream)}.brew-controls label{font:500 .58rem var(--mono);grid-template-columns:1fr auto;gap:15px;display:grid}.brew-controls input{accent-color:var(--rust);grid-column:1/-1}.brew-recipe{background:var(--cream);border-right:0}.brew-recipe>div{grid-template-columns:1fr 1fr;display:grid}.brew-recipe>div p{gap:8px;display:grid}.brew-recipe>div span{font:400 .48rem var(--mono);color:var(--rust)}.brew-recipe>div b{font:400 1.3rem var(--serif)}.brew-recipe ol{margin:40px 0;padding:0;list-style:none}.brew-recipe li{border-top:1px solid;grid-template-columns:35px 1fr;padding:15px 0;line-height:1.4;display:grid}.brew-recipe li span{font:400 .5rem var(--mono);color:var(--rust)}.brew-recipe button{text-align:left;width:100%;font:500 .55rem var(--mono);cursor:pointer;background:0 0;border:0;border-top:1px solid;padding:14px 0}.water-note{grid-template-columns:.4fr 1.2fr;gap:7vw;padding:80px 5vw;display:grid}.water-note p{margin:0;font-size:2rem;line-height:1.3}.counter-plan{background:repeating-linear-gradient(90deg,#0000 0 39px,#2a201914 40px);border:1px solid;min-height:500px;position:relative}.counter-plan>b,.counter-plan>span{font:500 .55rem var(--mono);border:1px solid;padding:30px;position:absolute}.counter-plan>b{top:25px;right:25px}.counter-plan>span{bottom:25px;left:25px}.counter-plan i{border:1px solid;border-radius:50%;width:42px;height:42px;position:absolute;bottom:38%}.counter-plan i:first-of-type{left:12%}.counter-plan i:nth-of-type(2){left:25%}.counter-plan i:nth-of-type(3){left:38%}.counter-plan i:nth-of-type(4){left:51%}.counter-plan i:nth-of-type(5){left:64%}.counter-plan i:nth-of-type(6){left:77%}.house-rhythm{grid-template-columns:.65fr 1.35fr;gap:8vw;padding:90px 5vw;display:grid}.house-rhythm>div p{border-top:1px solid;justify-content:space-between;margin:0;padding:20px 0;display:flex}.house-rhythm>div b{font:500 .55rem var(--mono);color:var(--rust)}.house-values{border-top:1px solid;border-bottom:1px solid;grid-template-columns:repeat(3,1fr);display:grid}.house-values article{border-right:1px solid;min-height:280px;padding:36px}.house-values span{font:500 .55rem var(--mono);color:var(--rust)}.house-values h2{font:400 2.2rem var(--serif);margin:70px 0 12px}.house-values p{line-height:1.5}.house-action{font:500 .55rem var(--mono);border-top:1px solid;margin:70px 5vw;padding:15px 0;display:block}.visit-head{grid-template-columns:1fr .55fr;align-items:end;gap:8vw;padding:100px 5vw;display:grid}.visit-head aside{border-top:1px solid}.visit-head aside p{border-bottom:1px solid;justify-content:space-between;margin:0;padding:16px 0;display:flex}.visit-head aside b{font:500 .52rem var(--mono);color:var(--rust)}.visit-form-zone{background:var(--blue);color:var(--cream);grid-template-columns:.7fr 1.3fr;gap:8vw;padding:90px 5vw;display:grid}.visit-form-zone header>span{color:#d4ae93}.visit-form-zone header p{color:#c8bcaa;line-height:1.6}.visit-form{grid-template-columns:1fr 1fr;gap:20px;display:grid}.visit-form label{font:400 .52rem var(--mono);gap:8px;display:grid}.visit-form input,.visit-form select{color:var(--cream);background:#ffffff0d;border:0;border-bottom:1px solid #83979b;outline:0;padding:14px}.visit-form select option{color:var(--ink)}.visit-form button,.visit-form>p{grid-column:1/-1}.visit-form button{background:var(--paper);color:var(--ink);font:500 .56rem var(--mono);cursor:pointer;border:0;justify-content:space-between;padding:18px;display:flex}.visit-form>p{min-height:18px;font:400 .55rem var(--mono);color:#d4ae93;margin:0}:where(a,button,input,select,summary):focus-visible{outline-offset:3px;outline:3px solid #216ad1}@media (max-width:980px){.grao-header{grid-template-columns:240px 1fr;min-height:110px}.grao-header>nav{display:none}.grao-header details{justify-self:end;display:block;position:relative}.grao-header summary{font:500 .58rem var(--mono);cursor:pointer;border:1px solid;padding:16px;list-style:none}.grao-header details nav{z-index:20;background:var(--ink);width:min(320px,90vw);color:var(--paper);padding:12px;display:grid;position:absolute;top:50px;right:0}.grao-header details nav a{border-bottom:1px solid #5d5147;padding:14px}.cover-story{min-height:800px}.cover-story h1{font-size:clamp(4.8rem,13vw,9rem)}.altitude-figure{width:240px;height:240px}.issue-index>div{grid-template-columns:1fr 1fr}.origin-atlas{grid-template-columns:.7fr 1.3fr}.origin-record{border-top:1px solid;grid-column:1/-1}.origin-record dl{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.producer-note{grid-template-columns:1fr 1fr}.producer-note>p{grid-column:2}.roast-cover,.house-cover,.story-head,.method-head,.visit-head,.visit-form-zone{grid-template-columns:1fr}.brew-guide{grid-template-columns:1fr 1fr}.brew-guide>header{border-bottom:1px solid;grid-column:1/-1}.water-note,.cupping,.house-rhythm{grid-template-columns:1fr}.grao-footer{grid-template-columns:1fr 1fr}.grao-footer nav{display:none}}@media (max-width:680px){.edition-strip span:nth-child(2),.edition-strip span:nth-child(3){display:none}.grao-header{grid-template-columns:1fr auto;padding:0 18px}.grao-brand span,.grao-brand b{font-size:2.2rem}.cover-story{min-height:820px;padding:45px 20px;display:block}.cover-story h1{font-size:19vw}.cover-aside{border-top:1px solid;border-left:0;width:62%;margin:50px 0 0;padding:20px 0}.altitude-figure{width:180px;height:180px;top:515px;right:10px}.cover-story>footer{grid-template-columns:1fr;position:absolute;bottom:35px;left:20px;right:20px}.cover-story>footer p{display:none}.cover-story>footer b{font-size:1.1rem}.issue-index,.letter,.visit-banner,.story-head,.producer-note,.roast-cover,.cupping,.method-head,.water-note,.house-cover,.house-rhythm,.visit-head,.visit-form-zone{padding-left:20px;padding-right:20px}.issue-index>header{grid-template-columns:1fr;gap:25px}.issue-index>div{grid-template-columns:1fr}.issue-index>div a{min-height:260px}.visit-banner{grid-template-columns:1fr}.visit-banner h2{font-size:3.8rem}.visit-banner>a{margin-top:40px}.story-head h1,.method-head h1,.visit-head h1{font-size:18vw}.origin-atlas{grid-template-columns:1fr}.atlas-controls,.origin-record{padding:45px 20px}.atlas-map{border:1px solid;min-height:450px}.origin-record dl,.producer-note{grid-template-columns:1fr}.producer-note>p{grid-column:1}.roast-cover,.house-cover{min-height:auto;padding-top:70px;padding-bottom:70px}.roast-cover h1,.house-cover h1{font-size:18vw}.roast-curve,.counter-plan{height:380px;min-height:0}.roast-log{margin:0 10px 70px;overflow-x:auto}.roast-log header,.roast-log article{min-width:620px}.cupping>div p{grid-template-columns:85px 1fr}.brew-guide{grid-template-columns:1fr}.brew-guide>header,.brew-controls,.brew-recipe{border-bottom:1px solid;border-right:0;grid-column:1;padding:42px 20px}.water-note p{font-size:1.5rem}.house-values{grid-template-columns:1fr}.house-values article{min-height:240px}.visit-form{grid-template-columns:1fr}.visit-form button,.visit-form>p{grid-column:1}.grao-footer{grid-template-columns:1fr;padding:50px 20px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.origin-record dt{color:#5e4e40}.atlas-map{overflow:hidden}details:not([open]) nav{display:none!important}:is(.cover-aside>span,.cover-aside>p,.atlas-map>span,article:nth-child(2)>span:nth-child(4),article:nth-child(3)>span:nth-child(4),article:nth-child(4)>span:nth-child(4),article:nth-child(5)>span:nth-child(4),article:nth-child(6)>span:nth-child(4)){z-index:12;background-color:var(--cream);background-image:linear-gradient(var(--cream),var(--cream));color:var(--ink);-webkit-box-decoration-break:clone;box-decoration-break:clone;position:relative}.altitude-figure{display:none}.cover-aside{z-index:5;isolation:isolate;position:relative;overflow:hidden}