:root{--ink:#252721;--muted:#62665e;--pale:#edf0e9;--accent:#6a442a}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font-family:'Zen Kaku Gothic New',sans-serif;font-size:16px;line-height:2}a{color:inherit}img{display:block;max-width:100%;object-fit:cover}figure,dl,dd{margin:0}h1,h2,h3,p{margin:0}a:hover{opacity:.7}.sample-bar{height:34px;background:#232820;color:white;display:flex;align-items:center;justify-content:center;gap:18px;font-size:12px;line-height:1.3;position:relative;z-index:10}.opening{height:55.82vw;max-height:900px;min-height:620px;position:relative;color:white;isolation:isolate;overflow:hidden}.hero-visual{position:absolute;inset:0;z-index:-1;display:grid;grid-template-columns:1fr 1fr}.hero-visual img{width:100%;height:100%;min-width:0;object-fit:cover}.hero-visual img:first-child{object-position:47% 50%}.hero-visual .opening-second{object-position:52% 50%}.hero-visual:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent 30%,#0002 70%,transparent)}.hero-kicker{position:absolute;left:0;top:0;padding:22px 20px;width:172px;background:white;color:var(--ink);font-family:Barlow,sans-serif;font-size:18px;line-height:1.5;letter-spacing:.1em}.hero-display{position:absolute;left:44%;top:50%;transform:translateY(-50%);font:400 100px/.87 Barlow,sans-serif;letter-spacing:.02em;z-index:1;text-shadow:0 1px 12px #0002}.hero-grid{position:relative;min-height:520px;padding:112px 11% 112px 22.2%;background:white}.hero-grid:before{content:'';position:absolute;left:12.8%;top:0;bottom:0;border-left:5px solid var(--ink)}.hero-copy-inner{display:grid;grid-template-columns:1fr 1fr;gap:32px 85px}.hero-jp{font-size:24px;line-height:2;font-weight:500;grid-column:1}.hero-sub{grid-column:1;font-size:16px;line-height:2}.hero-meta{grid-column:2;grid-row:1/3;display:flex;flex-direction:column;justify-content:center}.hero-chip{border-bottom:1px solid #b6bab0;padding:14px 0;display:flex;justify-content:space-between;gap:24px}.hero-chip dt{font:400 18px/2 Barlow,sans-serif;letter-spacing:.08em}.hero-chip dd{font-size:16px;text-align:right}.bean-note{grid-column:2;padding:24px;background:var(--pale)}.bean-note strong{display:block;font:400 30px/1.5 Barlow,sans-serif;margin-bottom:8px}.bean-note span{font-size:15px;line-height:2}.section{position:relative}.wrap{max-width:1100px;margin:0 auto}.title{font-size:24px;line-height:2;font-weight:500}.eyebrow{font:400 50px/1.15 Barlow,sans-serif;display:block;margin-bottom:24px}.lead{font-size:16px;line-height:2;margin-top:24px}.chapter-1{min-height:1440px;padding:200px 0 100px;overflow:hidden}.chapter-1:before{content:'';position:absolute;inset:0 16% 0 12.8%;border-left:5px solid var(--ink);border-bottom:5px solid var(--ink);pointer-events:none}.intro-layout{margin-left:22.2%;width:65%;display:grid;grid-template-columns:348px 1fr;gap:150px 9%;align-items:start;position:relative;z-index:1}.intro-layout>.reveal:first-child{grid-column:1}.commit-card{margin-top:48px}.commit-card p{font-size:16px;line-height:2}.quote-mark{font:400 50px/1 Barlow,sans-serif;margin-bottom:20px}.process-panel{grid-column:2;margin-top:410px;background:#fff;padding:30px 0}.diagram-title{font:400 28px/1.5 Barlow,sans-serif}.diagram-wrap{margin:20px 0}.diagram-wrap svg{width:100%;height:auto}.diagram-caption{font-size:16px;line-height:2}.scattered{position:absolute;width:27%;height:440px;object-fit:cover}.scattered-1{right:11%;top:130px;box-shadow:80px 90px 0 var(--pale)}.scattered-2{left:5%;bottom:80px;width:28%;height:400px}.chapter-2{padding:180px 6.6% 180px 10.8%;background:var(--pale)}.beans-grid{display:grid;grid-template-columns:406px 1fr;gap:100px}.beans-note{font-size:16px;margin-top:30px}.roast-list{display:grid;gap:32px}.roast-item{border-top:1px solid #879080;padding-top:22px}.roast-head{display:flex;justify-content:space-between;align-items:baseline;gap:16px}.roast-name{font-weight:500;font-size:24px}.roast-en{font:400 20px/1.5 Barlow,sans-serif}.roast-bar{height:8px;background:#d5dccd;margin:18px 0}.roast-fill{height:100%;background:#4c6050}.roast-meta{display:flex;justify-content:space-between;font:400 15px/2 'IBM Plex Mono',monospace}.chapter-3{padding:144px 10.8%;background:#f1f2ef}.chapter-3 .wrap{display:grid;grid-template-columns:1fr 1fr;column-gap:80px}.chapter-3 .eyebrow{font-size:120px;line-height:144px;letter-spacing:3.6px;grid-column:1/-1}.chapter-3 .title{grid-column:1}.chapter-3 .lead{grid-column:1;max-width:348px}.price-board{grid-column:1;align-self:start;margin-top:32px}.price-board h3{font:400 28px/2 Barlow,sans-serif}.board-row{display:grid;grid-template-columns:65px 1fr;gap:8px;padding:16px 0;border-bottom:1px solid #acb1a8;font-size:15px}.board-price{grid-column:2}.board-size{font-family:Barlow,sans-serif}.menu-grid{grid-column:2;grid-row:2/5}.menu-card{padding:26px 0;border-top:1px solid #adb3a7}.menu-type{font:400 16px/1.5 Barlow,sans-serif;letter-spacing:.1em}.menu-head{display:flex;gap:20px;justify-content:space-between;margin:8px 0 14px}.menu-title{font-weight:500;font-size:22px;line-height:1.6}.menu-price{white-space:nowrap;font-size:16px}.menu-desc{font-size:16px;line-height:2}.chapter-4{padding:150px 0 120px;overflow:hidden}.chapter-4>.wrap{max-width:none;margin:0 10.8%;position:relative}.chapter-4 .title,.chapter-4 .lead{max-width:348px;margin-left:14.5%}.chapter-4 .eyebrow{font-size:120px;line-height:1.2}.gallery{position:relative;display:grid;grid-template-columns:42% 35%;gap:12%;margin-top:95px}.gallery:before{content:'';position:absolute;left:28%;right:0;top:-50px;bottom:-80px;border-top:5px solid var(--ink);border-right:5px solid var(--ink);z-index:-1}.gallery-main{padding-top:120px}.photo-card{position:relative;margin:0}.photo-card img{width:100%;height:100%;aspect-ratio:4/5;object-fit:cover}.photo-label{background:white;display:inline-block;padding:12px 0;font:400 20px/1.5 Barlow,sans-serif}.gallery-stack{display:grid;gap:60px;align-content:start}.gallery-stack .photo-card:last-child{width:72%;margin-left:48%}.gallery-stack .photo-card:last-child img{aspect-ratio:1}.chapter-5{padding:140px 24px 100px}.info-grid{max-width:770px;display:grid;gap:64px}.info-card h3{font:400 50px/1.15 Barlow,sans-serif;margin-bottom:28px}.info-line{display:grid;grid-template-columns:160px 1fr;border-bottom:1px solid #aeb5a7;padding:16px 0}.info-label{font-family:Barlow,sans-serif}.access-note{margin-top:24px}.footer{border-top:1px solid #ddd;padding:70px 24px;text-align:center}.footer-brand{font:400 35px/1.5 Barlow,sans-serif;margin-bottom:24px}.footer-note{font-size:15px}.reveal{transition:opacity .8s ease,transform .8s ease}.motion-ready .reveal{opacity:0;transform:translateY(24px)}.motion-ready .reveal.is-visible{opacity:1;transform:none}.photo-card img{transition:transform .7s}.photo-card:hover img{transform:scale(1.025)}
@media(max-width:760px){body{font-size:16px}.sample-bar{height:auto;min-height:52px;flex-direction:column;gap:1px;padding:7px 10px;font-size:11px}.opening{height:670px;min-height:0;max-height:none}.hero-visual{grid-template-columns:1fr 1fr}.hero-visual img{object-position:52% center}.hero-kicker{font-size:15px;width:135px;padding:18px 14px}.hero-display{font-size:65px;left:10%;top:55%;line-height:.97}.hero-grid{padding:75px 26px 70px 50px;min-height:0}.hero-grid:before{left:22px;width:0;border-width:3px}.hero-copy-inner{display:block}.hero-jp{font-size:22px;line-height:1.8}.hero-sub{margin-top:25px}.hero-meta{margin:32px 0}.hero-chip dd{font-size:16px}.bean-note{padding:22px}.bean-note span{font-size:16px}.chapter-1{padding:75px 24px 90px 50px;min-height:0}.chapter-1:before{left:22px;right:22px;border-width:3px}.intro-layout{margin:0;width:100%;display:block}.title{font-size:24px;line-height:1.8}.eyebrow{font-size:44px;overflow-wrap:anywhere}.lead{font-size:16px;line-height:2}.commit-card{margin-top:35px}.process-panel{margin:320px 0 0;padding:25px 0;background:#fff}.scattered-1{top:auto;bottom:520px;right:24px;width:62%;height:240px;box-shadow:35px 35px 0 var(--pale)}.scattered-2{position:relative;left:0;bottom:auto;margin:50px 0 0;width:82%;height:290px}.chapter-2{padding:90px 26px}.beans-grid{display:block}.roast-list{margin-top:50px}.roast-en{font-size:18px}.chapter-3{padding:80px 26px}.chapter-3 .wrap{display:block}.chapter-3 .eyebrow{font-size:76px;line-height:1.2;letter-spacing:2px}.menu-grid{margin-top:50px}.menu-title{font-size:22px}.menu-head{gap:12px}.chapter-4{padding:80px 0}.chapter-4>.wrap{margin:0 26px}.chapter-4 .eyebrow{font-size:76px}.chapter-4 .title,.chapter-4 .lead{margin-left:0}.gallery{grid-template-columns:1fr;gap:40px;margin-top:45px}.gallery-main{padding:0;width:85%}.gallery-stack{gap:40px;margin-left:15%}.gallery-stack .photo-card:last-child{width:78%;margin-left:-15%}.gallery:before{border-width:3px;top:80px;bottom:0;right:12px;left:50%}.photo-label{font-size:20px}.chapter-5{padding:65px 26px}.info-card h3{font-size:44px}.info-line{grid-template-columns:88px 1fr;gap:12px;font-size:16px}.access-text,.access-note{font-size:16px}.footer-brand{font-size:26px}.footer-note{font-size:15px}.diagram-wrap text{font-size:15px;letter-spacing:0}.board-row{font-size:15px}.roast-meta{font-size:15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.motion-ready .reveal{opacity:1;transform:none}}

@media(max-width:760px){.hero-visual:after{background:#0006}.process-panel{margin-top:48px}.scattered-1{position:relative;top:auto;bottom:auto;right:auto;width:100%;height:260px;margin:36px 0 0;box-shadow:24px 24px 0 var(--pale)}.scattered-2{width:85%;margin-top:55px}}
.hero-chip dt,.bean-note strong,.eyebrow,.diagram-title,.roast-en,.price-board h3,.photo-label,.info-card h3,.footer-brand{text-transform:uppercase}.opening-half{overflow:hidden;height:100%;min-width:0}.opening-half img{animation:coffee-close 16s ease-in-out infinite alternate}.opening-half:last-child img{animation-direction:alternate-reverse}@keyframes coffee-close{from{transform:scale(1)}to{transform:scale(1.08)}}
@media(min-width:761px){.hero-display{left:48%;font-size:112px;line-height:.78;font-weight:500}}
.sample-bar{font-family:Arial,sans-serif}

/* Reference display: 562 x 260 px at 1280. */
@media(min-width:761px){.hero-display{left:44%;width:562px;font-size:76px;font-weight:400;line-height:1;letter-spacing:.05em;border:8px solid white;padding:8px 24px;text-align:center}.hero-kicker{width:134px;font-size:16px;padding:16px}.opening-half:last-child img{object-position:70% center}}

@media(min-width:761px){.hero-display{border-width:5px;padding:11px 24px}}

.fonts-loading .hero-display,.fonts-loading .hero-kicker{opacity:0}