@font-face{font-family:JP;src:url('./assets/jp-regular.woff') format('woff');font-display:swap;font-weight:100 500}
@font-face{font-family:JP;src:url('./assets/jp-bold.woff') format('woff');font-display:swap;font-weight:600 1000}
@font-face{font-family:Mincho;src:url('./assets/jp-serif.woff') format('woff');font-display:swap;font-weight:100 500}
@font-face{font-family:Mincho;src:url('./assets/jp-serif-bold.woff') format('woff');font-display:swap;font-weight:600 1000}
@font-face{font-family:Roman;src:url('./assets/serif-display.woff') format('woff');font-display:swap;font-weight:100 1000}
:root{--ink:#3b201b;--paper:#f2ede6;--warm:#f0e0bd;--blue:#a6ccd9;--green:#d9e6d4;--brown:#60352c;--line:1px solid #6c432f55;--left:45%;--rail:76px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:15px}body{margin:0;color:var(--ink);background:var(--paper);font-family:JP,'Hiragino Kaku Gothic ProN',sans-serif;font-size:16px;line-height:1.9}button,input{font:inherit}button{cursor:pointer;color:inherit;border-radius:0}a{color:inherit;text-decoration:none}button,a,input,summary{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:3px solid #9c572f;outline-offset:5px}img{display:block;max-width:100%;height:auto}p,h1,h2,h3,figure{margin:0}[hidden]{display:none!important}button:disabled{cursor:not-allowed;opacity:.55}.skip-link{position:fixed;top:10px;left:10px;background:white;padding:10px 15px;z-index:30;transform:translateY(-200%)}.skip-link:focus{transform:none}.site-shell{position:relative;isolation:isolate}
.poster{position:fixed;inset:0 auto 36px 0;width:var(--left);overflow:hidden;background:#f8f4ea;display:flex;flex-direction:column;padding:35px 34px 26px;border-right:1px solid #6c432f30}.poster-brand{z-index:3;position:relative}.poster-brand h1{font-family:Roman,Georgia,serif;font-size:31px;font-weight:400;letter-spacing:.1em;line-height:1.1}.poster-brand h1 span{display:block;font-size:12px;letter-spacing:.23em;margin-top:9px}.poster-brand p{font-family:Mincho,serif;font-size:12px;margin-top:15px;letter-spacing:.08em}.poster-art{position:absolute;inset:135px 0 148px -15px}.poster-art img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;animation:art-arrival 1.2s ease-out both}.poster-title{position:absolute;right:10%;top:145px;z-index:2;writing-mode:vertical-rl;font-family:Mincho,'Yu Mincho',serif;font-size:clamp(28px,2.65vw,42px);font-weight:700;line-height:1.75;letter-spacing:.13em;text-shadow:0 0 15px #f8f4ead9,0 0 8px #f8f4eacc;white-space:nowrap}.poster-foot{position:relative;z-index:3;margin-top:auto}.poster-message{font-family:Mincho,serif;font-size:13px;line-height:1.9;letter-spacing:.06em;margin-bottom:21px}.poster-cta{display:flex;gap:14px;align-items:center;justify-content:center;border:1px solid var(--ink);padding:13px 12px;background:var(--brown);color:#fff9ed;min-height:66px;transition:background .3s}.poster-cta:hover{background:#3b201b}.poster-cta>span{font-family:Mincho,serif;font-size:15px;font-weight:700}.poster-cta strong{font-family:Roman,serif;font-size:34px;font-weight:400;line-height:1;white-space:nowrap}.poster-cta strong small{font-family:Mincho,serif;font-size:15px;margin-left:2px}.poster-cta>small{font-size:11px;white-space:nowrap}.content{margin-left:var(--left);width:calc(100% - var(--left) - var(--rail));background:var(--warm);border-right:var(--line);min-width:0}.sample-strip{padding:12px 24px;display:flex;justify-content:space-between;gap:15px;font-size:10px;line-height:1.5;border-bottom:1px solid #6c432f25}.sample-strip span:first-child{font-family:Roman,serif;letter-spacing:.1em}.sample-strip span:last-child{white-space:nowrap}.section{padding:65px clamp(27px,4vw,64px);position:relative}.eyebrow{font-family:Roman,Georgia,serif;letter-spacing:.13em;font-size:13px;line-height:1.6;margin-bottom:22px}.jp-heavy{font-family:Mincho,'Yu Mincho',serif;font-weight:700;font-size:clamp(31px,3vw,45px);line-height:1.75;letter-spacing:.1em}.intro{text-align:center;background:var(--warm);padding-top:54px;padding-bottom:105px}.intro .jp-heavy{font-size:clamp(35px,3.2vw,49px)}.intro-lead{font-family:Mincho,serif;line-height:2.15;margin:24px 0 31px;font-size:17px;letter-spacing:.04em}.package-figure{margin:0 -26px 29px}.package-figure img{width:100%;aspect-ratio:1.5;object-fit:cover}.package-figure figcaption{font-family:Mincho,serif;font-size:12px;margin-top:15px;letter-spacing:.03em}.set-title{padding-top:5px}.set-title>span{font-family:Mincho,serif;font-size:19px;font-weight:700;letter-spacing:.03em}.set-title>p{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:11px;flex-wrap:wrap}.set-title strong{font-family:Roman,Mincho,serif;font-size:25px;font-weight:400}.set-title p span{font-size:12px}.price-row{display:flex;align-items:center;justify-content:center;gap:19px;margin:16px 0 24px;text-align:left}.price{font-family:Roman,serif;font-size:55px;line-height:1.1;letter-spacing:.01em}.price-row>span:last-child{font-size:11px;line-height:1.9}.button{display:flex;justify-content:center;align-items:center;min-height:60px;width:100%;border:1px solid var(--brown);font-family:Mincho,serif;font-size:17px;font-weight:700;letter-spacing:.06em;transition:background .25s,color .25s}.button.black{background:var(--brown);color:#fff9ed}.button:hover{background:#3b201b}.fine{font-size:11px;line-height:1.8;margin-top:15px}.center{text-align:center}.ticker{position:fixed;bottom:0;left:0;right:0;z-index:10;overflow:hidden;height:36px;padding:5px 0;border-top:1px solid #6c432f55;background:var(--paper);color:#6c432f;font-family:Roman,Mincho,serif;font-size:15px;line-height:25px;letter-spacing:.13em}.ticker-track{display:flex;width:max-content;white-space:nowrap;animation:ticker 38s linear infinite}.ticker-group{display:block;flex:none;padding-right:28px}@keyframes ticker{to{transform:translateX(calc(-100% / var(--ticker-copies,6)))}}
.tastes{background:var(--blue);padding-top:100px;padding-bottom:112px;border-radius:48% 0 0 0 /90px 0 0 0;margin-top:-50px}.vertical-heading{display:flex;justify-content:space-between;gap:25px;align-items:flex-start;margin-bottom:44px;min-height:277px}.vertical-heading h2{font-family:Mincho,serif;font-size:clamp(30px,2.6vw,39px);font-weight:700;writing-mode:vertical-rl;line-height:1.8;letter-spacing:.14em;order:2;height:280px;white-space:nowrap}.vertical-heading>div{padding-top:13px;order:1}.vertical-heading .section-intro{font-family:Mincho,serif;font-size:17px;line-height:2.15;letter-spacing:.04em;margin-top:45px}.flavor-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-bottom:23px}.flavor-tab{border:0;border-bottom:1px solid #3b201b55;background:transparent;font-family:Mincho,serif;font-size:19px;letter-spacing:.03em;font-weight:700;padding:12px 4px 17px;line-height:1.5;position:relative}.flavor-tab span{display:block;font-family:JP,sans-serif;font-size:11px;font-weight:400;letter-spacing:.04em;margin-top:7px}.flavor-tab.is-active{border-bottom:3px solid var(--ink);padding-bottom:15px}.flavor-tab.is-active:before{content:'';width:4px;height:4px;border-radius:50%;position:absolute;left:calc(50% - 2px);bottom:-12px;background:var(--ink)}.flavor-panel{padding:31px 28px 29px;background:#f2ede6dd;min-height:463px}.flavor-panel+.flavor-panel{margin-top:24px}.enhanced .flavor-panel+.flavor-panel{margin-top:0}.flavor-panel.komorebi{background:#edf0dfdd}.flavor-panel.yoru{background:#6c432f;color:#fff9ed}.flavor-topline{display:flex;justify-content:space-between;gap:15px;font-family:Roman,serif;letter-spacing:.06em;font-size:11px}.flavor-panel h3{font-family:Mincho,serif;font-size:39px;line-height:1.4;letter-spacing:.12em;margin-top:20px}.flavor-panel h3 span{display:block;font-family:Roman,serif;font-weight:400;letter-spacing:.14em;font-size:12px;margin-top:5px}.flavor-description{font-family:Mincho,serif;font-size:23px;line-height:1.75;letter-spacing:.06em;margin-top:24px}.flavor-notes{font-size:12px;margin-top:15px}.taste-meter{margin:27px 0 25px;display:grid;gap:10px}.taste-meter>div{display:flex;align-items:center;gap:19px;font-size:12px}.taste-meter dt{width:28px;flex:none}.taste-meter dd{display:flex;flex:1;align-items:center;gap:13px;margin:0}.taste-meter dd span{height:5px;flex:1;border:1px solid currentColor;background:linear-gradient(to right,currentColor var(--level),transparent var(--level));opacity:.8}.taste-meter b{font-family:Roman,serif;font-size:13px;min-width:34px;font-weight:400}.pairing{font-family:Mincho,serif;border-top:1px solid currentColor;padding-top:17px;font-size:11px;line-height:1.8}.pairing span{display:block;font-size:14px;margin-top:3px}.tastes>.fine{margin-top:20px;font-size:11px}
.story{background:var(--green);padding-top:85px;padding-bottom:108px;border-radius:0 42% 0 0 /0 75px 0 0;margin-top:-46px}.story .jp-heavy{font-size:clamp(31px,2.8vw,43px)}.story-art{margin:36px calc(-1 * clamp(27px,4vw,64px)) 35px;position:relative}.story-art img{width:100%;aspect-ratio:1.32;object-fit:cover}.story-art figcaption{font-family:Mincho,serif;font-size:12px;letter-spacing:.03em;padding:15px 25px 0;text-align:right}.story>p:not(.eyebrow){font-family:Mincho,serif;font-size:17px;line-height:2.3;letter-spacing:.03em;margin-top:27px}.story-signature{font-family:Roman,serif;letter-spacing:.1em;line-height:1.4;font-size:20px;margin-top:36px}.brew{background:linear-gradient(150deg,#6c432f,#3b201b);color:#fff9ed;padding-top:91px;padding-bottom:108px;border-radius:40% 0 0 0 /75px 0 0 0;margin-top:-45px}.brew .jp-heavy{font-size:clamp(29px,2.7vw,42px)}.recipe{display:flex;align-items:center;justify-content:space-around;gap:14px;border-top:1px solid #fff9ed66;border-bottom:1px solid #fff9ed66;margin:39px 0 32px;padding:26px 0}.recipe strong{font-family:Roman,serif;font-size:64px;font-weight:400;line-height:1.2}.recipe strong span{font-size:25px;margin-left:4px}.recipe p{font-family:Mincho,serif;font-size:13px}.recipe-cross{font-family:Mincho,serif;font-size:22px}.brew>p:not(.eyebrow){font-family:Mincho,serif;font-size:16px;line-height:2.3;letter-spacing:.02em}.brew>p.brew-tip{font-size:13px;margin-top:25px;border-top:1px solid #fff9ed44;padding-top:24px}.delivery{background:var(--paper);padding-top:83px;padding-bottom:100px;border-radius:0 35% 0 0 /0 55px 0 0;margin-top:-45px}.delivery .jp-heavy{margin-bottom:36px;font-size:34px}.delivery details{border-top:var(--line)}.delivery details:last-child{border-bottom:var(--line)}.delivery summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:22px 0;font-family:Mincho,serif;font-size:16px;cursor:pointer}.delivery summary::-webkit-details-marker{display:none}.delivery summary>span{width:16px;height:16px;position:relative;flex:none}.delivery summary>span:before,.delivery summary>span:after{content:'';position:absolute;top:7px;left:0;width:16px;height:1px;background:currentColor}.delivery summary>span:after{transform:rotate(90deg);transition:transform .3s}.delivery details[open] summary>span:after{transform:none}.delivery details>p{padding:0 18px 26px 0;font-size:14px;line-height:2}.order{background:var(--warm);padding-top:90px;padding-bottom:75px;border-radius:35% 0 0 0 /60px 0 0 0;margin-top:-35px;text-align:center}.order .jp-heavy{font-size:clamp(32px,3vw,45px)}.order-packages{width:calc(100% + 52px);max-width:none;aspect-ratio:1.5;object-fit:cover;margin:35px -26px 28px}.order h3{font-family:Mincho,serif;font-size:22px;font-weight:700;letter-spacing:.05em}.order-spec{font-size:12px;margin-top:9px}.order-price{display:flex;align-items:baseline;justify-content:center;gap:15px;margin:15px 0 32px}.order-price strong{font-family:Roman,serif;font-size:59px;font-weight:400;line-height:1.2}.order-price>span{font-size:12px}fieldset{border:0;padding:0;margin:0 0 25px;text-align:left}legend{font-family:Mincho,serif;font-size:15px;margin-bottom:13px}.grind-options{display:flex;gap:13px}.grind-options label{position:relative;flex:1;cursor:pointer}.grind-options input{position:absolute;opacity:0;inset:0;width:100%;height:100%;margin:0;cursor:pointer}.grind-options label>span{display:block;border:1px solid #6c432f80;padding:13px 3px;background:transparent;text-align:center;font-family:Mincho,serif;font-size:16px}.grind-options input:checked+span{background:#fff9ed;border:2px solid var(--brown);padding:12px 2px}.grind-options input:focus-visible+span{outline:3px solid #9c572f;outline-offset:4px}.grind-options input:checked+span:before{content:'✓';font-family:JP,sans-serif;font-size:12px;margin-right:7px}.demo-note{font-size:11px;line-height:1.8;margin-top:22px}.noscript-note{font-size:13px;border:1px solid;padding:12px;margin-top:15px}.content footer{padding:48px clamp(27px,4vw,64px) 85px;background:#3b201b;color:#f2ede6}.footer-brand{font-family:Roman,serif;font-size:33px;letter-spacing:.1em;line-height:1.4}.footer-brand span{font-size:12px;display:block;letter-spacing:.23em}.content footer>div{display:flex;justify-content:space-between;gap:15px;margin-top:29px;font-family:Mincho,serif;font-size:12px}.content footer a{text-decoration:underline;text-underline-offset:5px}.footer-legal{font-family:Roman,serif;letter-spacing:.04em;font-size:11px;line-height:1.7;margin-top:25px}.footer-motion{border:0;background:none;padding:13px 0;text-decoration:underline;text-underline-offset:4px;font-size:11px;color:inherit}.side-nav{position:fixed;top:0;right:0;bottom:36px;width:var(--rail);z-index:8;background:var(--paper);display:flex;align-items:center;flex-direction:column;gap:25px;padding:26px 8px 18px}.nav-mark{font-family:Roman,serif;font-size:29px;line-height:1;margin-bottom:10px}.side-nav>a:not(.nav-mark){writing-mode:vertical-rl;font-family:Mincho,serif;letter-spacing:.17em;font-size:13px;line-height:1.4}.side-nav a:hover{color:#a7633d}.side-nav .nav-shop{background:var(--brown);color:#fff9ed;padding:16px 10px;margin-top:auto;border-radius:28px;font-size:13px}.side-nav .nav-shop:hover{background:#3b201b;color:#fff9ed}#motion-toggle{background:transparent;border:0;font-size:10px;text-decoration:underline;text-underline-offset:3px;writing-mode:vertical-rl;padding:5px 0}.mobile-buy{display:none}.motion-paused *,.motion-paused *:before,.motion-paused *:after{animation-play-state:paused!important;scroll-behavior:auto!important;transition:none!important}
dialog{padding:0;border:1px solid var(--brown);background:var(--paper);color:var(--ink);width:min(470px,calc(100% - 28px));max-height:calc(100svh - 30px);overflow:auto}dialog::backdrop{background:#251712b8;backdrop-filter:blur(4px)}.dialog-inner{padding:37px;position:relative}.dialog-close{position:absolute;top:10px;right:14px;border:0;background:transparent;font-family:Roman,serif;font-size:30px;padding:0 6px}.dialog-inner h2{font-family:Mincho,serif;font-size:29px;letter-spacing:.05em;line-height:1.65}.dialog-inner img{width:100%;aspect-ratio:1.9;object-fit:cover;margin:20px 0 24px}.order-summary{margin:0;border-top:var(--line)}.order-summary>div{display:flex;justify-content:space-between;gap:15px;border-bottom:var(--line);padding:11px 0;font-size:13px}.order-summary dd{margin:0}.dialog-demo{font-size:12px;margin:22px 0 24px;line-height:1.9}.dialog-done{min-height:53px}.flavor-enter{animation:flavor-in .5s ease-out}.soft-arrival{animation:soft-arrival .9s ease-out}@keyframes flavor-in{from{opacity:.5;transform:translateY(5px)}to{opacity:1;transform:none}}@keyframes soft-arrival{from{opacity:.2;filter:blur(3px);transform:translateY(8px)}to{opacity:1;filter:blur(0);transform:none}}@keyframes art-arrival{from{opacity:.2;filter:blur(4px);transform:scale(1.025)}to{opacity:1;filter:blur(0);transform:scale(1)}}
@media(min-width:1600px){:root{--left:47%;--rail:88px}.poster{padding:44px 54px 30px}.poster-brand h1{font-size:35px}.poster-title{font-size:43px;right:12%;top:165px}.poster-art{inset:155px 15px 157px -15px}.poster-message{font-size:15px}.poster-cta{max-width:600px}.poster-cta>span{font-size:17px}.section{padding-left:70px;padding-right:70px}.side-nav{gap:35px}.story-art{margin-left:-70px;margin-right:-70px}}
@media(max-width:1100px) and (min-width:801px){:root{--left:43%;--rail:62px}.poster{padding:28px 23px 22px}.poster-brand h1{font-size:26px}.poster-brand h1 span{font-size:10px}.poster-title{right:7%;font-size:29px;top:146px}.poster-art{inset:165px -10px 170px -15px}.poster-message{font-size:12px}.poster-cta{gap:8px;flex-wrap:wrap;padding:9px 7px}.poster-cta>span{font-size:12px}.poster-cta strong{font-size:27px}.poster-cta>small{font-size:10px}.section{padding-left:28px;padding-right:28px}.sample-strip span:first-child{display:none}.sample-strip{justify-content:flex-end;padding:11px 20px}.jp-heavy,.intro .jp-heavy{font-size:34px}.vertical-heading h2{font-size:31px}.vertical-heading .section-intro{font-size:15px}.vertical-heading{gap:15px}.flavor-panel{padding:27px 21px}.flavor-tab{font-size:16px}.flavor-description{font-size:21px}.story-art{margin-left:-28px;margin-right:-28px}.side-nav{gap:23px}.side-nav>a:not(.nav-mark){font-size:12px}.side-nav .nav-shop{padding:13px 8px}.price-row{gap:12px}.price{font-size:49px}.price-row>span:last-child{font-size:10px}.story>p:not(.eyebrow){font-size:15px}.recipe strong{font-size:54px}.recipe p{font-size:11px}.order h3{font-size:19px}.order-spec{font-size:11px}.order-price strong{font-size:52px}.footer-brand{font-size:30px}}
@media(max-width:800px){:root{--left:0px;--rail:0px}html{scroll-padding-top:14px}.poster{position:relative;inset:auto;width:100%;height:calc(100svh - 72px);min-height:700px;max-height:1000px;border-right:0;padding:27px 25px 28px}.poster-brand h1{font-size:29px}.poster-brand h1 span{font-size:10px;margin-top:8px}.poster-brand p{font-size:11px;margin-top:13px}.poster-title{font-size:31px;top:158px;right:9%;letter-spacing:.16em;line-height:1.8}.poster-art{inset:162px -7px 90px -28px}.poster-message{font-size:12px;text-align:center;letter-spacing:.06em;margin:0}.poster-cta{display:none}.content{margin:0;width:100%;border:0}.sample-strip{padding:12px 20px}.sample-strip span:first-child{font-size:9px}.sample-strip span:last-child{font-size:10px}.section{padding-left:28px;padding-right:28px}.intro{padding-top:45px;padding-bottom:98px}.jp-heavy,.intro .jp-heavy{font-size:36px}.eyebrow{font-size:12px;margin-bottom:20px}.intro-lead{font-size:16px;margin-top:23px;margin-bottom:30px}.package-figure{margin:0 -28px 27px}.package-figure img{aspect-ratio:1.4}.package-figure figcaption{font-size:11px;padding:0 20px}.set-title>span{font-size:19px}.set-title>p{gap:20px}.set-title strong{font-size:25px}.price-row{gap:17px}.price{font-size:56px}.price-row>span:last-child{font-size:10px}.button{font-size:17px;min-height:60px}.fine{font-size:10px}.ticker{position:relative;left:auto;right:auto;bottom:auto;height:35px;border-bottom:1px solid #6c432f44;font-size:13px;padding:4px 0;margin-bottom:50px}.tastes{padding-top:78px;padding-bottom:100px;border-radius:45% 0 0 0 /60px 0 0 0}.vertical-heading{min-height:270px;margin-bottom:26px;gap:16px}.vertical-heading h2{font-size:31px;height:260px;line-height:1.85}.vertical-heading>div{padding-top:16px}.vertical-heading .section-intro{font-size:16px;line-height:2.1;margin-top:32px}.vertical-heading .eyebrow{font-size:11px;letter-spacing:.1em}.flavor-tabs{gap:7px;margin-bottom:23px}.flavor-tab{font-size:17px}.flavor-tab span{font-size:11px}.flavor-panel{padding:28px 22px;min-height:463px}.flavor-panel h3{font-size:38px}.flavor-description{font-size:22px}.flavor-notes{font-size:11px}.flavor-topline{font-size:10px}.pairing span{font-size:13px}.story{padding-top:78px;padding-bottom:101px;border-top-right-radius:40% 65px}.story .jp-heavy{font-size:34px}.story-art{margin:30px -28px}.story-art img{aspect-ratio:1.2}.story-art figcaption{font-size:11px}.story>p:not(.eyebrow){font-size:16px;line-height:2.25;letter-spacing:.02em}.story-signature{font-size:19px}.brew{padding-top:77px;padding-bottom:95px}.brew .jp-heavy{font-size:33px}.recipe{padding:27px 0;gap:12px;margin:32px 0 29px}.recipe strong{font-size:61px}.recipe strong span{font-size:23px}.recipe p{font-size:12px}.brew>p:not(.eyebrow){font-size:15px}.brew>p.brew-tip{font-size:12px}.delivery{padding-top:74px;padding-bottom:91px}.delivery .jp-heavy{font-size:32px}.delivery summary{font-size:15px;min-height:70px;padding:21px 0}.delivery details>p{font-size:13px;padding-right:0}.order{padding-top:76px;padding-bottom:60px}.order .jp-heavy{font-size:34px}.order-packages{width:calc(100% + 56px);margin:30px -28px 27px;aspect-ratio:1.4}.order h3{font-size:20px}.order-spec{font-size:11px}.order-price strong{font-size:58px}.order-price>span{font-size:11px}.grind-options label>span{font-size:15px}.demo-note{font-size:11px}.content footer{padding:41px 28px 110px}.footer-brand{font-size:32px}.content footer>div{font-size:11px}.footer-brand span{font-size:11px}.side-nav{display:none}.mobile-buy{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:15;align-items:center;justify-content:space-between;gap:10px;background:var(--paper);padding:10px 15px calc(10px + env(safe-area-inset-bottom));border-top:1px solid #6c432f66;box-shadow:0 -5px 18px #3b201b0a}.mobile-buy>div{line-height:1.4}.mobile-buy strong{display:block;font-family:Mincho,serif;font-size:11px;font-weight:700;letter-spacing:.02em}.mobile-buy span{font-family:Roman,serif;font-size:24px}.mobile-buy small{font-family:JP,sans-serif;font-size:9px;margin-left:3px}.mobile-buy a{padding:12px 17px;border:1px solid var(--brown);background:var(--brown);color:#fff9ed;font-family:Mincho,serif;font-weight:700;font-size:14px;white-space:nowrap;line-height:1.7}}
@media(max-width:359px){.poster{padding:24px 21px 26px;min-height:650px;height:calc(100svh - 70px)}.poster-brand h1{font-size:26px}.poster-brand p{font-size:10px}.poster-title{font-size:27px;top:153px;right:7%;line-height:1.7}.poster-art{inset:180px -3px 90px -31px}.poster-message{font-size:11px}.section{padding-left:22px;padding-right:22px}.sample-strip{padding:10px 14px}.sample-strip span:first-child{font-size:8px}.sample-strip span:last-child{font-size:9px}.jp-heavy,.intro .jp-heavy{font-size:32px}.intro-lead{font-size:15px}.package-figure{margin-left:-22px;margin-right:-22px}.package-figure figcaption{font-size:10px}.set-title>span{font-size:17px}.set-title>p{gap:13px}.set-title strong{font-size:23px}.set-title p span{font-size:10px}.price-row{gap:12px}.price{font-size:50px}.price-row>span:last-child{font-size:9px}.fine{font-size:9px}.vertical-heading{gap:12px;min-height:249px}.vertical-heading h2{font-size:27px;height:240px;line-height:1.7}.vertical-heading .section-intro{font-size:14px;letter-spacing:0}.vertical-heading .eyebrow{font-size:10px;letter-spacing:.03em}.flavor-tab{font-size:15px}.flavor-panel{padding:25px 18px;min-height:447px}.flavor-panel h3{font-size:34px}.flavor-description{font-size:20px;letter-spacing:.03em}.flavor-notes{font-size:10px}.flavor-topline{font-size:9px;letter-spacing:0}.pairing span{font-size:12px}.story .jp-heavy{font-size:30px}.story-art{margin-left:-22px;margin-right:-22px}.story>p:not(.eyebrow){font-size:14px;letter-spacing:.01em}.brew .jp-heavy{font-size:29px}.recipe{gap:8px}.recipe strong{font-size:53px}.recipe strong span{font-size:20px}.recipe p{font-size:10px}.recipe-cross{font-size:17px}.brew>p:not(.eyebrow){font-size:13px}.brew>p.brew-tip{font-size:11px}.delivery .jp-heavy{font-size:29px}.delivery summary{font-size:13px;gap:13px}.delivery details>p{font-size:12px}.order .jp-heavy{font-size:30px}.order-packages{width:calc(100% + 44px);margin-left:-22px;margin-right:-22px}.order h3{font-size:18px}.order-spec{font-size:10px}.order-price strong{font-size:52px}.grind-options label>span{font-size:13px}.button{font-size:15px}.demo-note{font-size:10px}.content footer{padding-left:22px;padding-right:22px}.footer-brand{font-size:28px}.content footer>div{font-size:10px;gap:9px}.mobile-buy{padding-left:11px;padding-right:11px;gap:9px}.mobile-buy a{font-size:12px;padding:12px 13px}.mobile-buy span{font-size:23px}.mobile-buy small{font-size:8px}.dialog-inner{padding:30px 24px}.dialog-inner h2{font-size:26px}.order-summary>div{font-size:12px}.dialog-demo{font-size:11px}}
@media(min-width:801px) and (max-height:800px){.poster{padding-top:25px;padding-bottom:19px}.poster-brand h1{font-size:27px}.poster-brand p{margin-top:10px}.poster-title{top:133px;font-size:30px;line-height:1.6}.poster-art{inset:133px 0 140px -22px}.poster-message{font-size:12px;margin-bottom:17px}.poster-cta{min-height:58px}.side-nav{padding-top:19px;padding-bottom:13px;gap:18px}.nav-mark{font-size:25px;margin-bottom:0}.side-nav>a:not(.nav-mark){font-size:12px}.side-nav .nav-shop{padding:12px 8px}#motion-toggle{font-size:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important;filter:none!important}}
/* Let the coffee wash fill the fixed page, fading back into the paper. */
.poster-art{inset:0;pointer-events:none}
.poster-art img{object-fit:cover;object-position:center 61%;opacity:.84;mask-image:linear-gradient(to bottom,transparent 0%,#000 14%,#000 70%,transparent 96%)}
@media(max-width:800px){.poster-art{inset:0}.poster-art img{object-position:left center;opacity:.83;mask-image:linear-gradient(to bottom,transparent 0%,#000 19%,#000 72%,transparent 94%)}}
@media(max-width:359px){.intro .jp-heavy{font-size:30px}}
.motion-paused .poster-art img,.motion-paused .soft-arrival,.motion-paused .flavor-enter{animation:none!important;opacity:1;filter:none;transform:none}
@media(max-width:1100px) and (min-width:801px){.sample-strip span:first-child{display:inline}.sample-strip{justify-content:flex-start}}