@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;1,400&family=Noto+Sans+JP:wght@300;400;500&display=swap');
:root{--ivory:#f4f0e8;--paper:#faf7f1;--brown:#29231f;--muted:#756d65;--accent:#a85f46;--line:rgba(41,35,31,.16);--serif:"Cormorant Garamond","Yu Mincho",serif;--sans:"Noto Sans JP","Yu Gothic",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ivory);color:var(--brown);font-family:var(--sans);font-weight:300;line-height:2}a{color:inherit;text-decoration:none}p,h1,h2,h3{margin-top:0}h1,h2,h3{font-family:var(--serif);font-weight:400;line-height:.95}
.site-header{position:sticky;z-index:20;top:0;display:flex;align-items:center;justify-content:space-between;min-height:92px;padding:0 6vw;border-bottom:1px solid var(--line);background:rgba(244,240,232,.94);backdrop-filter:blur(18px)}
.logo{display:flex;align-items:center;gap:.85rem}.logo-mark{display:grid;width:38px;height:38px;place-items:center;border:1px solid var(--brown);border-radius:50%;font-family:var(--serif);font-size:1.35rem}.logo-type{font-family:var(--serif);font-size:1.2rem;font-weight:500;letter-spacing:.14em;line-height:1}.logo-type small{display:block;margin-top:.4rem;color:var(--accent);font-family:var(--sans);font-size:.45rem;letter-spacing:.25em}
.global-nav{display:flex;gap:clamp(1.5rem,3vw,3.5rem);font-family:var(--serif);font-size:.9rem;letter-spacing:.12em}.global-nav a{position:relative;padding:2rem 0}.global-nav a::after{position:absolute;right:0;bottom:1.55rem;left:0;height:1px;background:var(--accent);content:"";transform:scaleX(0);transform-origin:left;transition:transform .35s}.global-nav a:hover::after,.global-nav a.active::after{transform:scaleX(1)}
.menu-button{display:none;border:0;background:none;padding:.5rem}.menu-button span{display:block;width:25px;height:1px;margin:6px;background:var(--brown);transition:.25s}
.hero{min-height:calc(100vh - 92px);display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:5vw;overflow:hidden;padding:8vh 7vw 10vh;background:var(--paper)}.hero-content{position:relative;z-index:2;max-width:720px}.eyebrow{margin-bottom:1.5rem;color:var(--accent);font-size:.64rem;font-weight:500;letter-spacing:.3em;line-height:1.5}.hero h1{margin-bottom:1.8rem;font-size:clamp(4.2rem,7.4vw,7.5rem);letter-spacing:-.035em;white-space:nowrap}.hero-ja,.jp-heading{margin-bottom:1.5rem;font-size:.92rem;font-weight:400;letter-spacing:.15em}.hero-content>p:not(.eyebrow):not(.hero-ja){max-width:510px;margin-bottom:2.4rem;color:var(--muted);font-size:.88rem}
.button{display:inline-flex;align-items:center;gap:2.5rem;padding:.95rem 1.4rem;border-bottom:1px solid var(--brown);font-family:var(--serif);font-size:.85rem;letter-spacing:.13em;transition:.25s}.button:hover{color:var(--accent);border-color:var(--accent)}
.hero-art{position:relative;width:min(37vw,520px);aspect-ratio:.92;justify-self:center;background:#ded8cb;border-radius:48% 48% 2% 2%}.hero-art::after{position:absolute;inset:8%;border:1px solid rgba(250,247,241,.75);border-radius:inherit;content:""}.sun{position:absolute;top:10%;right:9%;width:25%;aspect-ratio:1;border-radius:50%;background:var(--accent);opacity:.78}.cup{position:absolute;z-index:2;bottom:20%;left:23%;width:53%;height:29%;border-radius:3% 3% 45% 45%;background:var(--paper);box-shadow:0 28px 40px rgba(41,35,31,.13)}.cup::before{position:absolute;top:-8%;left:3%;width:94%;height:24%;border:7px solid var(--paper);border-radius:50%;background:#49352c;content:""}.cup::after{position:absolute;top:18%;right:-21%;width:33%;height:44%;border:10px solid var(--paper);border-left:0;border-radius:0 50% 50% 0;content:""}.leaf{position:absolute;z-index:3;width:17%;height:30%;border-radius:100% 0 100% 0;background:var(--brown);opacity:.8}.leaf-one{top:10%;left:6%;transform:rotate(-25deg)}.leaf-two{right:1%;bottom:6%;transform:rotate(25deg)}
.section{width:min(1180px,86vw);margin:0 auto;padding:10rem 0}.section h2{margin-bottom:1.5rem;font-size:clamp(3.7rem,7vw,6.8rem);letter-spacing:-.025em}.intro{max-width:980px;text-align:center}.intro .lead{max-width:700px;margin:2.8rem auto 0;color:var(--muted);font-size:.9rem;line-height:2.5}
.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;padding-top:1rem}.feature-card{min-height:310px;padding:3rem 2.5rem;border-top:1px solid var(--brown);border-right:1px solid var(--line)}.feature-card:last-child{border-right:0}.feature-number,.value-grid span{color:var(--accent);font-family:var(--serif);font-size:1rem;font-style:italic}.feature-card h3{margin:5rem 0 1.2rem;font-family:var(--sans);font-size:1.05rem;font-weight:400;line-height:1.5;letter-spacing:.08em}.feature-card p,.value-grid p{color:var(--muted);font-size:.82rem}
.callout{display:flex;align-items:end;justify-content:space-between;width:100%;margin-bottom:0;padding:8rem 7vw;background:var(--brown);color:var(--ivory)}.callout>div{max-width:720px}.callout h2{margin-bottom:1.7rem}.callout p:last-child{color:#c3bbb2}.text-link{padding-bottom:.45rem;border-bottom:1px solid;font-family:var(--serif);font-size:.82rem;letter-spacing:.13em;white-space:nowrap}.text-link span{margin-left:1rem}
.page-hero{padding:11rem 6vw 9rem;text-align:center;background:var(--paper);border-bottom:1px solid var(--line)}.page-hero h1{margin-bottom:1.5rem;font-size:clamp(5rem,11vw,10rem);letter-spacing:-.04em}.page-hero p:last-child{color:var(--muted);font-size:.9rem;letter-spacing:.12em}.section-heading{margin-bottom:5rem}.section-heading h2{margin-bottom:1.2rem}
.menu-section+.menu-section{padding-top:1rem}.menu-list{display:grid;grid-template-columns:1fr 1fr;column-gap:7rem}.menu-item{display:flex;justify-content:space-between;gap:1.5rem;padding:2.2rem 0;border-bottom:1px solid var(--line)}.menu-item h3{margin-bottom:.55rem;font-family:var(--sans);font-size:.98rem;font-weight:400;line-height:1.5;letter-spacing:.06em}.menu-item p{margin:0;color:var(--muted);font-size:.76rem}.menu-item strong{color:var(--accent);font-family:var(--serif);font-size:1.1rem;font-weight:400}.note{margin-top:1.8rem;color:var(--muted);font-size:.72rem}
.story{display:grid;grid-template-columns:.9fr 1.1fr;gap:9vw;align-items:center}.story-art{position:relative;min-height:650px;overflow:hidden;background:#d8d1c5;border-radius:48% 48% 0 0}.story-art::before{position:absolute;inset:10%;border:1px solid rgba(250,247,241,.75);border-radius:inherit;content:""}.bean{position:absolute;width:82px;height:125px;border-radius:50%;background:var(--accent);transform:rotate(35deg)}.bean::after{position:absolute;top:9%;bottom:9%;left:49%;border-left:1px solid var(--ivory);content:"";transform:rotate(8deg)}.bean-one{top:20%;left:25%}.bean-two{right:20%;bottom:17%;transform:rotate(-28deg) scale(.8)}.bean-three{top:26%;right:15%;transform:rotate(70deg) scale(.5)}.story-copy p:not(.eyebrow):not(.jp-heading){color:var(--muted);font-size:.87rem}.values{padding-top:2rem}.value-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4rem}.value-grid article{padding-top:2rem;border-top:1px solid var(--brown)}.value-grid h3{margin:3.5rem 0 1rem;font-family:var(--sans);font-size:1rem;font-weight:400;line-height:1.5;letter-spacing:.08em}
.access-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:9vw;align-items:center}.map-placeholder{position:relative;min-height:610px;overflow:hidden;background:#dcd6ca}.map-road{position:absolute;width:140%;height:40px;background:var(--paper)}.road-one{top:39%;left:-18%;transform:rotate(-18deg)}.road-two{top:42%;left:-18%;transform:rotate(65deg)}.map-pin{position:absolute;top:47%;left:49%;color:var(--accent);font-size:2.5rem;text-align:center;transform:translate(-50%,-50%)}.map-pin span{display:block;padding:.25rem .7rem;background:var(--brown);color:var(--paper);font-family:var(--serif);font-size:.6rem;letter-spacing:.15em}.shop-info dl{margin-top:3rem}.shop-info dl div{display:grid;grid-template-columns:6rem 1fr;padding:1.3rem 0;border-bottom:1px solid var(--line);font-size:.83rem}.shop-info dt{font-weight:400}.shop-info dd{margin:0;color:var(--muted)}.access-note{margin-bottom:10rem;padding:4.5rem;border-top:1px solid var(--brown);border-bottom:1px solid var(--brown);text-align:center}.access-note h2{font-family:var(--sans);font-size:1.2rem;font-weight:400;line-height:1.5;letter-spacing:.1em}.access-note p{margin-bottom:0;color:var(--muted);font-size:.82rem}
.site-footer{position:relative;display:grid;grid-template-columns:1.5fr 1fr .7fr;gap:5rem;padding:7rem 7vw 8rem;background:var(--brown);color:var(--ivory)}.footer-name{margin-bottom:1.3rem;font-family:var(--serif);font-size:clamp(2.8rem,5vw,4.8rem);line-height:1;letter-spacing:.04em}.footer-brand>p:last-child{color:#b9b0a8;font-family:var(--serif);font-size:1.05rem;font-style:italic}.footer-label{color:var(--accent);font-size:.6rem;font-weight:500;letter-spacing:.25em}.footer-info p:last-child,.footer-social a{color:#c8c1b9;font-family:var(--serif);font-size:.9rem;line-height:2}.footer-social a{display:block;width:fit-content;border-bottom:1px solid transparent}.footer-social a:hover{border-color:var(--accent)}.copyright{position:absolute;right:7vw;bottom:2rem;margin:0;color:#80776f;font-family:var(--serif);font-size:.65rem;letter-spacing:.1em}
.reveal{opacity:1;transform:none}.js-enabled .reveal{transition:opacity .9s ease,transform .9s ease}.js-enabled .reveal:not(.visible){opacity:0;transform:translateY(24px)}.reveal.visible{opacity:1;transform:none}

/* Home */
.hero{position:relative;display:flex;min-height:calc(100svh - 92px);padding:9vh 7vw;align-items:center;background:linear-gradient(90deg,rgba(27,22,18,.72) 0%,rgba(27,22,18,.51) 40%,rgba(27,22,18,.08) 78%),url("images/hero-cafe-interior.png") center/cover no-repeat;color:var(--paper)}
.hero-content{max-width:760px}.hero .eyebrow{color:#d7a18d}.hero h1{font-size:clamp(5rem,9.2vw,9rem);white-space:normal}.hero-ja{color:var(--paper)}.hero-content>p:not(.eyebrow):not(.hero-ja){max-width:470px;color:rgba(250,247,241,.77)}.hero .button{border-color:rgba(250,247,241,.65);color:var(--paper)}.hero .button:hover{border-color:#d7a18d;color:#d7a18d}.hero-scroll{position:absolute;right:3vw;bottom:3.5rem;margin:0;font-family:var(--serif);font-size:.65rem;letter-spacing:.2em;writing-mode:vertical-rl}.hero-scroll span{display:block;width:1px;height:55px;margin:1rem auto 0;background:rgba(250,247,241,.6)}
.intro{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:8vw;max-width:1180px;text-align:left}.intro-photo{position:relative}.intro-photo::after{position:absolute;inset:1.4rem -1.4rem -1.4rem 1.4rem;border:1px solid var(--accent);content:"";pointer-events:none}.intro-photo picture,.intro-photo img{display:block;width:100%;height:auto}.intro-copy .lead{max-width:none;margin:2rem 0 0}.intro-copy h2{font-size:clamp(3.5rem,5.8vw,5.8rem)}
.inline-link{display:inline-flex;align-items:center;gap:1.2rem;margin-top:2.2rem;padding-bottom:.3rem;border-bottom:1px solid var(--brown);font-family:var(--serif);font-size:.76rem;letter-spacing:.16em}.inline-link:hover{color:var(--accent);border-color:var(--accent)}
.favorites{padding-top:3rem;padding-bottom:11rem}.favorites-heading{display:flex;align-items:end;justify-content:space-between;gap:3rem;margin-bottom:5rem}.favorites-heading>p{margin-bottom:1.5rem;color:var(--muted);font-size:.82rem}.favorites-heading h2{font-size:clamp(3.4rem,6.3vw,6rem)}
.feature-card{min-height:0;padding:2rem 2.2rem 2.5rem}.feature-card h3{margin:0}.menu-card-art{position:relative;height:260px;margin:2.3rem 0;overflow:hidden;background:#ddd6ca}.menu-card-art::before,.menu-card-art::after,.menu-card-art span{position:absolute;display:block;content:""}
.menu-card-photo{display:block;margin:2.3rem 0;overflow:hidden;background:#ddd6ca}.menu-card-photo img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover;transition:transform .7s ease}.feature-card:hover .menu-card-photo img{transform:scale(1.025)}
.art-coffee::before{left:28%;bottom:22%;width:44%;height:32%;border-radius:0 0 45% 45%;background:var(--paper);box-shadow:0 17px 22px rgba(41,35,31,.13)}.art-coffee::after{left:30%;bottom:49%;width:40%;height:10%;border-radius:50%;background:#4a342a}.art-coffee span{right:17%;bottom:31%;width:19%;height:23%;border:8px solid var(--paper);border-left:0;border-radius:0 50% 50% 0}
.art-pudding{background:#d5cbbd}.art-pudding::before{left:31%;bottom:17%;width:38%;height:43%;background:#c99a68;clip-path:polygon(12% 0,88% 0,100% 100%,0 100%)}.art-pudding::after{left:30%;bottom:57%;width:40%;height:10%;border-radius:50%;background:var(--accent)}.art-pudding span{left:20%;right:20%;bottom:12%;height:4%;border-radius:50%;background:rgba(41,35,31,.18)}
.art-toast{background:#d9d0c1}.art-toast::before{left:23%;bottom:24%;width:54%;height:39%;background:#b9835f;clip-path:polygon(8% 14%,92% 0,100% 83%,0 100%)}.art-toast::after{left:30%;bottom:51%;width:25%;height:15%;border-radius:50%;background:var(--accent);transform:rotate(-18deg)}.art-toast span{right:26%;bottom:42%;width:24%;height:22%;border-radius:100% 0;background:#6f6a4c;transform:rotate(27deg)}
.card-title{display:flex;align-items:start;justify-content:space-between;gap:1rem;margin-bottom:.8rem}.card-title strong{color:var(--accent);font-family:var(--serif);font-size:1.08rem;font-weight:400;white-space:nowrap}.menu-more{float:right;margin-top:3.5rem}.callout-meta{display:flex;align-items:end;gap:5rem}.callout-meta>p{margin:0;color:#c3bbb2;font-family:var(--serif);font-size:.88rem;line-height:1.7}
@media(max-width:800px){.site-header{min-height:76px;padding:0 5vw}.logo-mark{width:34px;height:34px}.menu-button{display:block;cursor:pointer}.menu-button.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.menu-button.open span:nth-child(2){opacity:0}.menu-button.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.global-nav{position:absolute;top:76px;right:0;left:0;display:none;flex-direction:column;gap:0;padding:1.5rem 7vw 2.5rem;background:var(--ivory);border-bottom:1px solid var(--line)}.global-nav.open{display:flex}.global-nav a{padding:.8rem 0}.global-nav a::after{bottom:.55rem;right:auto;width:28px}.hero{min-height:calc(100svh - 76px);padding:5rem 7vw 7rem;background-position:62% center}.hero::before{position:absolute;inset:0;background:rgba(27,22,18,.2);content:""}.hero-content{position:relative}.hero h1{font-size:clamp(4rem,18vw,6rem);white-space:normal}.hero-scroll{display:none}.section{width:86vw;padding:7rem 0}.section h2{font-size:clamp(3.5rem,15vw,5.5rem)}.favorites{padding-top:1rem}.favorites-heading{align-items:start;flex-direction:column;margin-bottom:3rem}.favorites-heading>p{margin:0}.feature-grid,.value-grid,.menu-list{grid-template-columns:1fr}.feature-card{min-height:auto;padding:2.5rem 1rem;border-right:0}.feature-card h3{margin:0}.menu-card-art{height:300px}.menu-more{float:none}.callout{align-items:start;flex-direction:column;gap:3rem;padding:6rem 7vw}.callout-meta{align-items:start;flex-direction:column;gap:2rem}.page-hero{padding:7rem 6vw 6rem}.page-hero h1{font-size:clamp(4.5rem,22vw,7rem)}.story,.access-grid{grid-template-columns:1fr}.story-art,.map-placeholder{min-height:450px}.story-art{width:92%}.value-grid{gap:2rem}.access-note{padding:3rem 1.5rem;margin-bottom:7rem}.site-footer{grid-template-columns:1fr;gap:2.5rem;padding:6rem 7vw}.copyright{position:static;margin-top:1rem}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}.reveal{opacity:1;transform:none}}
@media(max-width:800px){.intro{grid-template-columns:1fr;gap:5rem;text-align:left}.intro-photo{width:calc(100% - 1.4rem)}.intro-copy h2{font-size:clamp(3.5rem,15vw,5.5rem)}.menu-card-photo img{width:100%;height:auto}}

/* Menu catalog */
.menu-catalog{padding-top:8rem}.catalog-intro{display:flex;align-items:end;justify-content:space-between;gap:5rem;margin-bottom:5rem}.catalog-intro>p{max-width:430px;margin-bottom:1rem;color:var(--muted);font-size:.84rem}.catalog-intro h2{margin-bottom:0}.filter-buttons{display:flex;gap:.7rem;margin-bottom:4rem;padding-bottom:1.5rem;border-bottom:1px solid var(--line)}.filter-button{padding:.75rem 1.4rem;border:1px solid var(--line);background:transparent;color:var(--brown);font-family:var(--serif);font-size:.75rem;letter-spacing:.14em;cursor:pointer;transition:.25s}.filter-button:hover,.filter-button.active{border-color:var(--brown);background:var(--brown);color:var(--ivory)}.catalog-list{border-top:1px solid var(--brown)}.catalog-item{display:grid;grid-template-columns:7rem 1fr auto;align-items:center;gap:2rem;padding:2.2rem .5rem;border-bottom:1px solid var(--line);transition:opacity .25s}.catalog-item[hidden]{display:none}.catalog-item>span{color:var(--accent);font-family:var(--serif);font-size:.7rem;font-style:italic;letter-spacing:.1em}.catalog-item h3{margin-bottom:.4rem;font-family:var(--sans);font-size:1rem;font-weight:400;line-height:1.5;letter-spacing:.07em}.catalog-item p{margin:0;color:var(--muted);font-size:.78rem}.catalog-item strong{color:var(--accent);font-family:var(--serif);font-size:1.15rem;font-weight:400}

/* About */
.story-photo{position:relative;display:block}.story-photo::after{position:absolute;inset:1.5rem -1.5rem -1.5rem 1.5rem;border:1px solid var(--accent);content:"";pointer-events:none}.story-photo img{display:block;width:100%;height:auto}.shop-details{padding-top:3rem}.detail-grid{display:grid;grid-template-columns:repeat(4,1fr);margin:0;border-top:1px solid var(--brown);border-bottom:1px solid var(--brown)}.detail-grid>div{padding:2.5rem 2rem;border-right:1px solid var(--line)}.detail-grid>div:last-child{border-right:0}.detail-grid dt{margin-bottom:3.5rem;color:var(--accent);font-family:var(--serif);font-size:.65rem;letter-spacing:.2em}.detail-grid dd{margin:0}.detail-grid strong{display:block;margin-bottom:1.5rem;font-family:var(--serif);font-size:clamp(2.8rem,4.5vw,4.5rem);font-weight:400;line-height:1}.detail-grid span{color:var(--muted);font-size:.76rem}.facility-note{display:grid;grid-template-columns:12rem 1fr;gap:2rem;margin-top:3rem;padding:2rem 0;border-bottom:1px solid var(--line)}.facility-note p{margin:0}.facility-note p:last-child{color:var(--muted);font-size:.82rem}

/* Access map */
.map-frame{position:relative;min-height:610px;background:#dcd6ca}.map-frame iframe{display:block;width:100%;height:610px;border:0;filter:grayscale(1) sepia(.18) contrast(.92)}.map-frame>a{position:absolute;right:1.2rem;bottom:1.2rem;padding:.65rem 1rem;background:var(--brown);color:var(--ivory);font-family:var(--serif);font-size:.68rem;letter-spacing:.1em}.map-frame>a:hover{background:var(--accent)}

@media(max-width:800px){.catalog-intro{align-items:start;flex-direction:column;gap:2rem}.filter-buttons{display:grid;grid-template-columns:1fr 1fr}.filter-button{width:100%}.catalog-item{grid-template-columns:1fr auto;gap:.75rem 1rem;padding:1.8rem 0}.catalog-item>span{grid-column:1/-1}.catalog-item p{padding-right:1rem}.detail-grid{grid-template-columns:1fr 1fr}.detail-grid>div{border-bottom:1px solid var(--line)}.detail-grid>div:nth-child(2){border-right:0}.detail-grid>div:nth-child(n+3){border-bottom:0}.facility-note{grid-template-columns:1fr;gap:.8rem}.story-photo{width:calc(100% - 1.5rem)}.map-frame,.map-frame iframe{min-height:460px;height:460px}.access-grid{gap:5rem}}

@media(max-width:480px){.detail-grid{grid-template-columns:1fr}.detail-grid>div{border-right:0;border-bottom:1px solid var(--line)!important}.detail-grid>div:last-child{border-bottom:0!important}.detail-grid dt{margin-bottom:2rem}}

/* Interaction */
.feature-card,.catalog-item,.value-grid article{transition:background-color .35s ease,transform .35s ease,box-shadow .35s ease}.feature-card:hover{background:var(--paper);transform:translateY(-6px);box-shadow:0 18px 38px rgba(41,35,31,.08)}.catalog-item:hover{background:rgba(168,95,70,.045)}.value-grid article:hover{transform:translateY(-5px)}.button,.inline-link,.text-link,.global-nav a,.footer-social a{transition:color .25s ease,border-color .25s ease,opacity .25s ease}.button:hover span,.inline-link:hover span,.text-link:hover span{transform:translate(3px,-3px)}.button span,.inline-link span,.text-link span{display:inline-block;transition:transform .25s ease}
.back-to-top{position:fixed;z-index:30;right:1.8rem;bottom:1.8rem;display:grid;width:58px;height:58px;place-items:center;padding:.45rem;border:1px solid rgba(244,240,232,.28);border-radius:50%;background:var(--brown);color:var(--ivory);box-shadow:0 8px 24px rgba(41,35,31,.16);cursor:pointer;opacity:0;pointer-events:none;transform:translateY(12px);transition:opacity .3s ease,transform .3s ease,background-color .25s ease}.back-to-top.visible{opacity:1;pointer-events:auto;transform:none}.back-to-top:hover{background:var(--accent)}.back-to-top span{display:block;height:16px;font-family:var(--serif);font-size:1rem;line-height:1}.back-to-top small{display:block;font-family:var(--serif);font-size:.5rem;letter-spacing:.14em}

@media(max-width:800px){.back-to-top{right:1rem;bottom:1rem;width:52px;height:52px}.feature-card:hover,.value-grid article:hover{transform:none}}