@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:#f4f0e8;--paper-deep:#e9e2d7;--ink:#29231f;--muted:#756d65;--accent:#a35f45;--line:rgba(41,35,31,.16);--serif:"Cormorant Garamond","Times New Roman","Yu Mincho",serif;--sans:"Noto Sans JP","Yu Gothic",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:300 15px/2.05 var(--sans);letter-spacing:.035em}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:100;opacity:.16;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='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.12'/%3E%3C/svg%3E")}a{color:inherit;text-decoration:none}h1,h2,h3{margin:0;font-family:var(--serif);font-weight:500;letter-spacing:-.025em}
.site-header{position:sticky;top:0;z-index:20;background:rgba(244,240,232,.92);border-bottom:1px solid var(--line);backdrop-filter:blur(14px)}.header-inner{width:min(100% - 64px,1240px);height:92px;margin:auto;display:flex;align-items:center;justify-content:space-between}.logo{color:var(--ink);font:500 25px/1 var(--serif);letter-spacing:.18em}.logo span{display:block;margin-bottom:7px;color:var(--accent);font:500 8px/1 var(--sans);letter-spacing:.55em}.site-nav{display:flex;gap:44px;font:400 11px/1 var(--sans);letter-spacing:.18em}.site-nav a{position:relative;padding:40px 0}.site-nav a:after{content:"";position:absolute;left:0;right:100%;bottom:30px;height:1px;background:var(--accent);transition:right .35s}.site-nav a:hover:after,.site-nav a[aria-current=page]:after{right:0}.nav-toggle{display:none;border:0;background:none;width:42px;height:42px;padding:10px}.nav-toggle span{display:block;height:1px;margin:6px 0;background:var(--ink);transition:.25s}
.eyebrow,.footer-label{margin:0 0 24px;color:var(--accent);font:500 10px/1 var(--sans);letter-spacing:.32em;text-transform:uppercase}.heading-ja,.hero-ja{margin:10px 0 28px;color:var(--ink);font:400 16px/1.8 var(--sans);letter-spacing:.12em}.section{width:min(100% - 64px,1180px);margin:auto;padding:150px 0}.section-heading{margin-bottom:72px}.section-heading h2,.story-copy h2,.access-info h2,.hours h2{font-size:clamp(54px,7vw,88px);line-height:.96}
.hero{min-height:calc(100vh - 92px);padding:8vh max(32px,calc((100vw - 1240px)/2));display:grid;grid-template-columns:.82fr 1.18fr;align-items:center;gap:7%}.hero-content{position:relative;z-index:2;padding:70px 0}.hero h1{font-size:clamp(72px,9.2vw,138px);line-height:.74}.hero-ja{margin-top:38px}.hero-content>p:not(.eyebrow):not(.hero-ja){max-width:470px;margin:0 0 42px;color:var(--muted)}.hero-decoration{position:relative;width:100%;height:min(70vh,740px);background:linear-gradient(rgba(41,35,31,.12),rgba(41,35,31,.1)),url("https://images.unsplash.com/photo-1495474472287-4d71bcdd2085?auto=format&fit=crop&w=1200&q=85") center/cover}.hero-decoration:after{content:"AKARI / EST. 2020";position:absolute;right:-24px;bottom:70px;color:var(--paper);font:500 9px/1 var(--sans);letter-spacing:.35em;writing-mode:vertical-rl}.cup{display:none}.button{display:inline-flex;align-items:center;justify-content:space-between;min-width:210px;padding:15px 20px;border-bottom:1px solid var(--ink);font-size:12px;letter-spacing:.12em;transition:.25s}.button:hover{color:var(--accent);border-color:var(--accent)}
.intro-grid,.story,.access-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:11%;align-items:center}.visual-card{min-height:610px;background:url("https://images.unsplash.com/photo-1445116572660-236099ec97a0?auto=format&fit=crop&w=1000&q=85") center/cover}.visual-coffee:before,.coffee-ring{display:none}.intro-copy{max-width:470px}.intro-copy p,.story-copy p{margin:0 0 28px;color:var(--muted)}.text-link{display:inline-block;margin-top:18px;padding-bottom:6px;border-bottom:1px solid var(--ink);font-size:12px;letter-spacing:.12em}
.featured,.values{width:100%;max-width:none;padding-left:max(32px,calc((100vw - 1180px)/2));padding-right:max(32px,calc((100vw - 1180px)/2));background:var(--paper-deep)}.card-grid,.value-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.menu-card{background:var(--paper)}.menu-illustration{height:360px;color:transparent;font-size:0;background-position:center;background-size:cover;filter:saturate(.55) sepia(.08)}.menu-illustration.latte{background-image:url("https://images.unsplash.com/photo-1509042239860-f550ce710b93?auto=format&fit=crop&w=800&q=80")}.menu-illustration.cake{background-image:url("https://images.unsplash.com/photo-1578985545062-69928b1d9587?auto=format&fit=crop&w=800&q=80")}.menu-illustration.toast{background-image:url("https://images.unsplash.com/photo-1606756790138-261d2b21cd75?auto=format&fit=crop&w=800&q=80")}.card-body{padding:32px}.card-body h3{font:500 26px/1.25 var(--serif)}.card-body p{min-height:62px;margin:14px 0;color:var(--muted);font-size:13px}.card-body strong{color:var(--accent);font-size:12px}.center{margin-top:64px;text-align:center}.button-outline{border:1px solid var(--ink)}
.visit-banner{min-height:610px;padding:120px 32px;display:grid;place-items:center;text-align:center;color:var(--paper);background:linear-gradient(rgba(41,35,31,.68),rgba(41,35,31,.68)),url("https://images.unsplash.com/photo-1554118811-1e0d58224f24?auto=format&fit=crop&w=1800&q=85") center/cover}.visit-banner .eyebrow{color:#d7aa97}.visit-banner h2{font-size:clamp(62px,9vw,112px);line-height:.9}.visit-banner .heading-ja{color:var(--paper)}.button-light{color:var(--paper);border-color:var(--paper)}
.site-footer{width:min(100% - 64px,1180px);margin:auto;padding:90px 0 34px;display:grid;grid-template-columns:1.5fr 1fr .55fr;gap:50px;align-items:start}.site-footer p{margin:12px 0 0;color:var(--muted);font-size:12px}.site-footer .footer-label{margin:0 0 17px;color:var(--accent)}.footer-social{display:flex;flex-direction:column;align-items:flex-start;gap:8px;font-size:12px}.footer-social .footer-label{margin-bottom:9px}.footer-social a{border-bottom:1px solid var(--line)}.copyright{grid-column:1/-1;margin-top:45px;padding-top:25px;border-top:1px solid var(--line);color:var(--muted);font-size:10px;letter-spacing:.12em}
.page-hero{min-height:580px;padding:120px 32px;display:grid;place-items:center;text-align:center;border-bottom:1px solid var(--line)}.page-hero h1{font-size:clamp(92px,14vw,180px);line-height:.72}.page-hero .heading-ja{margin-top:34px}.page-hero p:last-child{color:var(--muted)}.menu-section{padding-top:120px}.menu-category{display:grid;grid-template-columns:280px 1fr;gap:70px;padding:75px 0;border-bottom:1px solid var(--line)}.menu-category:first-child{padding-top:0}.menu-category h2{font-size:58px;line-height:1}.category-number{color:var(--accent);font-size:10px;letter-spacing:.25em}.menu-category>div>p:last-child{margin-top:10px;color:var(--muted)}.price-list{margin:0;padding:0;list-style:none}.price-list li{display:flex;justify-content:space-between;gap:28px;padding:21px 0;border-bottom:1px solid var(--line)}.price-list li:first-child{padding-top:0}.price-list b,.price-list small{display:block}.price-list b{font-weight:400;letter-spacing:.08em}.price-list small{margin-top:4px;color:var(--muted)}.price-list strong{color:var(--accent);font-size:12px;white-space:nowrap}.menu-note{margin-top:30px;color:var(--muted);font-size:11px}
.story{width:min(100% - 64px,1180px)}.story-visual{height:710px;padding:0;background:url("https://images.unsplash.com/photo-1493857671505-72967e2e2760?auto=format&fit=crop&w=1000&q=85") center/cover}.window-scene{display:none}.story-copy h2{margin-bottom:32px}.story-copy .heading-ja{color:var(--ink)}.value-grid article{padding:46px 38px 52px;border-top:1px solid var(--accent);background:var(--paper)}.value-grid article>span{color:var(--accent);font-size:10px}.value-grid h3{margin:40px 0 14px;font:500 27px/1.3 var(--serif)}.value-grid p{margin:0;color:var(--muted);font-size:13px}.quote-section{padding:150px 32px;text-align:center;color:var(--paper);background:var(--ink)}.quote-section blockquote{margin:0;font:400 clamp(32px,5vw,62px)/1.65 var(--serif);letter-spacing:.06em}
.map-placeholder{position:relative;height:620px;overflow:hidden;background:#e6dfd4;border:1px solid var(--line)}.map-road{position:absolute;background:var(--paper);border:1px solid var(--line)}.road-one{width:130%;height:55px;left:-15%;top:42%;transform:rotate(-12deg)}.road-two{width:50px;height:120%;left:28%;top:-10%;transform:rotate(8deg)}.road-three{width:45px;height:100%;right:20%;top:10%;transform:rotate(-25deg)}.map-pin{position:absolute;left:55%;top:40%;z-index:2;color:var(--accent);font-size:30px}.map-pin b{display:block;margin-left:17px;padding:5px 10px;color:var(--paper);background:var(--ink);font-size:11px;white-space:nowrap}.map-station{position:absolute;left:12%;bottom:18%;z-index:2;color:var(--muted);font-size:11px}.access-info dl{margin:38px 0}.access-info dl div{display:grid;grid-template-columns:105px 1fr;padding:18px 0;border-bottom:1px solid var(--line)}.access-info dt{color:var(--muted);font-size:11px;letter-spacing:.1em}.access-info dd{margin:0}.access-info dd a{border-bottom:1px solid var(--ink)}.access-info small,.access-note{color:var(--muted)}.access-note{font-size:11px}.hours{display:grid;grid-template-columns:1fr 1.15fr;gap:10%;border-top:1px solid var(--line)}.hours-table p{display:flex;justify-content:space-between;margin:0;padding:20px 0;border-bottom:1px solid var(--line)}.hours-table strong{color:var(--accent);font-weight:500}
.js .reveal{opacity:0;transform:translateY(22px);transition:opacity .8s,transform .8s}.js .reveal.visible{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.js .reveal{opacity:1;transform:none;transition:none}}
@media(max-width:760px){.header-inner{width:calc(100% - 40px);height:74px}.nav-toggle{display:block;z-index:2}.nav-toggle.active span:nth-child(1){transform:translateY(7px) rotate(45deg)}.nav-toggle.active span:nth-child(2){opacity:0}.nav-toggle.active span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.site-nav{display:none;position:absolute;top:74px;left:0;right:0;padding:20px;background:var(--paper);border-bottom:1px solid var(--line);flex-direction:column;gap:0}.site-nav.open{display:flex}.site-nav a{padding:17px 5px;border-bottom:1px solid var(--line)}.site-nav a:after{display:none}.section{width:calc(100% - 48px);padding:100px 0}.section-heading{margin-bottom:48px}.section-heading h2,.story-copy h2,.access-info h2,.hours h2{font-size:52px}.hero{min-height:auto;padding:80px 24px;display:block}.hero h1{font-size:76px}.hero-decoration{height:58vh;min-height:430px;margin-top:60px}.hero-decoration:after{right:12px;bottom:24px;writing-mode:initial}.intro-grid,.story,.access-grid,.hours{grid-template-columns:1fr;gap:55px}.visual-card{min-height:480px}.card-grid,.value-grid{grid-template-columns:1fr}.featured,.values{width:100%;padding-left:24px;padding-right:24px}.menu-illustration{height:300px}.visit-banner{min-height:560px}.visit-banner h2{font-size:64px}.site-footer{width:calc(100% - 48px);grid-template-columns:1fr 1fr;padding-top:70px}.footer-brand,.copyright{grid-column:1/-1}.page-hero{min-height:470px;padding:100px 24px}.page-hero h1{font-size:86px}.menu-category{grid-template-columns:1fr;gap:38px;padding:58px 0}.story{width:calc(100% - 48px)}.story-visual{height:500px}.story-copy{grid-row:1}.map-placeholder{height:420px}.hours{padding-top:80px}}

/* Home hero — generated project asset */
.hero{position:relative;isolation:isolate;min-height:calc(100svh - 92px);display:grid;grid-template-columns:minmax(0,1fr);align-items:center;overflow:hidden;padding:100px max(32px,calc((100vw - 1180px)/2))}.hero-decoration{position:absolute;inset:0;z-index:-2;width:auto;height:auto;margin:0;background-image:url("images/hero-cafe.png");background-position:center;background-size:cover}.hero-decoration:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(244,240,232,.96) 0%,rgba(244,240,232,.84) 28%,rgba(244,240,232,.28) 57%,rgba(41,35,31,.08) 100%)}.hero-decoration:after{right:30px;bottom:32px;color:rgba(244,240,232,.9);writing-mode:initial}.hero-content{max-width:650px;padding:30px 0}.hero h1{font-size:clamp(86px,11vw,156px);line-height:.72;text-shadow:0 1px 20px rgba(244,240,232,.2)}.hero-content>p:not(.eyebrow):not(.hero-ja){color:#4f4741}.hero-button{background:rgba(244,240,232,.2);backdrop-filter:blur(4px)}
@media(max-width:760px){.hero{min-height:calc(100svh - 74px);padding:88px 24px 72px}.hero-decoration{min-height:0;margin:0;background-position:62% center}.hero-decoration:before{background:linear-gradient(90deg,rgba(244,240,232,.94) 0%,rgba(244,240,232,.72) 70%,rgba(41,35,31,.08) 100%)}.hero-content{padding:0;max-width:340px}.hero h1{font-size:clamp(68px,20vw,90px)}.hero-content>p:not(.eyebrow):not(.hero-ja){max-width:290px}.hero-decoration:after{right:20px;bottom:18px}}

/* Menu catalog and filter */
.menu-filter{position:sticky;top:92px;z-index:10;display:flex;justify-content:center;gap:8px;margin:0 0 100px;padding:18px;background:rgba(244,240,232,.94);border-top:1px solid var(--line);border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}.filter-button{min-width:128px;padding:13px 20px;border:1px solid transparent;background:transparent;color:var(--muted);font:500 10px/1 var(--sans);letter-spacing:.2em;cursor:pointer;transition:.25s}.filter-button:hover{color:var(--accent)}.filter-button.active{border-color:var(--accent);color:var(--accent)}.menu-catalog{display:grid;gap:120px}.catalog-group{display:grid;grid-template-columns:260px 1fr;gap:80px}.catalog-group[hidden]{display:none}.catalog-group header{position:sticky;top:190px;align-self:start}.catalog-group h2{font-size:64px;line-height:.9}.catalog-group header>p:last-child{margin-top:16px;color:var(--muted)}.catalog-items{border-top:1px solid var(--ink)}.catalog-items article{display:flex;justify-content:space-between;gap:32px;padding:30px 0;border-bottom:1px solid var(--line)}.catalog-items h3{font:500 25px/1.25 var(--serif);letter-spacing:.01em}.catalog-items p{margin:8px 0 0;color:var(--muted);font-size:13px}.catalog-items strong{color:var(--accent);font-size:12px;font-weight:500;white-space:nowrap}

/* About details */
.shop-details{border-top:1px solid var(--line)}.detail-grid{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid var(--ink)}.detail-item{position:relative;min-height:290px;padding:42px 8% 45px 0;border-bottom:1px solid var(--line)}.detail-item:nth-child(odd){border-right:1px solid var(--line)}.detail-item:nth-child(even){padding-left:8%}.detail-item>span{position:absolute;right:24px;top:40px;color:var(--accent);font:500 10px/1 var(--sans)}.detail-label{margin:0 0 28px;color:var(--accent);font:500 9px/1 var(--sans);letter-spacing:.28em}.detail-item h3{font-size:44px;line-height:1}.detail-item p:last-child{max-width:410px;margin:25px 0 0;color:var(--muted);font-size:13px}.fiction-note{margin:42px 0 0;padding-left:17px;border-left:2px solid var(--accent);color:var(--muted);font-size:11px}

/* Access and OpenStreetMap */
.access-section{width:min(100% - 64px,1180px)}.access-heading{margin-bottom:80px}.access-heading h2{font-size:clamp(64px,8vw,100px);line-height:.9}.access-layout{display:grid;grid-template-columns:.72fr 1.28fr;gap:8%;align-items:start}.access-info dl{margin:0}.osm-map{min-width:0}.osm-map iframe{display:block;width:100%;height:620px;border:0;filter:grayscale(.9) sepia(.12) contrast(.92)}.osm-map>a{display:inline-block;margin-top:14px;padding-bottom:4px;border-bottom:1px solid var(--ink);font-size:11px;letter-spacing:.1em}.access-section>.fiction-note{margin-top:65px}

@media(max-width:760px){.menu-filter{top:74px;justify-content:flex-start;gap:4px;margin:0 -24px 70px;padding:14px 24px;overflow-x:auto}.filter-button{min-width:auto;padding:11px 15px}.menu-catalog{gap:85px}.catalog-group{grid-template-columns:1fr;gap:35px}.catalog-group header{position:static}.catalog-group h2{font-size:54px}.catalog-items article{padding:25px 0}.catalog-items h3{font-size:22px}.detail-grid{grid-template-columns:1fr}.detail-item,.detail-item:nth-child(even){min-height:0;padding:36px 36px 40px 0;border-right:0}.detail-item>span{right:0}.access-section{width:calc(100% - 48px)}.access-heading{margin-bottom:55px}.access-layout{grid-template-columns:1fr;gap:55px}.osm-map{grid-row:1}.osm-map iframe{height:440px}.access-info dl div{grid-template-columns:90px 1fr}.access-section>.fiction-note{margin-top:50px}}

/* Motion and interaction */
.site-header{transition:background-color .3s,box-shadow .3s}.site-header.scrolled{background:rgba(244,240,232,.97);box-shadow:0 10px 35px rgba(41,35,31,.06)}.js .reveal{transition-delay:var(--reveal-delay,0ms)}.menu-card,.value-grid article,.detail-item,.catalog-items article{transition:transform .35s ease,box-shadow .35s ease,background-color .35s ease}.menu-card:hover{transform:translateY(-8px);box-shadow:0 22px 50px rgba(41,35,31,.1)}.menu-card .menu-illustration{transition:filter .45s ease,transform .6s ease}.menu-card:hover .menu-illustration{filter:saturate(.72) sepia(.05);transform:scale(1.015)}.value-grid article:hover,.detail-item:hover{background:rgba(255,255,255,.28)}.catalog-items article:hover{transform:translateX(8px)}.button,.text-link,.osm-map>a,.footer-social a{position:relative;transition:color .25s,border-color .25s,transform .25s}.button:hover,.text-link:hover,.osm-map>a:hover{transform:translateY(-2px)}.filter-button:hover{background:rgba(163,95,69,.06)}
.back-to-top{position:fixed;right:28px;bottom:28px;z-index:30;width:58px;height:58px;padding:7px;border:1px solid var(--ink);border-radius:50%;background:rgba(244,240,232,.92);color:var(--ink);display:grid;place-items:center;align-content:center;opacity:0;visibility:hidden;transform:translateY(14px);cursor:pointer;backdrop-filter:blur(8px);transition:opacity .3s,visibility .3s,transform .3s,background-color .25s,color .25s}.back-to-top.visible{opacity:1;visibility:visible;transform:none}.back-to-top:hover{background:var(--ink);color:var(--paper);transform:translateY(-3px)}.back-to-top span{font:400 19px/1 var(--serif)}.back-to-top small{font:500 7px/1 var(--sans);letter-spacing:.16em}
@media(max-width:760px){.menu-card:hover{transform:none}.catalog-items article:hover{transform:none}.back-to-top{right:18px;bottom:18px;width:52px;height:52px}}
@media(hover:none){.menu-card:hover,.button:hover,.text-link:hover,.osm-map>a:hover,.back-to-top:hover{transform:none}}
@media(prefers-reduced-motion:reduce){.menu-card,.menu-card .menu-illustration,.value-grid article,.detail-item,.catalog-items article,.button,.text-link,.osm-map>a,.back-to-top,.site-header{transition:none}}

/* Refined identity and generated home imagery */
.header-inner{height:104px}.logo{font-size:34px;letter-spacing:.16em}.logo span{margin-bottom:9px;font-size:9px}.hero{min-height:calc(100svh - 104px)}.visual-card{background-image:url("images/cafe-exterior.png");background-position:center 58%}.menu-illustration.latte{background-image:url("images/drip-coffee.png")}.menu-illustration.cake{background-image:url("images/new-york-cheesecake.png")}.menu-illustration.toast{background-image:url("images/french-toast.png")}
@media(max-width:760px){.header-inner{height:80px}.logo{font-size:29px}.logo span{font-size:8px;margin-bottom:7px}.site-nav{top:80px}.hero{min-height:calc(100svh - 80px)}.visual-card{background-position:center}.menu-filter{top:80px}}