:root{--paper:#f5f0e7;--paper-2:#ece5d9;--ink:#211b17;--muted:#756c64;--accent:#a65f45;--line:rgba(33,27,23,.18);--serif:"Times New Roman","Yu Mincho","Hiragino Mincho ProN",serif;--sans:"Helvetica Neue","Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif;--max:1240px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:15px;line-height:2;letter-spacing:.035em}body.nav-open{overflow:hidden}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}.shell{width:min(var(--max),calc(100% - 80px));margin-inline:auto}.section{padding-block:clamp(100px,12vw,180px)}.section-rule{border-top:1px solid var(--line)}.label{margin:0 0 24px;color:var(--accent);font-size:10px;font-weight:600;line-height:1;letter-spacing:.32em;text-transform:uppercase}.display{margin:0;font-family:var(--serif);font-weight:400;line-height:.94;letter-spacing:-.045em;text-transform:uppercase}.display-lg{font-size:clamp(62px,10vw,152px)}.display-md{font-size:clamp(48px,7vw,100px)}.lead{font-family:var(--serif);font-size:clamp(22px,2.8vw,36px);line-height:1.65;letter-spacing:.01em}.muted{color:var(--muted)}
.site-header{height:96px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding-inline:clamp(24px,5vw,72px);border-bottom:1px solid rgba(245,240,231,.22);position:absolute;top:0;left:0;width:100%;z-index:30;color:#f7f1e8}.subpage .site-header{position:relative;background:var(--paper);color:var(--ink);border-color:var(--line)}.brand{justify-self:start;font-family:var(--serif);font-size:18px;letter-spacing:.16em;text-transform:uppercase;white-space:nowrap}.brand small{display:block;font:500 8px var(--sans);letter-spacing:.38em;color:var(--accent);margin-top:-5px}.nav{display:flex;gap:clamp(24px,3vw,52px)}.nav a{font-size:10px;font-weight:600;letter-spacing:.22em;position:relative;padding:12px 0}.nav a:after{content:"";position:absolute;left:0;right:100%;bottom:7px;height:1px;background:currentColor;transition:right .35s ease}.nav a:hover:after,.nav a[aria-current="page"]:after{right:0}.header-note{justify-self:end;font-size:9px;letter-spacing:.18em;text-transform:uppercase}.nav-toggle{display:none;border:0;background:transparent;padding:10px;margin-right:-10px}.nav-toggle span{display:block;width:27px;height:1px;background:currentColor;margin:6px 0;transition:.3s}
.hero{min-height:100svh;position:relative;display:flex;align-items:flex-end;color:#f8f2e9;background:#1c1713;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(15,12,10,.79) 0%,rgba(15,12,10,.42) 46%,rgba(15,12,10,.14) 100%),url("images/cafe-hero.png") center/cover no-repeat;transform:scale(1.01)}.hero-inner{position:relative;z-index:1;width:100%;padding-top:clamp(150px,18vh,210px);padding-bottom:clamp(70px,9vw,130px)}.hero .display{max-width:1030px}.hero .display span{display:block;color:#d8a48f;font-style:italic;text-transform:none}.hero-bottom{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:end;margin-top:44px}.hero-copy{max-width:440px;margin:0;font-size:14px}.scroll-cue{justify-self:end;font-size:9px;letter-spacing:.25em;text-transform:uppercase;writing-mode:vertical-rl}.scroll-cue:after{content:"";display:block;width:1px;height:72px;background:rgba(255,255,255,.55);margin:18px auto 0}
.editorial-intro{display:grid;grid-template-columns:.72fr 1.28fr;gap:clamp(60px,12vw,180px);align-items:start}.editorial-intro .lead{margin:0}.editorial-copy p{max-width:520px;margin:0 0 28px}.text-link{display:inline-flex;align-items:center;gap:24px;margin-top:12px;padding-bottom:5px;border-bottom:1px solid var(--ink);font-size:10px;font-weight:600;letter-spacing:.22em;text-transform:uppercase}.text-link:after{content:"↗";font-size:13px;color:var(--accent)}
.favorites{background:var(--paper-2)}.section-head{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:clamp(60px,8vw,110px)}.section-head p:last-child{max-width:330px;margin:0;color:var(--muted);font-size:13px}.favorite-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border-block:1px solid var(--line)}.favorite{background:var(--paper-2);padding:45px 38px 50px;min-height:390px;display:flex;flex-direction:column}.favorite-no{font-family:var(--serif);font-size:13px;color:var(--accent)}.favorite-icon{height:140px;display:grid;place-items:center;margin:18px 0 10px}.cup-line{width:82px;height:68px;border:1px solid var(--ink);border-radius:2px 2px 34px 34px;position:relative}.cup-line:after{content:"";position:absolute;width:32px;height:36px;border:1px solid var(--ink);border-left:0;border-radius:0 20px 20px 0;right:-33px;top:11px}.cake-line{width:100px;height:62px;border:1px solid var(--ink);transform:skew(-8deg);position:relative}.cake-line:before{content:"";position:absolute;left:-1px;right:-1px;top:14px;border-top:1px solid var(--ink)}.leaf-line{font:68px/1 var(--serif);color:var(--ink);transform:rotate(-20deg)}.favorite h3{font:400 28px/1.3 var(--serif);margin:0 0 16px}.favorite p{font-size:12px;color:var(--muted);margin:0}.favorite .price{margin-top:auto;padding-top:28px;font:italic 17px var(--serif);color:var(--ink)}
.image-band{height:min(68vw,760px);background:linear-gradient(rgba(24,19,16,.18),rgba(24,19,16,.18)),url("assets/cafe-hero.png") center 70%/cover no-repeat;background-attachment:fixed}.quote-section{text-align:center}.quote-section blockquote{max-width:920px;margin:0 auto;font:italic clamp(34px,5.2vw,76px)/1.35 var(--serif);letter-spacing:-.025em}.quote-section cite{display:block;margin-top:36px;font-style:normal;font-size:9px;letter-spacing:.28em;text-transform:uppercase;color:var(--accent)}
.page-hero{padding-block:clamp(110px,14vw,200px) clamp(90px,11vw,150px);border-bottom:1px solid var(--line)}.page-hero .display{margin-top:12px}.page-hero-bottom{display:grid;grid-template-columns:1fr 1fr;gap:50px;margin-top:50px}.page-hero-bottom p{max-width:430px;margin:0;grid-column:2;color:var(--muted)}
.filter-bar{display:flex;gap:28px;border-bottom:1px solid var(--line);padding-bottom:20px;margin-bottom:70px}.filter-button{border:0;background:transparent;padding:0 0 7px;cursor:pointer;font-size:9px;letter-spacing:.2em;text-transform:uppercase;position:relative}.filter-button:after{content:"";position:absolute;left:0;right:100%;bottom:0;height:1px;background:var(--accent);transition:.3s}.filter-button:hover:after,.filter-button.is-active:after{right:0}.filter-button.is-active{color:var(--accent)}.menu-list{display:grid;grid-template-columns:1fr 1fr;column-gap:clamp(50px,9vw,140px)}.menu-item{display:grid;grid-template-columns:1fr auto;gap:10px 25px;padding:35px 0;border-bottom:1px solid var(--line)}.menu-item.is-hidden{display:none}.menu-item h2{font:400 26px/1.35 var(--serif);margin:0}.menu-item p{grid-column:1;margin:0;color:var(--muted);font-size:12px}.menu-item strong{grid-column:2;grid-row:2;font:italic 17px var(--serif)}.menu-item .item-label{grid-column:1/-1;margin:0 0 3px;color:var(--accent);font-size:8px;letter-spacing:.25em;text-transform:uppercase}.notice{margin-top:50px;font-size:10px;color:var(--muted)}
.story-layout{display:grid;grid-template-columns:1fr 1fr;gap:clamp(60px,10vw,150px);align-items:center}.story-image{aspect-ratio:4/5;background:url("assets/cafe-hero.png") 77% center/auto 100% no-repeat;position:relative}.story-image:after{content:"Since 2021";position:absolute;right:-25px;bottom:38px;background:var(--accent);color:#fff;padding:18px 14px;font:italic 15px var(--serif);writing-mode:vertical-rl}.story-content h2{margin-bottom:50px}.story-content p{max-width:470px;color:var(--muted);margin-bottom:28px}.values{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px}.value-list{counter-reset:value}.value{counter-increment:value;display:grid;grid-template-columns:60px 1fr;gap:28px;padding:32px 0;border-top:1px solid var(--line)}.value:before{content:"0" counter(value);font:italic 16px var(--serif);color:var(--accent)}.value h3{font:400 25px var(--serif);margin:0 0 10px}.value p{margin:0;color:var(--muted);font-size:12px}
.access-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:clamp(60px,10vw,140px);align-items:start}.map{aspect-ratio:5/4;background:var(--paper-2);border:1px solid var(--line);position:relative;overflow:hidden}.road{position:absolute;background:var(--paper)}.road-a{height:18%;left:-5%;right:-5%;top:42%;transform:rotate(-6deg)}.road-b{width:15%;top:-5%;bottom:-5%;left:28%;transform:rotate(4deg)}.map-place{position:absolute;font-size:9px;letter-spacing:.14em}.map-place.station{left:10%;bottom:12%}.map-place.park{right:10%;top:13%;color:var(--muted)}.pin{position:absolute;left:56%;top:38%;width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:var(--accent);color:#fff;font:italic 20px var(--serif);box-shadow:0 8px 20px rgba(33,27,23,.18)}.info-title{font:400 38px var(--serif);margin:0 0 40px}.info-list{margin:0}.info-list>div{display:grid;grid-template-columns:100px 1fr;padding:20px 0;border-top:1px solid var(--line)}.info-list dt{font-size:9px;letter-spacing:.18em;text-transform:uppercase}.info-list dd{margin:0;font-size:13px}.info-list small{color:var(--muted)}.route-list{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);margin-top:70px}.route{background:var(--paper);padding:38px}.route span{color:var(--accent);font:italic 15px var(--serif)}.route h3{font:400 22px var(--serif);margin:25px 0 12px}.route p{font-size:11px;color:var(--muted);margin:0}
.site-footer{background:var(--ink);color:#eee7dc;padding:clamp(75px,9vw,120px) 0 38px}.footer-top{display:grid;grid-template-columns:1.1fr .9fr;gap:80px;padding-bottom:90px}.footer-brand{font:400 clamp(42px,6vw,78px)/1 var(--serif);letter-spacing:-.035em;text-transform:uppercase}.footer-tagline{font:italic 20px var(--serif);color:#bcb1a6;margin-top:24px}.footer-info{display:grid;grid-template-columns:1fr 1fr;gap:40px}.footer-label{font-size:8px;color:#a99d92;letter-spacing:.25em;text-transform:uppercase;margin-bottom:18px}.footer-info p,.footer-info a{font-size:11px;color:#e0d7ce}.socials{display:flex;gap:24px}.socials a{border-bottom:1px solid rgba(255,255,255,.35)}.footer-bottom{display:flex;justify-content:space-between;padding-top:26px;border-top:1px solid rgba(255,255,255,.15);font-size:8px;letter-spacing:.18em;text-transform:uppercase;color:#94897f}
.reveal{opacity:1;transform:none}.js .reveal{opacity:0;transform:translateY(25px);transition:opacity .8s ease,transform .8s ease}.js .reveal.is-visible{opacity:1;transform:none}:focus-visible{outline:2px solid var(--accent);outline-offset:5px}
@media(max-width:820px){.shell{width:min(100% - 40px,var(--max))}.site-header{height:78px;padding-inline:20px;grid-template-columns:1fr auto}.header-note{display:none}.nav-toggle{display:block;justify-self:end;z-index:2}.nav{position:fixed;inset:0;background:var(--ink);color:#f5f0e7;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:24px;opacity:0;visibility:hidden;transition:.35s}.nav.is-open{opacity:1;visibility:visible}.nav a{font:400 38px var(--serif);letter-spacing:.04em}.nav-toggle.is-open span:first-child{transform:translateY(7px) rotate(45deg)}.nav-toggle.is-open span:nth-child(2){opacity:0}.nav-toggle.is-open span:last-child{transform:translateY(-7px) rotate(-45deg)}.hero-bottom,.editorial-intro,.page-hero-bottom,.story-layout,.values,.access-grid,.footer-top{grid-template-columns:1fr}.hero{min-height:780px}.hero .display{font-size:clamp(56px,17vw,92px)}.scroll-cue{display:none}.editorial-intro,.story-layout,.values,.access-grid{gap:55px}.section-head{display:block}.section-head p:last-child{margin-top:28px}.favorite-grid,.route-list{grid-template-columns:1fr}.favorite{min-height:330px}.image-band{height:600px;background-attachment:scroll}.page-hero-bottom p{grid-column:auto}.menu-list{grid-template-columns:1fr}.story-image{width:90%}.footer-info{grid-template-columns:1fr}.footer-top{gap:60px;padding-bottom:65px}}
@media(max-width:480px){.shell{width:calc(100% - 32px)}.section{padding-block:90px}.display-lg{font-size:52px}.display-md{font-size:46px}.hero .display{font-size:52px}.hero:before{background-position:61% center}.filter-bar{gap:18px;overflow:auto}.footer-bottom{display:block}.footer-bottom span{display:block;margin-bottom:8px}.route{padding:30px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}}
.home-access{background:var(--ink);color:#eee7dc}.home-access-inner{display:grid;grid-template-columns:1.25fr .75fr;gap:clamp(60px,10vw,150px);align-items:end}.home-access .label{color:#c58369}.home-access .display{max-width:780px}.home-access-copy{padding-bottom:8px}.home-access-copy>p{color:#bcb1a6;margin:0 0 34px}.home-access-meta{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding-block:22px;border-block:1px solid rgba(255,255,255,.16);margin-bottom:34px}.home-access-meta span{display:block;font-size:8px;letter-spacing:.22em;text-transform:uppercase;color:#8f847b}.home-access-meta strong{display:block;margin-top:7px;font:400 14px var(--sans)}.home-access .text-link{border-color:#eee7dc}.home-access .text-link:after{color:#c58369}@media(max-width:820px){.home-access-inner{grid-template-columns:1fr;align-items:start}.home-access-copy{max-width:520px}}@media(max-width:480px){.home-access-meta{grid-template-columns:1fr}}
@media(max-height:760px) and (min-width:821px){.hero .display{font-size:clamp(68px,8vw,112px)}.hero-inner{padding-top:140px;padding-bottom:55px}.hero-bottom{margin-top:28px}.scroll-cue:after{height:44px}}
.home-intro{display:grid;grid-template-columns:.72fr 1.28fr;gap:clamp(45px,7vw,100px) clamp(60px,12vw,180px);align-items:start}.intro-heading{grid-row:1 / span 2}.intro-heading .lead{margin:0}.intro-image{grid-column:2;margin:0;overflow:hidden;background:var(--paper-2)}.intro-image img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}.home-intro .editorial-copy{grid-column:2}.favorite-image{margin:26px 0 30px;overflow:hidden;background:#dfd6c9}.favorite-image img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover;transition:transform .6s ease}.favorite:hover .favorite-image img{transform:scale(1.025)}@media(max-width:820px){.home-intro{grid-template-columns:1fr;gap:42px}.intro-heading,.intro-image,.home-intro .editorial-copy{grid-column:auto;grid-row:auto}.intro-image{width:100%}.favorite-image img{transform:none!important}}
.menu-catalog{padding-top:clamp(75px,9vw,130px)}.concept-layout{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(60px,10vw,150px);align-items:center}.concept-image{background:var(--paper-2);overflow:hidden}.concept-image img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}.concept-copy .display{margin-bottom:40px}.concept-copy .lead{font-size:clamp(20px,2.2vw,30px);margin:0 0 28px}.concept-copy>p:not(.label):not(.lead){color:var(--muted);font-size:13px;margin:0 0 22px}.shop-facts{background:var(--paper-2)}.facts-grid{display:grid;grid-template-columns:repeat(4,1fr);margin:0;border-block:1px solid var(--line)}.fact{padding:32px clamp(22px,3vw,40px);border-right:1px solid var(--line)}.fact:last-child{border-right:0}.fact dt{font-size:8px;font-weight:600;letter-spacing:.24em;text-transform:uppercase;color:var(--accent)}.fact dd{margin:55px 0 0}.fact strong{display:block;font:italic clamp(30px,3.2vw,48px)/1 var(--serif);font-weight:400}.fact span{display:block;margin-top:25px;color:var(--muted);font-size:11px}.fiction-note{margin:36px 0 0;color:var(--muted);font-size:9px;line-height:1.8}.access-page{display:grid;grid-template-columns:.72fr 1.28fr;gap:clamp(60px,9vw,130px);align-items:start}.access-details{position:sticky;top:50px}.osm-map{width:100%;aspect-ratio:4/3;background:var(--paper-2);border:1px solid var(--line);overflow:hidden}.osm-map iframe{display:block;width:100%;height:100%;border:0}.map-link{display:flex;justify-content:space-between;align-items:center;padding:16px 2px;border-bottom:1px solid var(--line);font-size:9px;font-weight:600;letter-spacing:.2em;text-transform:uppercase}.map-link span{color:var(--accent);font-size:15px}.route-section{background:var(--paper-2)}.route-section .route-list{margin-top:55px}.route-section .route{background:var(--paper-2)}
@media(max-width:900px){.facts-grid{grid-template-columns:1fr 1fr}.fact:nth-child(2){border-right:0}.fact:nth-child(-n+2){border-bottom:1px solid var(--line)}}@media(max-width:820px){.concept-layout,.access-page{grid-template-columns:1fr;gap:55px}.access-details{position:static}.concept-image{order:2}.concept-copy{order:1}.osm-map{aspect-ratio:1}.map-panel{width:100%}}@media(max-width:520px){.facts-grid{grid-template-columns:1fr}.fact,.fact:nth-child(2){border-right:0;border-bottom:1px solid var(--line)}.fact:last-child{border-bottom:0}.fact dd{margin-top:32px}.osm-map{height:440px;aspect-ratio:auto}}
.favorite,.route,.fact,.menu-item{transition:transform .35s ease,background-color .35s ease,box-shadow .35s ease}.favorite:hover{transform:translateY(-7px);box-shadow:0 18px 45px rgba(33,27,23,.1);position:relative;z-index:1}.route:hover,.fact:hover{background:rgba(166,95,69,.055)}.menu-item:hover{transform:translateX(7px)}.menu-item:hover h2{color:var(--accent)}.menu-item h2{transition:color .3s ease}.text-link,.map-link,.filter-button,.nav-toggle{transition:color .3s ease,opacity .3s ease,transform .3s ease}.text-link:hover,.map-link:hover{color:var(--accent)}.text-link:hover:after{transform:translate(3px,-3px)}.text-link:after{transition:transform .3s ease}.filter-button:hover{transform:translateY(-2px)}.back-to-top{position:fixed;right:clamp(16px,3vw,38px);bottom:clamp(16px,3vw,38px);z-index:25;width:62px;height:62px;border:1px solid rgba(245,240,231,.25);border-radius:50%;background:var(--ink);color:var(--paper);display:grid;place-content:center;gap:0;cursor:pointer;opacity:0;visibility:hidden;transform:translateY(14px);transition:opacity .3s ease,visibility .3s ease,transform .3s ease,background-color .3s ease;box-shadow:0 10px 30px rgba(33,27,23,.18)}.back-to-top.is-visible{opacity:1;visibility:visible;transform:none}.back-to-top:hover{background:var(--accent);transform:translateY(-4px)}.back-to-top span{font:20px/1 var(--serif)}.back-to-top small{font:600 7px/1 var(--sans);letter-spacing:.18em;margin-top:5px}@media(max-width:820px){.favorite:hover,.menu-item:hover{transform:none}.back-to-top{width:52px;height:52px}.nav-toggle:hover{opacity:.65}}@media(prefers-reduced-motion:reduce){.js .reveal{opacity:1;transform:none;transition:none}.favorite,.route,.fact,.menu-item,.back-to-top,.text-link:after{transition:none!important}}