:root{--paper:#f5f0e7;--ink:#26251f;--orange:#ef7e49;--line:#c8c0b4;--muted:#69645b;--serif:'Yu Mincho','Hiragino Mincho ProN','Noto Serif JP',serif;--sans:'Yu Gothic','Hiragino Kaku Gothic ProN',Meiryo,sans-serif;--mono:Consolas,'Courier New',monospace}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:84px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.7}a{color:inherit;text-decoration:none}.skip-link{position:absolute;left:12px;top:-50px;background:var(--ink);color:#fff;padding:8px 14px;z-index:20}.skip-link:focus{top:10px}.site-header{height:86px;padding:0 clamp(24px,6vw,88px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:3}.wordmark{display:flex;align-items:center;gap:12px;font-size:14px;font-weight:600;line-height:1.08;letter-spacing:-.04em}.wordmark-mark{display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--ink);border-radius:50%;font:500 20px var(--serif)}.site-header nav{display:flex;gap:38px;margin-left:auto;margin-right:42px}.site-header nav a,.header-ig,.eyebrow,.hero-bottom,.art-note,.section-index,.card-no,.address-label,.footer-mark span,.back-top{font-family:var(--mono);font-size:10px;letter-spacing:.13em}.site-header nav a{padding:10px 0}.header-ig{padding:12px 17px;border:1px solid var(--ink);border-radius:30px;letter-spacing:.02em;font-size:11px}.header-ig span,.text-link span,.map-link span,.map-ig span{color:#b55831;margin-left:7px}.hero{min-height:680px;display:grid;grid-template-columns:1fr 1fr;position:relative;padding:62px clamp(24px,9vw,136px) 74px;overflow:hidden;border-bottom:1px solid var(--line)}.hero-copy{align-self:center;z-index:1;padding:0 0 24px}.eyebrow{display:flex;align-items:center;gap:9px;color:var(--muted);font-size:10px}.eyebrow-dot{width:7px;height:7px;background:var(--orange);border-radius:50%}.hero h1{font-size:clamp(56px,7.8vw,108px);line-height:.99;letter-spacing:-.075em;margin:28px 0 20px;font-weight:500}.hero h1 em,.story h2 em,.craft h2 em,.visit h2 em{font-family:var(--serif);font-weight:400;letter-spacing:-.08em}.hero-jp{font-family:var(--serif);font-size:clamp(18px,2vw,22px);line-height:1.8;margin:0;color:#49443c}.round-link{display:inline-flex;align-items:center;gap:15px;margin-top:38px;padding:7px 8px 7px 18px;border:1px solid var(--ink);border-radius:32px;font-size:12px}.round-link b{display:grid;place-items:center;width:36px;height:36px;background:var(--orange);border-radius:50%;font-size:16px;font-weight:400}.hero-art{width:min(100%,500px);aspect-ratio:1;justify-self:end;align-self:center;position:relative;display:grid;place-items:center}.sun-ring{position:absolute;inset:4%;border:1px solid #d4cabb;border-radius:50%}.pour-art{position:relative;width:90%;height:90%;filter:drop-shadow(0 12px 8px #77512a22)}.art-note{position:absolute;z-index:1;color:var(--ink);font-size:9px;line-height:1.6}.art-note-top{right:3%;top:8%}.art-note-bottom{left:0;bottom:9%}.art-star{position:absolute;right:4%;bottom:13%;font-size:32px;color:var(--orange)}.hero-bottom{position:absolute;left:clamp(24px,9vw,136px);right:clamp(24px,9vw,136px);bottom:24px;display:flex;justify-content:space-between;color:var(--muted);font-size:9px}.section-wrap{padding-left:clamp(24px,11vw,160px);padding-right:clamp(24px,11vw,160px);position:relative}.story{padding-top:112px;padding-bottom:140px}.section-index{display:flex;align-items:center;gap:22px;color:#b55831}.section-index span{color:var(--muted)}.story-grid{display:grid;grid-template-columns:1fr 1fr;gap:7vw;margin:55px 0 0 12%}.story h2,.craft h2,.visit h2{font-size:clamp(40px,5.3vw,68px);line-height:1.28;font-weight:500;letter-spacing:-.06em;margin:0}.story-copy{max-width:460px;padding-top:6px}.story-copy p{margin:0 0 22px}.story-copy .lead{font-family:var(--serif);font-size:20px;line-height:1.9}.story-copy p:not(.lead){color:var(--muted);font-size:14px}.text-link{display:inline-block;border-bottom:1px solid var(--ink);padding:10px 0 8px;font-size:12px;margin-top:9px}.story-stamp{position:absolute;right:8%;bottom:52px;width:98px;height:98px;border:1px solid #c9beb0;border-radius:50%;display:grid;place-content:center;text-align:center;font:9px/1.5 var(--mono);letter-spacing:.12em;transform:rotate(11deg);color:#b55831}.story-stamp b{font:24px var(--sans)}.craft{background:#292820;color:var(--paper);padding:90px 0 96px}.craft .section-index{color:#efa274}.craft .section-index span,.craft .eyebrow{color:#c4bbae}.craft-inner{max-width:1440px;margin:auto}.craft-heading{margin:45px 0 52px 12%}.craft h2{font-size:clamp(42px,5vw,64px)}.craft h2 em{color:#ef9b6c}.craft-cards{margin-left:12%;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #656055;border-bottom:1px solid #656055}.craft-card{position:relative;min-height:238px;padding:26px 26px 28px 0}.craft-card+.craft-card{padding-left:28px;border-left:1px solid #656055}.card-no{color:#e7a27e;font-size:9px}.bean-icon,.bake-icon,.cup-icon{height:64px;margin:16px 0 6px;color:#f09a6c}.bean-icon{font-size:42px;transform:rotate(-30deg)}.bake-icon{font-size:42px}.cup-icon{font:500 27px var(--serif);display:flex;align-items:center}.craft-card h3{font:500 18px var(--serif);margin:0 0 8px}.craft-card p{font-size:12px;line-height:1.8;color:#d2cabc;margin:0;max-width:270px}.craft-footnote{margin:24px 0 0 12%;font-size:10px;color:#bcb5a8}.visit{padding-top:112px;padding-bottom:124px}.visit-grid{display:grid;grid-template-columns:1fr 1fr;gap:9vw;margin:48px 0 0 12%;align-items:center}.visit h2{font-size:clamp(42px,5.2vw,66px)}.visit-intro{max-width:350px;margin:23px 0 0;color:var(--muted);font-size:13px}.address-card{max-width:455px;padding:33px 36px 35px;border:1px solid var(--line);background:#eee8dd}.address-label{color:#a6502e;font-size:9px}.address-name{font-family:var(--serif);font-size:20px;margin:26px 0 8px}.address-card address{font-style:normal;font-size:14px;line-height:1.9}.map-link,.map-ig{display:block;width:fit-content;border-bottom:1px solid var(--ink);padding:10px 0 5px;margin-top:18px;font-size:12px}.map-ig{margin-top:7px}.site-footer{padding:38px clamp(24px,6vw,88px) 30px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1.4fr auto;gap:30px;align-items:end}.footer-mark{font:500 21px var(--serif);display:flex;flex-direction:column;line-height:1.35}.footer-mark span{font-size:8px;color:var(--muted);margin-top:7px}.footer-note p{margin:3px 0;color:var(--muted);font-size:10px}.back-top{font-size:9px;white-space:nowrap}
@media(max-width:900px){.hero{padding-left:6vw;padding-right:6vw;min-height:590px}.hero-bottom{left:6vw;right:6vw}.hero-art{width:104%;margin-right:-10%}.hero h1{font-size:clamp(58px,9vw,88px)}.section-wrap{padding-left:7vw;padding-right:7vw}.story-grid,.visit-grid{margin-left:6%;gap:5vw}.craft-heading,.craft-cards,.craft-footnote{margin-left:6%}.story-stamp{right:5%}.site-footer{grid-template-columns:1fr 1.4fr;}.back-top{grid-column:2;justify-self:end}}
@media(max-width:620px){html{scroll-padding-top:70px}.site-header{height:70px;padding:0 20px}.wordmark{font-size:12px;gap:8px}.wordmark-mark{width:30px;height:30px}.site-header nav{display:none}.header-ig{margin-left:auto;font-size:10px;padding:9px 12px}.hero{display:flex;flex-direction:column;min-height:0;padding:58px 23px 65px}.hero-copy{width:100%;padding:0}.hero h1{font-size:clamp(56px,16vw,82px);margin:24px 0 17px}.hero-jp{font-size:18px}.round-link{margin-top:25px}.hero-art{width:min(100%,400px);margin:12px auto -8px;align-self:center}.art-note{font-size:8px}.hero-bottom{left:22px;right:22px;bottom:17px;font-size:8px}.section-wrap{padding-left:24px;padding-right:24px}.story{padding-top:74px;padding-bottom:95px}.story-grid{display:block;margin:36px 0 0}.story h2,.craft h2,.visit h2{font-size:43px}.story-copy{padding-top:24px}.story-copy .lead{font-size:18px}.story-copy p:not(.lead){font-size:13px}.story-stamp{width:74px;height:74px;right:25px;bottom:25px;font-size:7px}.story-stamp b{font-size:18px}.craft{padding:65px 0 67px}.craft-heading{margin:34px 0 30px}.craft .eyebrow{font-size:8px}.craft-cards{margin-left:0;display:block}.craft-card,.craft-card+.craft-card{min-height:auto;padding:20px 8px 23px;border-left:0;border-bottom:1px solid #656055}.craft-card:last-child{border-bottom:0}.bean-icon,.bake-icon,.cup-icon{height:46px;margin:10px 0 4px}.craft-card p{max-width:420px}.craft-footnote{margin:18px 0 0;font-size:9px}.visit{padding-top:72px;padding-bottom:75px}.visit-grid{display:block;margin:35px 0 0}.visit-intro{font-size:12px}.address-card{margin-top:30px;padding:25px 22px}.address-name{font-size:18px}.address-card address{font-size:13px}.site-footer{grid-template-columns:1fr;gap:19px;padding:30px 23px 26px}.footer-mark{font-size:19px}.footer-note p{font-size:9px}.back-top{grid-column:1;justify-self:start;margin-top:3px}}
@media(max-width:360px){.hero{padding-left:18px;padding-right:18px}.hero h1{font-size:53px}.hero-jp{font-size:16px}.hero-bottom{left:18px;right:18px;font-size:7px}.section-wrap{padding-left:19px;padding-right:19px}.story h2,.craft h2,.visit h2{font-size:39px}.craft-card h3{font-size:17px}.address-card{padding:22px 18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}