@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600&family=Noto+Sans+JP:wght@300;400;500&display=swap');
:root{--paper:#faf6ed;--cream:#f1e9dc;--ink:#29231f;--muted:#756b64;--accent:#a4614b;--line:rgba(41,35,31,.16);--serif:"Cormorant Garamond","Yu Mincho",serif;--sans:"Noto Sans JP",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:var(--sans);font-weight:300;line-height:2;letter-spacing:.035em}body:before{content:"";position:fixed;inset:0;z-index:-1;opacity:.025;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}a{color:inherit;text-decoration:none}button{color:inherit}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:5px}h1,h2,h3,p{margin-top:0}h1,h2{font-family:var(--serif);font-weight:500;line-height:.95;letter-spacing:-.025em}
.site-header{height:108px;padding:0 clamp(28px,5.5vw,96px);display:flex;align-items:center;justify-content:space-between;background:rgba(250,246,237,.96);border-bottom:1px solid var(--line);position:relative;z-index:20}.logo{display:flex;flex-direction:column;font-family:var(--serif);font-size:28px;font-weight:500;line-height:.8;letter-spacing:.08em}.logo span{margin-bottom:9px;color:var(--accent);font-family:var(--sans);font-size:8px;font-weight:500;line-height:1;letter-spacing:.36em}.global-nav{display:flex;gap:clamp(24px,3vw,52px)}.global-nav a{position:relative;padding:13px 0;font-family:var(--serif);font-size:15px;font-weight:600;letter-spacing:.14em}.global-nav a:after{content:"";position:absolute;left:0;right:100%;bottom:5px;height:1px;background:var(--accent);transition:right .35s}.global-nav a:hover:after,.global-nav a.active:after{right:0}.menu-toggle{display:none;border:0;background:none;padding:8px}.menu-toggle span{display:block;width:25px;height:1px;margin:6px;background:currentColor;transition:.25s}
.eyebrow{margin:0 0 27px;color:var(--accent);font-family:var(--serif);font-size:11px;font-weight:600;line-height:1;letter-spacing:.3em}.section{padding:clamp(110px,12vw,190px) max(7.5vw,28px)}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:48px;width:max-content;min-width:205px;padding:16px 21px;border:1px solid var(--ink);font-family:var(--serif);font-size:14px;font-weight:600;letter-spacing:.12em;transition:.3s}.button:hover{color:var(--paper);background:var(--ink);transform:translateY(-2px)}.text-link{display:inline-flex;gap:36px;padding-bottom:5px;border-bottom:1px solid;font-family:var(--serif);font-size:14px;font-weight:600;letter-spacing:.12em}.text-link:hover{color:var(--accent)}
.hero{min-height:calc(100vh - 108px);display:grid;grid-template-columns:1.1fr .9fr;overflow:hidden;background:var(--cream)}.hero-copy{display:flex;flex-direction:column;justify-content:center;padding:10vw 5vw 10vw 7.5vw}.hero h1{max-width:800px;margin:0 0 45px;font-size:clamp(72px,9vw,138px)}.hero-copy>p:not(.eyebrow){max-width:480px;margin-bottom:45px;color:var(--muted);font-size:14px}.hero-art{position:relative;min-height:650px;overflow:hidden;background:#d2c4b0}.hero-art:before{content:"KOMOREBI";position:absolute;right:-24px;bottom:34px;color:rgba(250,246,237,.45);font-family:var(--serif);font-size:clamp(70px,9vw,145px);line-height:.7;writing-mode:vertical-rl}.sun{position:absolute;width:30vw;max-width:430px;aspect-ratio:1;top:8%;right:-14%;border:1px solid rgba(41,35,31,.25);border-radius:50%}.cup{position:absolute;width:215px;height:162px;left:24%;top:40%;z-index:2;border-radius:7px 7px 82px 82px;background:var(--paper);box-shadow:22px 30px 50px rgba(41,35,31,.1)}.cup:after{content:"";position:absolute;width:70px;height:76px;right:-58px;top:32px;border:15px solid var(--paper);border-left:0;border-radius:0 50% 50% 0}.coffee{height:15px;margin:0 8px;border-radius:50%;background:#4f3830;transform:translateY(-5px)}.saucer{position:absolute;width:350px;height:40px;left:13%;top:66%;border-radius:50%;background:rgba(250,246,237,.65)}.steam{position:absolute;width:42px;height:110px;top:22%;left:42%;border-left:1px solid rgba(250,246,237,.65);border-radius:50%;transform:rotate(9deg)}.steam-two{left:52%;top:19%;transform:rotate(-8deg)}.leaf{position:absolute;width:165px;height:62px;right:4%;bottom:8%;border:1px solid rgba(41,35,31,.35);border-radius:100% 0;transform:rotate(-20deg)}.leaf-two{right:-7%;bottom:19%;transform:rotate(28deg)}
.intro{display:grid;grid-template-columns:.85fr 1fr;gap:15vw}.intro h2,.section-heading h2,.story h2,.access-info h2,.directions h2{margin:0;font-size:clamp(58px,7vw,104px)}.intro-text{max-width:560px;padding-top:72px}.intro-text p{margin-bottom:42px;color:var(--muted);font-size:14px}.featured,.tinted{background:var(--cream)}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:75px}.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.menu-card{background:var(--paper);transition:.35s}.menu-card:hover{z-index:1;transform:translateY(-6px);box-shadow:0 20px 45px rgba(41,35,31,.09)}.food-visual{position:relative;display:grid;place-items:center;aspect-ratio:4/3;overflow:hidden;background:#cfc1ad}.food-visual:before{content:"";position:absolute;width:52%;aspect-ratio:1;border:1px solid rgba(41,35,31,.22);border-radius:50%}.food-visual span{z-index:1;color:var(--ink);font-family:var(--serif);font-size:72px;text-shadow:none;transform:none}.coffee-visual{background:#cdc4b3}.toast-visual{background:#d5bda0}.pudding-visual{background:#c9aa8f}.card-body{padding:34px 35px 38px}.card-body h3{margin-bottom:13px;font-family:var(--serif);font-size:23px;font-weight:600}.card-body p{min-height:53px;margin-bottom:21px;color:var(--muted);font-size:12px}.card-body strong,.menu-list strong{color:var(--accent);font-family:var(--serif);font-size:19px;font-weight:500}.visit-banner{padding:100px max(7.5vw,28px);display:flex;align-items:flex-end;justify-content:space-between;gap:45px;background:var(--ink);color:var(--paper)}.visit-banner h2{max-width:780px;margin:0 0 18px;font-size:clamp(52px,6vw,90px)}.visit-banner p:last-child{margin:0;color:rgba(250,246,237,.6);font-size:12px}.button-light{border-color:var(--paper);color:var(--paper)}.button-light:hover{color:var(--ink);background:var(--paper)}
.page-hero{padding:clamp(125px,15vw,220px) max(7.5vw,28px) clamp(105px,12vw,170px);text-align:center;background:var(--cream)}.page-hero h1{margin:0 0 35px;font-size:clamp(82px,13vw,190px);text-transform:uppercase}.page-hero>p:last-child{margin:0;color:var(--muted);font-size:13px}.about-hero{background:#e9dfd1}.menu-section{display:grid;grid-template-columns:.4fr 1fr;gap:10vw}.menu-category{display:flex;gap:28px}.category-number{padding-top:4px;border-top:1px solid var(--accent);color:var(--accent);font-family:var(--serif)}.menu-category h2{margin:0;font-size:clamp(50px,5vw,74px)}.menu-list article{display:flex;justify-content:space-between;gap:30px;padding:26px 0;border-bottom:1px solid var(--line)}.menu-list h3{margin-bottom:4px;font-family:var(--serif);font-size:21px;font-weight:600}.menu-list p{margin:0;color:var(--muted);font-size:11px}.menu-note{margin:0;padding:34px;text-align:center;font-size:10px}
.story{display:grid;grid-template-columns:.85fr 1fr;gap:12vw;align-items:center}.story-art{position:relative;overflow:hidden;aspect-ratio:4/5;background:#cfc5b4}.story-art:after{content:"OUR STORY";position:absolute;left:28px;bottom:25px;color:rgba(250,246,237,.7);font-family:var(--serif);font-size:38px;letter-spacing:.1em}.window{position:absolute;width:62%;height:58%;left:19%;top:12%;display:grid;grid-template-columns:repeat(3,1fr);border:10px solid var(--paper)}.window span{border-right:5px solid var(--paper);background:linear-gradient(160deg,#ded2ba,#aaa08b)}.window span:last-child{border:0}.table-line{position:absolute;left:-5%;bottom:8%;width:110%;height:16%;background:#625047}.small-cup{position:absolute;left:43%;bottom:23%;width:62px;height:52px;border-radius:4px 4px 30px 30px;background:var(--paper)}.story-copy p:not(.eyebrow){margin:28px 0;color:var(--muted);font-size:13px}.value-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7vw}.value-grid article,.direction-grid article{padding-top:28px;border-top:1px solid var(--ink)}.value-grid span,.direction-grid span{color:var(--accent);font-family:var(--serif)}.value-grid h3,.direction-grid h3{margin:28px 0 12px;font-family:var(--serif);font-size:23px;font-weight:600}.value-grid p,.direction-grid p{color:var(--muted);font-size:12px}.quote-section{padding:clamp(110px,13vw,190px) 28px;background:#cbb8a0;text-align:center}.quote-section blockquote{margin:0 0 35px;font-family:var(--serif);font-size:clamp(46px,6vw,84px);line-height:1.25}.quote-section p{font-size:11px}
.access-content{display:grid;grid-template-columns:1.1fr .9fr;gap:10vw;align-items:center}.map-placeholder{position:relative;min-height:580px;overflow:hidden;border:1px solid var(--line);background:#d9d1c2}.road{position:absolute;border:1px solid rgba(41,35,31,.09);background:var(--cream)}.road-horizontal{left:-10%;top:55%;width:120%;height:70px;transform:rotate(-7deg)}.road-vertical{left:28%;top:-10%;width:64px;height:120%;transform:rotate(8deg)}.station,.park,.pin{position:absolute;z-index:2;font-size:11px}.station{left:14%;top:18%;padding:5px 10px;background:var(--ink);color:var(--paper)}.park{right:9%;bottom:17%;padding:15px;border:1px solid;border-radius:50%}.pin{left:52%;top:38%;color:var(--accent);font-family:var(--serif);font-size:25px}.pin b{display:block;padding:6px 10px;color:var(--ink);background:var(--paper);font-family:var(--sans);font-size:10px;white-space:nowrap}.access-info dl{margin-top:46px}.access-info dl>div{display:grid;grid-template-columns:100px 1fr;padding:20px 0;border-bottom:1px solid var(--line)}.access-info dt{color:var(--muted);font-size:11px}.access-info dd{margin:0;font-size:13px}.directions{display:grid;grid-template-columns:.4fr 1fr;gap:9vw}.direction-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}
.site-footer{display:grid;grid-template-columns:1.15fr .85fr .85fr;gap:7vw;padding:95px max(7.5vw,28px) 38px;background:#211d1a;color:var(--paper)}.site-footer p{margin:18px 0 0;color:rgba(250,246,237,.55);font-size:11px}.footer-logo{font-size:32px}.footer-meta h3{margin:0 0 16px;color:var(--accent);font-family:var(--serif);font-size:11px;letter-spacing:.25em}.footer-meta p{margin:0;line-height:2.2}.footer-links{display:flex;flex-direction:column;align-items:flex-start;gap:9px}.footer-links a{font-family:var(--serif);font-size:14px;letter-spacing:.13em}.footer-links a:hover{color:var(--accent)}.site-footer small{grid-column:1/-1;margin-top:40px;padding-top:25px;border-top:1px solid rgba(250,246,237,.12);color:rgba(250,246,237,.35);font-family:var(--serif);font-size:10px;letter-spacing:.15em}
@media(max-width:860px){.site-header{height:82px;padding:0 22px}.menu-toggle{display:block}.global-nav{display:none;position:absolute;top:82px;left:0;right:0;flex-direction:column;gap:0;padding:25px 28px 35px;background:var(--paper);border-bottom:1px solid var(--line)}.global-nav.open{display:flex}.global-nav a{padding:13px 0;font-size:19px}.menu-toggle.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.menu-toggle.open span:nth-child(2){opacity:0}.menu-toggle.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.hero{grid-template-columns:1fr}.hero-copy{min-height:680px;padding:110px 28px}.hero h1{font-size:clamp(66px,20vw,105px)}.hero-art{min-height:500px}.cup{left:20%;transform:scale(.8)}.saucer{left:4%;transform:scale(.8)}.section{padding-top:105px;padding-bottom:105px}.intro,.story,.access-content,.directions,.menu-section{grid-template-columns:1fr}.intro,.story,.access-content{gap:70px}.intro-text{padding-top:0}.section-heading{align-items:flex-start;gap:40px}.card-grid,.value-grid,.direction-grid{grid-template-columns:1fr}.value-grid,.direction-grid{gap:50px}.menu-section{gap:45px}.visit-banner{align-items:flex-start;flex-direction:column}.map-placeholder{min-height:420px}.directions{gap:55px}.site-footer{grid-template-columns:1fr 1fr}.site-footer>div:first-child{grid-column:1/-1}}@media(max-width:520px){.section-heading{flex-direction:column}.page-hero h1{font-size:22vw}.site-footer{grid-template-columns:1fr}.site-footer>div:first-child{grid-column:auto}.access-info dl>div{grid-template-columns:80px 1fr}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* Home page — photographic hero */
.hero{position:relative;display:block;min-height:calc(100vh - 108px);isolation:isolate;background:#332923}
.hero-image{position:absolute;inset:0;width:100%;height:100%;z-index:-3;object-fit:cover;object-position:center}
.hero-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(28,23,20,.74) 0%,rgba(28,23,20,.47) 38%,rgba(28,23,20,.08) 70%,rgba(28,23,20,.16) 100%)}
.hero-copy{min-height:calc(100vh - 108px);max-width:900px;padding:clamp(110px,13vh,170px) 7.5vw 120px;color:var(--paper)}
.hero .eyebrow{color:#d6a28e}
.hero h1{margin-bottom:42px;font-size:clamp(76px,10.3vw,158px);line-height:.8;text-shadow:0 4px 35px rgba(20,15,12,.18)}
.hero-copy>p:not(.eyebrow){color:rgba(250,246,237,.82);font-weight:300}
.hero-button{border-color:rgba(250,246,237,.8);color:var(--paper)}
.hero-button:hover{color:var(--ink);background:var(--paper)}
.hero-scroll{position:absolute;right:3.4vw;bottom:50px;margin:0;color:rgba(250,246,237,.75);font-family:var(--serif);font-size:9px;letter-spacing:.28em;writing-mode:vertical-rl}
.hero-scroll:after{content:"";display:inline-block;width:1px;height:55px;margin-top:17px;background:rgba(250,246,237,.55)}
.food-visual{align-content:center;gap:0}.food-visual span{font-size:82px;line-height:.8}.food-visual small{z-index:1;margin-top:18px;font-family:var(--serif);font-size:9px;font-weight:600;letter-spacing:.25em}
@media(max-width:860px){.hero{min-height:720px}.hero-image{object-position:58% center}.hero-copy{min-height:720px;padding:115px 28px 100px}.hero h1{font-size:clamp(70px,20vw,112px)}.hero-shade{background:linear-gradient(90deg,rgba(28,23,20,.72),rgba(28,23,20,.25))}.hero-scroll{display:none}}

/* Home page — responsive editorial photography */
.intro{row-gap:80px}.intro-media{grid-column:1/-1;margin:25px 0 0;overflow:hidden}.intro-media picture{display:block}.intro-media img{display:block;width:100%;height:auto;max-height:760px;object-fit:cover;object-position:center}
.food-visual:before{display:none}.food-visual img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .6s ease}.menu-card:hover .food-visual img{transform:scale(1.025)}
@media(max-width:860px){.intro{row-gap:60px}.intro-media{margin-top:0}.intro-media img{max-height:none;aspect-ratio:4/3;object-fit:cover}.food-visual{aspect-ratio:1/1}.food-visual img{object-fit:cover}}

/* Catalog */
.menu-catalog{background:var(--paper)}.catalog-head{display:grid;grid-template-columns:1fr .7fr;gap:10vw;align-items:end;margin-bottom:70px}.catalog-head h2,.concept h2,.details-heading h2{margin:0;font-size:clamp(62px,8vw,118px)}.catalog-head>p{max-width:430px;margin:0 0 12px;color:var(--muted);font-size:13px}.filter-bar{display:flex;gap:10px;margin-bottom:58px;padding-bottom:22px;border-bottom:1px solid var(--line);overflow-x:auto}.filter-button{flex:0 0 auto;min-width:112px;padding:11px 18px;border:1px solid var(--line);background:transparent;font-family:var(--serif);font-size:12px;font-weight:600;letter-spacing:.16em;cursor:pointer;transition:.25s}.filter-button:hover,.filter-button.active{border-color:var(--ink);color:var(--paper);background:var(--ink)}.catalog-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.catalog-item{position:relative;min-height:245px;padding:36px;display:grid;grid-template-columns:1fr auto;align-content:space-between;gap:30px;background:var(--paper);transition:background .3s,transform .3s}.catalog-item:hover{z-index:1;background:var(--cream)}.catalog-item[hidden]{display:none}.catalog-item .item-type{grid-column:1/-1;color:var(--accent);font-family:var(--serif);font-size:9px;font-weight:600;letter-spacing:.23em}.catalog-item h3{margin:0 0 8px;font-family:var(--serif);font-size:25px;font-weight:600}.catalog-item p{margin:0;color:var(--muted);font-size:11px}.catalog-item strong{align-self:end;color:var(--accent);font-family:var(--serif);font-size:20px;font-weight:500}.catalog-note{margin:28px 0 0;color:var(--muted);font-size:10px;text-align:right}

/* Story and shop details */
.concept{display:grid;grid-template-columns:.85fr 1.15fr;gap:10vw;align-items:center}.concept-copy .lead{margin:40px 0 24px;color:var(--ink);font-family:var(--serif);font-size:25px;line-height:1.7}.concept-copy>p:not(.eyebrow):not(.lead){color:var(--muted);font-size:13px}.concept-image{margin:0;overflow:hidden}.concept-image img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;object-position:65% center;transition:transform .8s ease}.concept-image:hover img{transform:scale(1.02)}.shop-details{background:var(--paper)}.shop-details{display:grid;grid-template-columns:.55fr 1fr;gap:10vw}.details-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;margin:0;background:var(--line);border:1px solid var(--line)}.details-grid>div{min-height:245px;padding:31px;background:var(--paper);transition:background .3s}.details-grid>div:hover{background:var(--cream)}.details-grid dt{color:var(--accent);font-family:var(--serif);font-size:10px;font-weight:600;letter-spacing:.22em}.details-grid dd{margin:30px 0 0}.details-grid strong{display:block;margin-bottom:13px;font-family:var(--serif);font-size:52px;font-weight:500;line-height:1}.details-grid span{color:var(--muted);font-size:11px}.fiction-note{grid-column:1/-1;margin:32px 0 0;color:var(--muted);font-size:10px}

/* Access and OpenStreetMap */
.access-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:9vw;align-items:center}.access-info h2{font-size:clamp(62px,7vw,104px)}.access-info a{border-bottom:1px solid var(--line)}.osm-map{display:flex;flex-direction:column;align-items:flex-end}.osm-map iframe{display:block;width:100%;height:600px;border:1px solid var(--line);filter:grayscale(1) sepia(.12) contrast(.92)}.osm-map>a{margin-top:14px;padding-bottom:4px;border-bottom:1px solid;font-family:var(--serif);font-size:11px;font-weight:600;letter-spacing:.15em}.osm-map>a span{margin-left:18px}.directions h2{font-size:clamp(62px,7vw,104px)}

/* Progressive motion and persistent controls */
.motion-ready .reveal{opacity:0;transform:translateY(28px);transition:opacity .75s ease,transform .75s cubic-bezier(.22,1,.36,1)}.motion-ready .reveal.is-visible{opacity:1;transform:none}.back-to-top{position:fixed;right:24px;bottom:24px;z-index:30;width:58px;height:58px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid rgba(250,246,237,.28);border-radius:50%;color:var(--paper);background:rgba(41,35,31,.92);box-shadow:0 8px 30px rgba(41,35,31,.16);opacity:0;visibility:hidden;transform:translateY(14px);cursor:pointer;transition:.3s}.back-to-top.visible{opacity:1;visibility:visible;transform:none}.back-to-top:hover{color:var(--paper);background:var(--accent);transform:translateY(-3px)}.back-to-top span{font-size:16px;line-height:1}.back-to-top small{margin-top:4px;font-family:var(--serif);font-size:7px;letter-spacing:.16em}

@media(max-width:860px){.catalog-head,.concept,.shop-details,.access-layout{grid-template-columns:1fr}.catalog-head,.concept,.shop-details,.access-layout{gap:60px}.catalog-grid{grid-template-columns:1fr}.catalog-item{min-height:210px;padding:29px}.concept-image img{aspect-ratio:4/3;object-position:center}.details-grid{grid-template-columns:1fr 1fr}.details-grid>div{min-height:210px;padding:25px}.osm-map iframe{height:480px}.back-to-top{right:16px;bottom:16px;width:52px;height:52px}}@media(max-width:520px){.details-grid{grid-template-columns:1fr}.filter-bar{margin-right:-28px}.osm-map iframe{height:390px}.catalog-head h2,.concept h2,.details-heading h2{font-size:20vw}}