@import url('https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&family=Noto+Serif+JP:wght@400;500;600&family=Zen+Kaku+Gothic+New:wght@400;500;700&display=swap');
:root{--paper:#f6f2ea;--paper-deep:#eee6d8;--ink:#29231e;--muted:#736a60;--accent:#a56443;--line:#d8d0c3;--white:#fffdf8}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;color:var(--ink);background:var(--paper);font-family:'Zen Kaku Gothic New',sans-serif;font-size:15px;line-height:2;letter-spacing:.035em}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:400}h1,h2{font-family:'Noto Serif JP',serif}.sr-only{position:absolute;width:1px;height:1px;clip:rect(0,0,0,0);overflow:hidden;white-space:nowrap}.site-header{height:100px;padding:0 clamp(28px,6.2vw,112px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:rgba(246,242,234,.94)}.logo{display:inline-grid;gap:1px;font-family:'Noto Serif JP',serif;font-size:20px;font-weight:600;letter-spacing:.12em;line-height:1.15}.logo span{color:var(--accent);font-family:'DM Serif Display',serif;font-size:10px;font-weight:400;letter-spacing:.25em}.global-nav{display:flex;align-items:center;gap:clamp(20px,3.2vw,47px);font-family:'DM Serif Display',serif;font-size:13px;letter-spacing:.13em}.global-nav a{position:relative;padding:5px 0}.global-nav a:after{content:'';position:absolute;right:0;bottom:0;left:0;height:1px;background:var(--accent);transform:scaleX(0);transform-origin:right;transition:transform .3s ease}.global-nav a:hover:after,.global-nav .active:after{transform:scaleX(1);transform-origin:left}.menu-toggle{display:none}.eyebrow,.section-label{color:var(--accent);font-family:'DM Serif Display',serif;font-size:12px;letter-spacing:.22em;line-height:1.4}.section{padding:clamp(92px,11vw,170px) clamp(28px,12vw,216px)}.button{display:inline-flex;align-items:center;justify-content:space-between;min-width:205px;padding:16px 19px 16px 23px;background:var(--ink);color:var(--white);font-size:12px;letter-spacing:.12em;line-height:1.3;transition:background .25s,transform .25s}.button:hover{background:var(--accent);transform:translateY(-3px)}.button span{font-size:20px}.text-link{display:inline-flex;align-items:center;gap:21px;margin-top:31px;padding-bottom:8px;border-bottom:1px solid var(--ink);font-size:12px;letter-spacing:.1em;line-height:1.2;transition:color .25s,border-color .25s}.text-link:hover{color:var(--accent);border-color:var(--accent)}
.hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(420px,.95fr);min-height:660px}.hero-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:clamp(90px,10vw,154px) clamp(28px,7vw,126px)}.display-word{margin:11px 0 -5px;font-family:'DM Serif Display',serif;font-size:clamp(58px,8.3vw,126px);font-weight:400;letter-spacing:-.05em;line-height:.88}.hero h1{margin-top:25px;font-size:clamp(30px,3vw,46px);line-height:1.6}.hero .lead{max-width:460px;margin:24px 0 38px;color:var(--muted)}.hero-visual{position:relative;min-height:500px;overflow:hidden;background:#dfd2c0}.hero-visual:before{content:'';position:absolute;width:74%;aspect-ratio:1;top:13%;left:13%;border:1px solid rgba(255,253,248,.72);border-radius:50%}.hero-visual:after{content:'A quiet pause, a better day.';position:absolute;right:9%;bottom:9%;color:#fffaf0;font-family:'DM Serif Display',serif;font-size:clamp(19px,2vw,27px);font-style:italic;letter-spacing:.01em}.sun{position:absolute;top:19%;left:22%;width:126px;aspect-ratio:1;border-radius:50%;background:#b87a50;opacity:.8}.cup{position:absolute;bottom:28%;left:34%;width:195px;height:112px;border-radius:12px 12px 88px 88px;background:#f6f0e8;box-shadow:inset 0 -14px #d9ccbb,16px 20px 0 rgba(70,48,33,.11)}.coffee{height:27px;margin:11px 16px;border-radius:50%;background:#39261d}.handle{position:absolute;top:24px;right:-48px;width:60px;height:58px;border:12px solid #f6f0e8;border-left:0;border-radius:0 38px 38px 0}.steam{position:absolute;width:23px;height:75px;border-left:1px solid rgba(82,65,52,.55);border-radius:50%}.steam-one{top:22%;left:44%;transform:rotate(17deg)}.steam-two{top:17%;left:56%;transform:rotate(-17deg)}.intro{display:grid;grid-template-columns:.7fr 1.3fr;gap:clamp(45px,9vw,150px);background:var(--white)}.intro h2,.feature h2,.story h2,.access h2{margin:15px 0 24px;font-size:clamp(29px,3.2vw,46px);line-height:1.55}.intro p:not(.section-label),.feature-copy p:not(.eyebrow),.story p:not(.eyebrow){max-width:570px;color:var(--muted)}.feature{display:grid;grid-template-columns:1fr 1fr;padding:0;background:var(--ink);color:var(--white)}.feature-image{position:relative;min-height:550px;overflow:hidden;background:#b38062}.feature-image:before{content:'';position:absolute;width:72%;aspect-ratio:1;top:15%;left:15%;border:1px solid rgba(255,253,248,.65);border-radius:50%}.feature-image:after{content:'';position:absolute;bottom:23%;left:29%;width:230px;height:140px;border-radius:50%;background:#654833;box-shadow:80px 92px 0 -35px #807f68}.feature-image span{position:absolute;z-index:1;top:11%;left:12%;font-family:'DM Serif Display',serif;font-size:clamp(33px,4vw,53px);letter-spacing:-.03em;line-height:.98}.feature-copy{align-self:center;padding:clamp(75px,10vw,150px) clamp(35px,9vw,135px)}.feature-copy .eyebrow{color:#d5a784}.feature-copy p:not(.eyebrow){color:#d9d0c6}.button-light{background:var(--white);color:var(--ink)}.button-light:hover{color:var(--white)}.visit{text-align:center;padding-top:clamp(100px,13vw,190px);padding-bottom:clamp(100px,13vw,190px)}.visit h2{margin:16px 0 5px;font-size:clamp(31px,3.7vw,53px);line-height:1.5}
.page-title{padding:clamp(86px,11vw,168px) clamp(28px,12vw,216px) clamp(78px,9vw,133px);background:var(--paper-deep)}.page-title .display-word{margin:13px 0 22px;font-size:clamp(59px,9vw,138px)}.page-title h1{max-width:700px;font-size:clamp(27px,3vw,43px);line-height:1.55}.page-title>p:last-child{max-width:560px;margin-top:19px;color:var(--muted)}.about-title{background:#e7dfd1}.menu-section{display:grid;grid-template-columns:.55fr 1.45fr;gap:60px}.menu-section-alt{background:var(--white)}.menu-list{border-top:1px solid var(--line)}.menu-list article{display:flex;justify-content:space-between;gap:20px;padding:26px 0 25px;border-bottom:1px solid var(--line)}.menu-list h3{margin-bottom:4px;font-family:'Noto Serif JP',serif;font-size:18px;font-weight:500}.menu-list p{color:var(--muted);font-size:13px;line-height:1.8}.menu-list strong{padding-top:4px;font-family:'DM Serif Display',serif;font-size:17px;font-weight:400;white-space:nowrap}.story{display:grid;grid-template-columns:1fr 1fr;gap:clamp(46px,9vw,148px);align-items:center}.story-art{position:relative;min-height:455px;overflow:hidden;background:#a56443}.story-art:before,.story-art:after{content:'';position:absolute;border-radius:50% 50% 50% 0;transform:rotate(35deg)}.story-art:before{top:16%;left:18%;width:185px;height:185px;background:#e4bd83;box-shadow:132px 98px 0 #eedbb6}.story-art:after{right:11%;bottom:13%;width:140px;height:140px;background:#6f6e5c}.story-art span{position:absolute;z-index:1;bottom:8%;left:9%;color:var(--white);font-family:'DM Serif Display',serif;font-size:35px;line-height:.95}.values{display:grid;grid-template-columns:repeat(3,1fr);gap:60px;padding:clamp(75px,9vw,136px) clamp(28px,12vw,216px);background:var(--ink);color:var(--white)}.values span{color:#d7ab82;font-family:'DM Serif Display',serif;font-size:17px}.values h3{margin:14px 0 10px;font-family:'Noto Serif JP',serif;font-size:20px}.values p{color:#cfc6ba;font-size:13px;line-height:1.9}.access{display:grid;grid-template-columns:1.06fr .94fr;gap:clamp(45px,9vw,145px);align-items:center}.map-art{position:relative;min-height:430px;overflow:hidden;border:12px solid var(--white);background:#d9ded3}.map-road{position:absolute;background:var(--paper)}.road-one{top:45%;left:-10%;width:125%;height:68px;transform:rotate(-18deg)}.road-two{top:-10%;left:55%;width:56px;height:125%;transform:rotate(24deg)}.road-three{bottom:18%;width:100%;height:38px;transform:rotate(8deg)}.map-pin{position:absolute;z-index:2;top:42%;left:45%;display:grid;width:54px;height:54px;place-items:center;border-radius:50% 50% 50% 0;background:var(--accent);color:#fff;font-size:20px;transform:rotate(-45deg)}.station,.park,.map-name{position:absolute;z-index:2;font-size:12px;font-weight:700}.station{top:28%;left:13%}.park{right:10%;bottom:25%}.map-name{top:62%;left:36%;color:var(--accent)}.access-details dl{margin:28px 0 0}.access-details dl div{display:grid;grid-template-columns:100px 1fr;padding:15px 0;border-top:1px solid var(--line)}.access-details dt{font-size:12px;font-weight:700;letter-spacing:.1em}.access-details dd{margin:0}.access-details small,.notice{color:var(--muted);font-size:12px}.notice{margin-top:20px}
.site-footer{padding:clamp(58px,7vw,100px) clamp(28px,6.2vw,112px) 25px;background:var(--ink);color:var(--white)}.footer-grid{display:grid;grid-template-columns:1.45fr 1fr 1fr;gap:50px;padding-bottom:65px}.site-footer .logo{color:var(--white)}.footer-tagline{max-width:260px;margin-top:20px;color:#d7cec2;font-size:13px;line-height:1.9}.footer-heading{margin-bottom:16px;color:#c99a76;font-family:'DM Serif Display',serif;font-size:11px;letter-spacing:.18em}.footer-list{margin:0;padding:0;list-style:none;color:#ded6ca;font-size:12px;line-height:2}.footer-list a{transition:color .2s}.footer-list a:hover{color:#d7a480}.footer-bottom{display:flex;justify-content:space-between;padding-top:19px;border-top:1px solid rgba(255,255,255,.18);color:#a9a094;font-family:'DM Serif Display',serif;font-size:11px;letter-spacing:.1em}
@media(max-width:720px){body{font-size:14px}.site-header{position:relative;height:78px;padding:0 23px}.global-nav{position:absolute;z-index:10;top:77px;right:0;left:0;display:none;flex-direction:column;align-items:stretch;gap:0;padding:14px 24px 22px;border-bottom:1px solid var(--line);background:var(--paper)}.global-nav.open{display:flex}.global-nav a{padding:12px 0}.global-nav a:after{bottom:5px}.menu-toggle{display:flex;flex-direction:column;gap:5px;width:39px;padding:8px;border:0;background:transparent}.menu-toggle>span:not(.sr-only){display:block;width:23px;height:1px;background:var(--ink)}.hero,.feature,.story,.access{grid-template-columns:1fr}.hero-copy{min-height:480px}.hero-visual{min-height:390px}.intro,.menu-section{grid-template-columns:1fr;gap:22px}.section{padding-right:24px;padding-left:24px}.feature-image{min-height:345px}.feature-copy{padding:72px 24px}.page-title{padding:74px 24px 67px}.menu-section{padding-top:72px;padding-bottom:72px}.story-art{min-height:330px}.values{grid-template-columns:1fr;gap:38px;padding:70px 24px}.access{padding-top:70px;padding-bottom:75px}.map-art{min-height:325px}.footer-grid{grid-template-columns:1fr;gap:32px;padding-bottom:47px}.footer-bottom{display:block;line-height:2}.footer-bottom span{display:block}.site-footer{padding:60px 24px 22px}}
.hero-photo{display:block;min-height:720px;background:linear-gradient(90deg,rgba(33,27,22,.78) 0%,rgba(33,27,22,.58) 42%,rgba(33,27,22,.1) 73%),url('images/cafe-hero.png') center/cover no-repeat}.hero-photo .hero-copy{min-height:720px;color:var(--white)}.hero-photo .eyebrow{color:#e5bf9d}.hero-photo .lead{color:#eee5dc}.button-outline{border:1px solid rgba(255,253,248,.65);background:transparent}.button-outline:hover{border-color:var(--accent)}.favorites{background:var(--paper-deep)}.favorites-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:65px}.favorites h2{margin-top:16px;font-size:clamp(29px,3.2vw,46px);line-height:1.55}.favorites-heading .text-link{margin:0;white-space:nowrap}.favorite-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.favorite-card{position:relative;min-height:330px;padding:31px 31px 28px;background:var(--white);border:1px solid rgba(41,35,30,.08);transition:transform .3s ease,box-shadow .3s ease}.favorite-card:hover{transform:translateY(-7px);box-shadow:0 18px 32px rgba(70,50,35,.1)}.card-number{position:absolute;top:25px;right:28px;color:#c9b9a7;font-family:'DM Serif Display',serif;font-size:17px}.card-kicker{color:var(--accent);font-family:'DM Serif Display',serif;font-size:11px;letter-spacing:.18em}.favorite-card h3{max-width:235px;margin:16px 0 15px;font-family:'Noto Serif JP',serif;font-size:21px;line-height:1.55}.favorite-card>p:not(.card-kicker){max-width:260px;color:var(--muted);font-size:13px;line-height:1.9}.favorite-card strong{position:absolute;bottom:26px;left:31px;font-family:'DM Serif Display',serif;font-size:18px;font-weight:400}.visit{background:var(--ink);color:var(--white)}.visit .eyebrow{color:#d5a784}.visit .display-word{margin:20px 0 26px;font-size:clamp(48px,7vw,100px);line-height:.85}.visit h2{margin:0 0 34px}.visit .button{background:var(--white);color:var(--ink)}.visit .button:hover{color:var(--white)}
@media(max-width:720px){.hero-photo,.hero-photo .hero-copy{min-height:630px}.hero-photo .hero-copy{padding-top:100px;padding-bottom:70px}.hero-photo .display-word{font-size:66px}.favorites-heading{display:block;margin-bottom:38px}.favorites-heading .text-link{margin-top:25px}.favorite-grid{grid-template-columns:1fr;gap:14px}.favorite-card{min-height:255px;padding:27px}.favorite-card strong{bottom:22px;left:27px}.visit .display-word{font-size:57px}.visit h2{font-size:29px}}
.intro{grid-template-columns:1fr 1fr;align-items:center}.intro-copy{max-width:530px}.intro-image{min-height:470px;margin:0;overflow:hidden}.intro-image img,.card-image img{display:block;width:100%;height:100%;object-fit:cover}.intro-image img{object-position:center}.favorite-card{display:flex;flex-direction:column;min-height:0;padding:0;overflow:hidden}.card-image{aspect-ratio:1.2/1;margin:0;overflow:hidden}.card-image img{transition:transform .5s ease}.favorite-card:hover .card-image img{transform:scale(1.04)}.card-content{position:relative;flex:1;min-height:260px;padding:29px 31px 64px}.card-content .card-number{top:25px;right:28px}.card-content strong{bottom:25px;left:31px}.favorite-card h3{max-width:250px}
@media(max-width:720px){.intro{grid-template-columns:1fr;gap:38px}.intro-image{min-height:0;aspect-ratio:1.15/1}.card-content{min-height:230px;padding:25px 27px 59px}.card-content .card-number{top:22px;right:25px}.card-content strong{bottom:22px;left:27px}}
.menu-showcase{background:var(--white)}.menu-toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:62px}.menu-toolbar h2,.shop-details h2{margin-top:15px;font-size:clamp(29px,3.2vw,46px);line-height:1.55}.filter-controls{display:flex;flex-wrap:wrap;gap:8px}.filter-button{padding:9px 13px;border:1px solid var(--line);background:transparent;color:var(--ink);font-family:'DM Serif Display',serif;font-size:12px;letter-spacing:.12em;cursor:pointer;transition:background .2s,color .2s}.filter-button:hover,.filter-button.active{border-color:var(--ink);background:var(--ink);color:var(--white)}.menu-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.menu-card{overflow:hidden;background:var(--paper);transition:opacity .25s,transform .25s}.menu-card[hidden]{display:none}.menu-card figure{aspect-ratio:1/1;margin:0;overflow:hidden}.menu-card img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .45s}.menu-card:hover img{transform:scale(1.04)}.menu-card>div{min-height:216px;padding:24px 25px;position:relative}.menu-card h3{margin:11px 0 8px;font-family:'Noto Serif JP',serif;font-size:20px;line-height:1.5}.menu-card>div>p:not(.card-kicker){color:var(--muted);font-size:12px;line-height:1.8}.menu-card strong{position:absolute;bottom:23px;left:25px;font-family:'DM Serif Display',serif;font-size:17px;font-weight:400}.concept{display:grid;grid-template-columns:1fr 1fr;gap:clamp(48px,9vw,150px);align-items:center;background:var(--white)}.concept-photo{min-height:480px;overflow:hidden}.concept-photo img{display:block;width:100%;height:100%;object-fit:cover}.concept-copy h2{margin:15px 0 24px;font-size:clamp(29px,3.2vw,46px);line-height:1.55}.concept-copy p:not(.eyebrow){margin-top:16px;color:var(--muted)}.shop-details{background:var(--paper-deep)}.detail-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:55px;border-top:1px solid var(--line);border-left:1px solid var(--line)}.detail-grid article{min-height:200px;padding:25px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.detail-grid p{color:var(--accent);font-family:'DM Serif Display',serif;font-size:11px;letter-spacing:.16em}.detail-grid strong{display:block;margin:15px 0 11px;font-family:'DM Serif Display',serif;font-size:26px;font-weight:400;letter-spacing:-.03em;line-height:1.15}.detail-grid strong span{margin-left:4px;font-family:'Zen Kaku Gothic New',sans-serif;font-size:12px;letter-spacing:.03em}.detail-grid small{color:var(--muted);font-size:11px;line-height:1.7}.fiction-note{margin-top:22px;color:var(--muted);font-size:12px}.access-page{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(45px,8vw,130px);align-items:start}.access-summary h2{margin:15px 0 24px;font-size:clamp(30px,3.2vw,45px)}.access-summary dl{margin:0}.access-summary dl div{display:grid;grid-template-columns:130px 1fr;padding:17px 0;border-top:1px solid var(--line)}.access-summary dt{font-family:'DM Serif Display',serif;font-size:11px;letter-spacing:.14em}.access-summary dd{margin:0}.access-summary dd a:hover{color:var(--accent)}.access-summary small{color:var(--muted);font-size:11px}.map-frame{overflow:hidden;background:var(--paper-deep)}.map-frame iframe{display:block;width:100%;height:500px;border:0}.map-frame a{display:block;padding:12px 15px;color:var(--muted);font-size:11px;text-align:right}.map-frame a:hover{color:var(--accent)}.access-note{padding:clamp(80px,10vw,130px) 24px;text-align:center;background:var(--ink);color:var(--white)}.access-note .eyebrow{color:#d5a784}.access-note h2{margin:15px 0;font-size:clamp(29px,3vw,43px)}.access-note p:not(.eyebrow){max-width:500px;margin:auto;color:#d9d0c6;font-size:13px}
@media(max-width:720px){.menu-toolbar{display:block;margin-bottom:36px}.filter-controls{margin-top:27px}.menu-card-grid{grid-template-columns:1fr;gap:18px}.menu-card>div{min-height:192px}.concept{grid-template-columns:1fr;gap:37px}.concept-photo{min-height:0;aspect-ratio:1.15/1}.detail-grid{grid-template-columns:1fr 1fr;margin-top:38px}.detail-grid article{min-height:170px;padding:19px}.access-page{grid-template-columns:1fr;gap:40px}.access-summary dl div{grid-template-columns:110px 1fr}.map-frame iframe{height:370px}.access-note{padding:75px 24px}}
.button,.filter-button,.menu-toggle,.back-to-top{outline-offset:4px}.button:focus-visible,.filter-button:focus-visible,.menu-toggle:focus-visible,.back-to-top:focus-visible,.global-nav a:focus-visible{outline:2px solid var(--accent)}.button{transition:background .25s,transform .25s,box-shadow .25s}.button:hover{box-shadow:0 12px 22px rgba(41,35,30,.18)}.menu-card,.favorite-card{will-change:transform}.menu-card:hover{transform:translateY(-6px);box-shadow:0 17px 30px rgba(70,50,35,.1)}.global-nav a{transition:color .2s}.global-nav a:hover{color:var(--accent)}.back-to-top{position:fixed;z-index:20;right:24px;bottom:24px;display:grid;width:52px;height:52px;place-items:center;border:1px solid rgba(255,253,248,.45);border-radius:50%;background:var(--ink);color:var(--white);box-shadow:0 8px 25px rgba(41,35,30,.2);cursor:pointer;opacity:0;pointer-events:none;transform:translateY(12px);transition:opacity .25s,transform .25s,background .25s}.back-to-top.is-visible{opacity:1;pointer-events:auto;transform:translateY(0)}.back-to-top:hover{background:var(--accent);transform:translateY(-3px)}.back-to-top span{font-family:'DM Serif Display',serif;font-size:19px;line-height:.8}.back-to-top small{font-family:'DM Serif Display',serif;font-size:8px;letter-spacing:.14em;line-height:1}.js-motion .reveal{opacity:0;transform:translateY(26px);transition:opacity .7s ease,transform .7s ease}.js-motion .reveal.is-revealed{opacity:1;transform:translateY(0)}@media(max-width:720px){.back-to-top{right:16px;bottom:16px;width:48px;height:48px}.js-motion .reveal{transform:translateY(18px)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button,.menu-card,.favorite-card,.back-to-top,.menu-card img,.card-image img{transition:none!important}}