/* KOMOREBI — cream, warm brown and muted terracotta. */
:root{--paper:#f7f3eb;--ink:#302821;--muted:#72655b;--accent:#98634b;--line:#d9cfc2;--serif:Georgia,"Times New Roman","Yu Mincho",serif;--sans:"Yu Gothic","Hiragino Kaku Gothic ProN",Meiryo,sans-serif;--width:1160px}
*{box-sizing:border-box}html{scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/2 var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:7px}a:hover{color:var(--accent)}h1,h2,h3,p{margin:0}h1,h2{font-family:var(--serif);font-weight:400;line-height:1.04;letter-spacing:-.045em}h1{font-size:clamp(72px,8.3vw,120px)}h2{font-size:clamp(48px,5vw,72px)}h3{font-size:18px;font-weight:500;line-height:1.9}p{color:var(--muted)}.header{max-width:1440px;margin:auto;min-height:126px;padding:26px 6%;display:flex;align-items:center;justify-content:space-between;gap:32px}.brand{display:flex;align-items:center;gap:18px;font-family:var(--serif);font-size:23px;letter-spacing:.07em;line-height:1.3}.brand small{display:block;font:11px/2 var(--sans);letter-spacing:.25em;margin-top:5px}.brand-symbol{display:grid;place-items:center;width:50px;height:58px;border:1px solid var(--accent);border-radius:28px 28px 0 0;color:var(--accent);font-style:italic;font-size:33px;letter-spacing:-.08em;padding-right:4px}nav{display:flex;gap:36px}nav a{font:11px/2 var(--sans);letter-spacing:.14em;padding:12px 0;position:relative}nav a:after{content:"";position:absolute;bottom:4px;left:0;width:0;height:1px;background:var(--accent);transition:width .2s}nav a:hover:after,nav a[aria-current=page]:after{width:100%}nav a[aria-current=page]{color:var(--accent)}.nav-toggle{display:none}.eyebrow{display:block;font:10px/1.7 var(--sans);letter-spacing:.23em;color:var(--accent);margin-bottom:28px;font-weight:600}.hero{max-width:1440px;margin:30px auto 0;padding:0 6%;display:grid;grid-template-columns:1.13fr 1fr;gap:50px;align-items:center}.hero-copy{padding:45px 0 55px}.hero h1{position:relative;z-index:2;white-space:nowrap}.hero-jp{color:var(--ink);font-size:18px;letter-spacing:.1em;margin:30px 0 20px}.lead{font-size:14px;line-height:2.3}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:55px;border-bottom:1px solid var(--accent);padding:14px 0 12px;margin-top:30px;color:var(--ink);font-size:13px}.button span{color:var(--accent);font-size:23px}.coffee-art{position:relative;isolation:isolate;overflow:hidden;min-height:550px;background:linear-gradient(125deg,#cbb596,#e1d2b9 46%,#b49a7b);border-radius:48% 48% 0 0}.coffee-art:before{content:"";position:absolute;inset:-30%;background:repeating-linear-gradient(112deg,transparent 0 105px,#5b433322 105px 120px,transparent 120px 215px);transform:rotate(-12deg);filter:blur(2px)}.coffee-art:after{content:"";position:absolute;width:220px;height:80px;border-radius:100% 0 100% 0;right:-85px;top:75px;background:#6a514088;transform:rotate(35deg);box-shadow:-20px 85px 0 #6a514055,50px 165px 0 #6a514044;filter:blur(5px)}.light{position:absolute;inset:0;background:linear-gradient(125deg,transparent 26%,#fff6df55 27%,#fff6df44 42%,transparent 43%)}.saucer{position:absolute;width:280px;height:280px;left:calc(50% - 140px);top:29%;border-radius:50%;background:radial-gradient(circle,#d1c5b3 0 54%,#eee6d7 55% 63%,#c5b9a8 64%,#e9e0d0 66%);box-shadow:19px 30px 28px #4b352d38;transform:rotate(-22deg)}.cup{position:absolute;width:186px;height:186px;top:38px;left:39px;border:10px solid #f4ecdd;border-radius:50%;background:#ddd0ba;box-shadow:7px 10px 15px #59413044}.cup:after{content:"";position:absolute;top:62px;right:-53px;width:48px;height:43px;border:12px solid #ede3d3;border-radius:15px;z-index:-1}.coffee{position:absolute;inset:4px;border-radius:50%;background:radial-gradient(ellipse at 40% 30%,#a97849,#69422c 43%,#3b251c 80%);box-shadow:inset 0 0 0 3px #ae8456}.coffee:after{content:"";position:absolute;inset:16px;border-radius:50%;border-top:1px solid #dfc5a866;transform:rotate(-30deg)}.coffee-art>span{position:absolute;bottom:26px;left:28px;font:9px/1.7 var(--sans);letter-spacing:.17em;color:#4f3c2f}.info-strip{max-width:var(--width);margin:55px auto 0;border-bottom:1px solid var(--line);padding:22px 0;display:flex;gap:32px;font-size:12px;color:var(--muted)}.info-strip b{font-weight:400;color:var(--ink);margin-left:15px;letter-spacing:.08em}.info-strip a{margin-left:auto;color:var(--accent)}.section{max-width:var(--width);margin:auto;padding:130px 0}.intro{display:grid;grid-template-columns:1fr 1.6fr;gap:50px}.intro>.eyebrow{padding-top:12px}.jp-heading{font-size:17px;letter-spacing:.05em;margin:27px 0 22px;color:var(--ink)}.intro p:not(.eyebrow){font-size:15px;line-height:2.4}.text-link{display:inline-flex;gap:30px;align-items:center;border-bottom:1px solid var(--line);padding:12px 0;font-size:12px;letter-spacing:.05em;min-height:48px}.text-link:hover{border-color:var(--accent)}.intro .text-link{margin-top:24px}.picks,.values{border-top:1px solid var(--line)}.section-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:55px}.section-subtitle{font-size:14px;margin-top:24px}.favorites{display:grid;grid-template-columns:repeat(3,1fr);gap:44px}.favorites article{border-top:1px solid var(--line);padding:30px 0 0}.favorites small{font-size:10px;letter-spacing:.16em;color:var(--accent)}.favorites h3{margin:28px 0 15px}.favorites p{font-size:14px;line-height:2.1}.favorites article>span{display:block;margin-top:22px;font-family:var(--serif);font-size:22px}.page-heading{max-width:var(--width);margin:auto;padding:85px 0 100px;border-bottom:1px solid var(--line)}.page-heading h1{font-size:clamp(80px,9vw,128px)}.page-jp{font-size:20px;color:var(--ink);letter-spacing:.07em;margin:35px 0 24px}.page-heading>p:last-child{font-size:15px;line-height:2.2}.menu-section{display:grid;grid-template-columns:1fr 1.4fr;gap:80px;padding:90px 0;border-bottom:1px solid var(--line)}.menu-section>div>p:last-child{font-size:14px;max-width:250px}.menu-list{margin:0}.menu-list>div{display:flex;justify-content:space-between;gap:25px;border-bottom:1px solid var(--line);padding:27px 0}.menu-list>div:first-child{padding-top:4px}.menu-list>div:last-child{border-bottom:0}.menu-list dt{font-size:16px}.menu-list small{display:block;font-size:12px;color:var(--muted);margin-top:8px;line-height:1.9}.menu-list dd{margin:0;white-space:nowrap;font-family:var(--serif);font-size:22px}.note{max-width:var(--width);margin:45px auto 85px;font-size:12px;line-height:2.1;color:var(--muted);border-left:1px solid var(--accent);padding:4px 0 4px 24px}.note .eyebrow{font-size:9px;margin-bottom:10px}.story{display:grid;grid-template-columns:1fr 1fr;gap:95px;align-items:center}.story .coffee-art{min-height:580px;border-radius:0 0 46% 46%}.story p:not(.eyebrow){font-size:14px;line-height:2.4;margin-bottom:20px}.values .favorites{margin-top:55px}.access-section{display:grid;grid-template-columns:1.1fr 1fr;gap:85px;align-items:center}.shop-details{margin:30px 0 0}.shop-details>div{display:grid;grid-template-columns:90px 1fr;gap:10px;padding:18px 0;border-bottom:1px solid var(--line);font-size:13px}.shop-details dt{color:var(--muted)}.shop-details dd{margin:0}.map{position:relative;min-height:470px;border:1px solid var(--line);background:linear-gradient(90deg,transparent 34%,var(--paper) 34% 43%,transparent 43%),linear-gradient(0deg,#e8e1d5 43%,var(--paper) 43% 56%,#e8e1d5 56%)}.park{position:absolute;top:40px;left:20px;background:#d3c7b6;padding:40px 18px;border-radius:45% 30% 40% 20%;font-size:12px;color:#66584b}.road{position:absolute;top:46%;right:35px;font-size:11px;color:var(--muted)}.pin{position:absolute;top:25%;right:32px;color:var(--accent);text-align:center;font-size:13px}.station{position:absolute;bottom:65px;left:17%;border:1px solid #a39381;padding:12px 20px;font-size:13px;background:var(--paper)}.map-note{position:absolute;bottom:20px;left:20px;font-size:9px;letter-spacing:.07em;color:var(--muted)}.next-section{max-width:var(--width);margin:0 auto;padding:85px 0 90px;border-top:1px solid var(--line)}.next-section>a{display:flex;justify-content:space-between;align-items:center;gap:25px;font:clamp(36px,4.8vw,64px)/1.2 var(--serif);letter-spacing:-.035em}.next-arrow{color:var(--accent);font-size:50px}.next-section>p:last-child{font-size:13px;margin-top:22px}.footer{background:#eee7dc;padding:75px max(6%,calc((100% - 1160px)/2)) 25px}.footer-top{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:55px}.footer-brand{display:block;font:32px/1.4 var(--serif);letter-spacing:.08em}.footer-brand span{display:block;font:12px/2 var(--sans);letter-spacing:.2em;margin-top:8px}.footer-top>div>p:not(.eyebrow){font-size:12px;line-height:2.2;margin-top:22px}.footer .eyebrow{font-size:9px}.footer-info .hours{font:24px/1.4 var(--serif)!important;letter-spacing:.03em}.footer .text-link{margin-top:10px}.footer-top .social-note{font-size:10px!important}.footer-bottom{display:flex;gap:30px;align-items:center;border-top:1px solid #d3c7b8;margin-top:65px;padding-top:24px;color:var(--muted);font-size:10px;letter-spacing:.04em}.footer-bottom small{font-size:9px;letter-spacing:.1em}.footer-bottom a{margin-left:auto;min-height:44px;display:flex;align-items:center;font-size:9px;letter-spacing:.13em}.skip{position:absolute;left:12px;top:-150px;padding:12px;background:var(--paper);z-index:10}.skip:focus{top:12px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
@media(max-width:1300px){.section,.info-strip,.page-heading,.note,.next-section{margin-left:7%;margin-right:7%}.hero{gap:35px}.hero h1{font-size:clamp(64px,8.2vw,110px)}.coffee-art{min-height:500px}.story{gap:65px}.access-section{gap:55px}}
@media(max-width:1000px){nav{gap:23px}.hero{gap:28px}.coffee-art{min-height:460px}.saucer{transform:rotate(-22deg) scale(.85)}.section{padding-top:100px;padding-bottom:100px}.story{gap:40px}.menu-section{gap:40px}.footer-top{gap:30px}.access-section{gap:35px}.park{padding:35px 12px;font-size:10px}.pin{right:18px}.station{left:10%}}
@media(max-width:800px){.header{padding:22px 6%;min-height:100px;flex-wrap:wrap;gap:20px}.brand{font-size:20px;gap:13px}.brand-symbol{width:42px;height:50px;font-size:29px}.brand small{font-size:10px}.nav-toggle{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;width:70px;min-height:48px;background:none;border:0;color:var(--ink);padding:5px 0;cursor:pointer}.toggle-lines{width:25px;height:9px;border-top:1px solid currentColor;border-bottom:1px solid currentColor}.toggle-label{font:8px/1.5 var(--sans);letter-spacing:.09em}nav{width:100%;display:flex;flex-wrap:wrap;gap:12px 24px;padding:18px 0 5px;border-top:1px solid var(--line)}nav a{font-size:11px;min-height:44px}.js nav{display:none}.js nav.is-open{display:flex}.hero{grid-template-columns:1fr;margin-top:15px;padding:0 7%;gap:40px}.hero-copy{padding:30px 0 0}.hero h1{font-size:clamp(67px,12vw,96px)}.hero .eyebrow{font-size:9px}.hero-jp{font-size:16px;margin-top:27px}.lead{font-size:14px;line-height:2.2}.coffee-art{min-height:430px;max-width:560px;width:100%;justify-self:center}.saucer{transform:rotate(-22deg) scale(1)}.coffee-art>span{font-size:8px}.info-strip{margin-top:35px;flex-wrap:wrap;gap:10px 20px;font-size:11px;padding:20px 0}.info-strip a{margin-left:auto;min-height:44px;display:flex;align-items:center}.info-strip>span{display:flex;align-items:center}.section{padding:80px 0}.intro{grid-template-columns:1fr;gap:15px}.intro>.eyebrow{padding-top:0;margin-bottom:18px}h2{font-size:52px}.jp-heading{font-size:16px}.intro p:not(.eyebrow){font-size:14px}.section-head{display:block;margin-bottom:35px}.section-head>.text-link{margin-top:18px}.favorites{grid-template-columns:1fr;gap:30px}.favorites article{padding-top:24px}.favorites h3{margin-top:16px;font-size:18px}.favorites p{font-size:14px}.favorites article>span{margin-top:15px}.page-heading{padding-top:60px;padding-bottom:65px}.page-heading h1{font-size:clamp(70px,12vw,96px)}.page-jp{font-size:17px;margin:28px 0 20px}.page-heading>p:last-child{font-size:14px}.menu-section{grid-template-columns:1fr;gap:35px;padding:60px 0}.menu-section h2 br{display:none}.menu-section>div>p:last-child{max-width:none}.menu-list dt{font-size:15px}.menu-list dd{font-size:21px}.menu-list small{font-size:12px;max-width:250px}.story{grid-template-columns:1fr;gap:55px}.story .coffee-art{min-height:450px}.story>div:last-child>.eyebrow{margin-bottom:24px}.values .favorites{margin-top:40px}.access-section{grid-template-columns:1fr;gap:50px}.map{min-height:410px;order:2}.park{font-size:12px;padding:35px 22px}.pin{right:35px}.station{left:20%}.shop-details>div{font-size:14px}.note{margin-top:30px;margin-bottom:60px}.next-section{padding:60px 0}.next-section>a{font-size:clamp(34px,7vw,54px)}.next-arrow{font-size:34px}.footer{padding-top:60px}.footer-top{grid-template-columns:1fr 1fr;gap:45px 25px}.footer-top>div:first-child{grid-column:1/-1}.footer-brand{font-size:30px}.footer-bottom{flex-wrap:wrap;gap:12px;margin-top:45px}.footer-bottom>span{width:100%;order:3}.footer-bottom a{margin-left:auto}.footer .text-link{font-size:12px}.footer-top .social-note{font-size:11px!important}}
@media(max-width:380px){.hero h1{font-size:61px}.hero-jp{font-size:14px}.hero .eyebrow{font-size:8px}.coffee-art{min-height:370px}.saucer{transform:rotate(-22deg) scale(.85)}.footer-top{grid-template-columns:1fr}.footer-top>div:first-child{grid-column:auto}.shop-details>div{grid-template-columns:70px 1fr}.page-heading h1{font-size:64px}.menu-list small{max-width:190px}.info-strip a{margin-left:0}.next-section>a{font-size:32px}}
@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}a,button{transition:color .2s,border-color .2s}.button span,.next-arrow{transition:transform .25s}.button:hover span,.next-section>a:hover .next-arrow{transform:translate(3px,-3px)}}

/* Home: photographic opening and editorial menu cards. Scoped to preserve subpages. */
.home-page .header{max-width:none;background:var(--paper)}
.home-page .home-hero{position:relative;display:flex;align-items:center;max-width:none;min-height:720px;min-height:min(860px,calc(100svh - 126px));margin:0;padding:85px max(7%,calc((100% - 1160px)/2));overflow:hidden;background:#3c3027;isolation:isolate}
.hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-3}
.hero-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(30,23,18,.77) 0%,rgba(30,23,18,.56) 43%,rgba(30,23,18,.12) 100%),linear-gradient(0deg,rgba(30,23,18,.35),transparent 35%)}
.home-page .home-hero .hero-copy{padding:10px 0 55px;width:100%;max-width:1160px}
.home-hero .eyebrow{color:#eee0cb;font-size:10px}
.home-page .home-hero h1{font-size:clamp(76px,8.7vw,128px);color:#fff9ed;line-height:1.02}
.home-hero .hero-jp{color:#fff7e9;margin:32px 0 18px;font-size:19px;letter-spacing:.12em}
.home-hero .lead{color:#f2e8db;font-size:14px;line-height:2.2}
.home-hero .button{color:#fff8ed;border-color:#d1af94;min-height:52px;margin-top:27px}
.home-hero .button span{color:#e0c3aa}
.home-hero .button:hover{color:#e0c3aa}
.hero-bottom{position:absolute;bottom:25px;left:7%;right:7%;display:flex;justify-content:space-between;align-items:center;gap:24px;color:#f0e4d6;font-size:8px;letter-spacing:.18em}
.hero-bottom a{min-height:44px;display:flex;align-items:center;gap:24px}
.hero-bottom a:hover{color:white}
.home-page .info-strip{margin-top:0;padding:25px 0}
.home-page .intro{padding-top:145px;padding-bottom:145px}
.home-page .intro>div{max-width:620px}
.home-page .picks{padding-bottom:125px}
.home-page .menu-cards{gap:25px}
.home-page .menu-cards article{padding:35px 30px 30px;border:1px solid var(--line);background:#f0e9de;display:flex;flex-direction:column;position:relative;min-height:290px}
.home-page .menu-cards article:before{content:"";width:28px;height:1px;background:var(--accent);position:absolute;right:30px;top:44px}
.home-page .menu-cards h3{font-size:19px;letter-spacing:.02em;margin:32px 0 14px}
.home-page .menu-cards p{font-size:13px;line-height:2.1;margin-bottom:30px}
.home-page .menu-cards .card-price{margin-top:auto;font-size:27px;padding-top:18px;border-top:1px solid var(--line)}
.home-page .menu-cards .card-price small{font:10px/1.5 var(--sans);color:var(--muted);letter-spacing:.03em;margin-left:8px}
.home-access{position:relative;padding:95px 0 105px}
.home-access>a{max-width:850px}
.access-invitation{display:flex;align-items:end;justify-content:space-between;gap:35px;margin-top:32px}
.access-invitation p{font-size:14px;line-height:2.2}
.access-invitation .text-link{min-width:180px;justify-content:space-between}
@media(min-width:1600px){.hero-image{object-position:center 58%}}
@media(max-width:1000px){.home-page .menu-cards{gap:16px}.home-page .menu-cards article{padding:30px 22px}.home-page .menu-cards h3{font-size:17px}.home-page .menu-cards article:before{right:22px;top:39px}}
@media(max-width:800px){.home-page .home-hero{min-height:680px;min-height:calc(90svh - 100px);padding:65px 7% 95px;align-items:center}.home-page .home-hero .hero-copy{padding:0}.hero-image{object-position:61% center}.hero-shade{background:linear-gradient(90deg,rgba(30,23,18,.8),rgba(30,23,18,.42)),linear-gradient(0deg,rgba(30,23,18,.25),transparent 40%)}.home-page .home-hero h1{font-size:clamp(64px,11.5vw,90px)}.home-hero .eyebrow{font-size:8px;letter-spacing:.18em}.home-hero .hero-jp{font-size:16px;margin-top:30px}.home-hero .lead{font-size:13px;line-height:2.2}.hero-bottom{font-size:7px;bottom:16px;letter-spacing:.12em}.hero-bottom>span{max-width:125px}.hero-bottom a{gap:12px}.home-page .info-strip{padding:18px 0}.home-page .intro{padding-top:85px;padding-bottom:85px}.home-page .picks{padding-bottom:80px}.home-page .menu-cards{gap:20px}.home-page .menu-cards article{min-height:255px;padding:30px}.home-page .menu-cards article:before{right:30px}.home-page .menu-cards h3{font-size:19px;margin-top:26px}.home-page .menu-cards p{font-size:14px;margin-bottom:26px}.access-invitation{display:block;margin-top:30px}.access-invitation .text-link{margin-top:20px}.home-access{padding-top:65px;padding-bottom:75px}}
@media(max-width:380px){.home-page .home-hero{min-height:620px;padding-top:50px}.home-page .home-hero h1{font-size:59px}.home-hero .hero-jp{font-size:14px}.home-hero .lead{font-size:12px}.hero-bottom>span{display:none}.hero-bottom a{margin-left:auto}.home-page .menu-cards article{padding:25px}}

/* Supplied home photographs: preserve the entire image and its natural ratio. */
.home-page .intro{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);align-items:center;gap:100px}
.home-page .intro-photo{margin:0;max-width:100%;text-align:center}
.home-page .intro-photo img{display:block;width:auto;height:auto;max-width:100%;max-height:640px;margin:0 auto}
.home-page .intro-photo figcaption{font-size:9px;letter-spacing:.18em;color:var(--muted);margin-top:18px}
.home-page .intro-copy{min-width:0}
.home-page .intro-copy>.eyebrow{margin-bottom:28px}
.home-page .menu-cards article{min-width:0}
.home-page .menu-cards article:before{display:none}
.home-page .menu-photo{width:100%;aspect-ratio:1/1;display:grid;place-items:center;background:#e8dfd2;margin-bottom:28px;overflow:hidden}
.home-page .menu-photo img{display:block;width:100%;height:100%;min-width:0;min-height:0;object-fit:scale-down}
@media(max-width:1000px){.home-page .intro{gap:50px}}
@media(max-width:800px){.home-page .intro{grid-template-columns:minmax(0,1fr);gap:45px}.home-page .intro-photo{width:100%;max-width:400px;justify-self:center}.home-page .intro-photo img{max-height:520px}.home-page .menu-photo{max-width:380px;align-self:center;margin-bottom:25px}.home-page .intro-copy{max-width:100%}}

/* Interior pages: shared editorial rhythm, accessible controls and responsive information. */
[hidden]{display:none!important}
.inner-page .page-heading{padding-top:90px;padding-bottom:95px}
.menu-filter-wrap{max-width:1160px;margin:55px auto 0}
.menu-filter-wrap .eyebrow{margin-bottom:20px}
.menu-filters{display:flex;flex-wrap:wrap;gap:12px}
.menu-filters button{min-height:48px;min-width:105px;border:1px solid var(--line);background:transparent;color:var(--ink);padding:10px 23px;font-size:13px;cursor:pointer}
.menu-filters button:hover{border-color:var(--accent);color:var(--accent)}
.menu-filters button[aria-pressed="true"]{background:var(--ink);border-color:var(--ink);color:var(--paper)}
.filter-status{font-size:12px;line-height:1.8;margin-top:18px;color:var(--muted)}
.category-section{align-items:start}
.category-section h2{font-size:clamp(42px,4.5vw,62px);max-width:370px;overflow-wrap:normal}
.category-section .category-photo{margin:30px 0 0;max-width:280px;width:100%;aspect-ratio:1/1;background:#e8dfd2;display:grid;place-items:center}
.category-photo img{display:block;width:100%;height:100%;object-fit:scale-down;min-width:0;min-height:0}
.category-section .menu-list{padding-top:5px}
.inner-page .story-photo{margin:0;text-align:center;min-width:0}
.story-photo img{display:block;max-width:100%;width:auto;height:auto;max-height:650px;margin:0 auto}
.story-photo figcaption{font-size:9px;letter-spacing:.18em;margin-top:18px;color:var(--muted)}
.cafe-information,.location-information{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:80px;border-top:1px solid var(--line)}
.location-information{border-top:0;padding:85px 0}
.cafe-information h2,.location-information h2{font-size:clamp(43px,4.5vw,64px)}
.information-list{margin:0;min-width:0}
.information-list>div{display:grid;grid-template-columns:110px minmax(0,1fr);gap:20px;padding:23px 0;border-bottom:1px solid var(--line);font-size:14px}
.information-list>div:first-child{padding-top:5px}
.information-list dt{color:var(--muted)}
.information-list dd{margin:0;white-space:normal;overflow-wrap:anywhere;line-height:2}
.information-list small{font-size:12px;color:var(--muted)}
.location-intro{font-size:14px;line-height:2.3}
.map-section{padding-top:25px;padding-bottom:35px}
.map-section .section-head{margin-bottom:30px}
.map-explanation{max-width:800px;font-size:13px;line-height:2;margin-bottom:25px}
.osm-map{display:block;width:100%;height:500px;border:1px solid var(--line);background:#e8dfd2}
.map-credit{font-size:11px;margin-top:15px;line-height:2}
.map-credit a{text-decoration:underline;text-underline-offset:3px}
@media(max-width:1300px){.menu-filter-wrap{margin-left:7%;margin-right:7%}}
@media(max-width:1000px){.cafe-information,.location-information{gap:40px}.information-list>div{grid-template-columns:90px minmax(0,1fr);gap:15px}}
@media(max-width:800px){.inner-page .page-heading{padding-top:55px;padding-bottom:60px}.menu-filter-wrap{margin-top:35px}.menu-filters{gap:8px}.menu-filters button{min-width:0;flex:1 1 calc(25% - 8px);padding:10px 12px;font-size:12px}.category-section{gap:30px}.category-section h2{font-size:48px;max-width:none}.category-section .category-photo{max-width:280px;margin-top:25px}.inner-page .story-photo img{max-height:520px}.cafe-information,.location-information{grid-template-columns:minmax(0,1fr);gap:40px}.information-list>div{grid-template-columns:85px minmax(0,1fr);font-size:13px;gap:15px;padding:20px 0}.location-information{padding:60px 0}.map-section{padding-top:15px;padding-bottom:30px}.osm-map{height:420px}.map-section .section-head{margin-bottom:22px}.map-explanation{font-size:12px}.map-credit{font-size:10px}.cafe-information h2,.location-information h2{font-size:48px}}
@media(max-width:380px){.menu-filters button{flex-basis:calc(50% - 8px)}.osm-map{height:380px}.information-list>div{grid-template-columns:72px minmax(0,1fr);gap:10px}.category-section h2{font-size:43px}}

/* Motion remains optional: no reveal selectors hide the page content. */
.back-to-top{position:fixed;right:max(24px,env(safe-area-inset-right));bottom:max(24px,env(safe-area-inset-bottom));z-index:20;display:flex;flex-direction:column;align-items:center;justify-content:center;width:58px;height:64px;border:1px solid var(--line);background:var(--paper);color:var(--ink);box-shadow:0 4px 18px #30282112;line-height:1.3}
.back-to-top>span:first-child{font-size:25px;font-family:var(--serif)}
.back-to-top>span:last-child{font-size:8px;letter-spacing:.17em;margin-top:5px}
.back-to-top:hover{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.footer-bottom{padding-right:75px}
@media(max-width:800px){.toggle-lines{position:relative;display:block;width:25px;height:17px;border-top:1px solid currentColor;border-bottom:1px solid currentColor}.toggle-lines:after{content:"";position:absolute;left:0;right:0;top:7px;border-top:1px solid currentColor}.nav-toggle[aria-expanded="true"] .toggle-lines{border-color:transparent}.nav-toggle[aria-expanded="true"] .toggle-lines:before,.nav-toggle[aria-expanded="true"] .toggle-lines:after{content:"";position:absolute;left:0;right:0;top:7px;border-top:1px solid currentColor;transform:rotate(45deg)}.nav-toggle[aria-expanded="true"] .toggle-lines:after{transform:rotate(-45deg)}.back-to-top{width:48px;height:54px;right:max(16px,env(safe-area-inset-right));bottom:max(16px,env(safe-area-inset-bottom))}.footer-bottom{padding-right:55px}}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.button:hover{transform:translateY(-2px)}.favorites article:hover{transform:translateY(-5px);border-color:var(--accent);box-shadow:0 12px 24px #3028210a}.menu-filters button:hover,.nav-toggle:hover{transform:translateY(-2px)}.back-to-top:hover{transform:translateY(-3px)}}
@media(prefers-reduced-motion:no-preference){.button,.favorites article,.menu-filters button,.nav-toggle,.back-to-top{transition:transform .25s ease,color .2s ease,background-color .2s ease,border-color .2s ease,box-shadow .25s ease}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}