:root{--bg:#f7f1ea;--paper:#fffaf4;--ink:#2b2119;--muted:#7d6d61;--line:#e4d7ca;--brown:#8f6848;--brown2:#bf8754;--dark:#20150f;--radius:28px;--shadow:0 24px 70px rgba(48,31,18,.14)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Hiragino Sans","Yu Gothic","Noto Sans JP",sans-serif;color:var(--ink);background:var(--bg);line-height:1.75}a{color:inherit;text-decoration:none}.site-header{position:fixed;inset:0 0 auto 0;z-index:50;height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,5vw,72px);color:#fff;background:linear-gradient(to bottom,rgba(20,12,7,.72),rgba(20,12,7,.28));backdrop-filter:blur(14px)}.brand{display:flex;align-items:center;gap:10px;font-weight:800;letter-spacing:.04em;font-size:24px}.brand-mark{color:#d8a168}.nav{display:flex;align-items:center;gap:26px;font-size:14px;font-weight:700}.nav a:not(.nav-cta){opacity:.92}.nav a:hover{opacity:1}.nav-cta{padding:10px 18px;border-radius:999px;background:var(--brown2)}.nav-toggle{display:none}.hero{min-height:100svh;position:relative;display:flex;align-items:center;padding:130px clamp(20px,8vw,110px) 80px;color:#fff;overflow:hidden}.hero-bg{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(19,12,7,.82) 0%,rgba(19,12,7,.58) 43%,rgba(19,12,7,.14) 100%),url("https://images.unsplash.com/photo-1442512595331-e89e73853f31?q=80&w=1800&auto=format&fit=crop");background-size:cover;background-position:center}.hero-bg:after{content:"";position:absolute;inset:auto 0 0 0;height:190px;background:linear-gradient(to bottom,transparent,var(--bg))}.hero-content{max-width:760px}.eyebrow,.section-label{margin:0 0 16px;color:#d9a36c;letter-spacing:.18em;font-weight:800;font-size:13px}h1,h2,h3,p{margin-top:0}.hero h1{font-size:clamp(48px,8vw,92px);line-height:1.12;letter-spacing:.02em;margin-bottom:28px}.hero-text{max-width:610px;font-size:clamp(16px,2vw,20px);color:rgba(255,255,255,.9);margin-bottom:34px}.hero-actions{display:flex;gap:14px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:13px 24px;border-radius:999px;font-weight:800}.primary{background:var(--brown2);color:#fff}.ghost{border:1px solid rgba(255,255,255,.45);color:#fff}.hero-card{width:min(340px,100%);padding:22px;border:1px solid rgba(255,255,255,.2);background:rgba(255,250,244,.13);backdrop-filter:blur(16px);border-radius:24px;margin-top:36px}.hero-card p,.hero-card span{margin:0;color:rgba(255,255,255,.72)}.hero-card strong{display:block;margin:5px 0 4px;font-size:18px}.values{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);padding:1px}.values article{background:var(--paper);padding:42px 32px}.values span{color:var(--brown2);font-weight:900}.values h2{font-size:20px;margin:10px 0}.values p{color:var(--muted);margin:0}.section{padding:110px clamp(20px,8vw,110px)}.about-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:start}.about h2,.section-head h2,.space h2,.info h2,.contact h2{font-size:clamp(36px,5vw,62px);line-height:1.18;letter-spacing:.02em}.about-copy{font-size:18px;color:#5e5147}.about-copy p:last-child{margin-bottom:0}.section-head{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:42px}.section-head p{max-width:420px;color:var(--muted)}.menu-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.menu-card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}.menu-image{height:240px;background-size:cover;background-position:center}.latte{background-image:url("https://images.unsplash.com/photo-1517701604599-bb29b565090c?q=80&w=1000&auto=format&fit=crop")}.iced{background-image:url("https://images.unsplash.com/photo-1461023058943-07fcbe16d735?q=80&w=1000&auto=format&fit=crop")}.sweets{background-image:url("https://images.unsplash.com/photo-1571877227200-a0d98ea607e9?q=80&w=1000&auto=format&fit=crop")}.croissant{background-image:url("https://images.unsplash.com/photo-1555507036-ab1f4038808a?q=80&w=1000&auto=format&fit=crop")}.menu-body{min-height:190px;display:flex;flex-direction:column;justify-content:space-between;padding:22px}.menu-body h3{font-size:21px;margin-bottom:8px}.menu-body p{color:var(--muted);font-size:14px}.menu-body strong{color:var(--brown);font-size:19px}.space{display:grid;grid-template-columns:1.05fr .95fr;gap:0;padding-top:40px}.space-photo{min-height:560px;border-radius:var(--radius) 0 0 var(--radius);background:linear-gradient(rgba(0,0,0,.05),rgba(0,0,0,.05)),url("https://images.unsplash.com/photo-1554118811-1e0d58224f24?q=80&w=1600&auto=format&fit=crop");background-size:cover;background-position:center}.space-copy{background:var(--paper);padding:clamp(34px,6vw,82px);border-radius:0 var(--radius) var(--radius) 0;display:flex;flex-direction:column;justify-content:center;border:1px solid var(--line)}.space-copy p{color:var(--muted);font-size:17px}.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:38px}dl{margin:0;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:30px}dl div{display:grid;grid-template-columns:110px 1fr;border-bottom:1px solid var(--line);padding:16px 0}dl div:last-child{border-bottom:0}dt{font-weight:900;color:var(--brown)}dd{margin:0;color:#55483f}.map-placeholder{min-height:360px;border-radius:var(--radius);background:linear-gradient(135deg,rgba(143,104,72,.82),rgba(32,21,15,.86));color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:30px}.map-placeholder span{font-size:34px;font-weight:900}.map-placeholder p{max-width:380px;color:rgba(255,255,255,.78)}.contact{margin:0 clamp(20px,8vw,110px) 90px;border-radius:36px;background:var(--dark);color:#fff;padding:70px clamp(24px,6vw,80px);text-align:center}.contact p{color:rgba(255,255,255,.76)}.contact-links{margin-top:26px;display:flex;justify-content:center;flex-wrap:wrap;gap:14px}.contact-links a{border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:12px 20px;background:rgba(255,255,255,.06)}.footer{display:flex;justify-content:space-between;gap:24px;align-items:center;padding:34px clamp(20px,8vw,110px);border-top:1px solid var(--line);color:var(--muted)}.footer strong{display:block;color:var(--ink);font-size:22px}.footer p{margin:4px 0 0}@media(max-width:1100px){.menu-grid{grid-template-columns:repeat(2,1fr)}.values{grid-template-columns:repeat(2,1fr)}}@media(max-width:820px){.site-header{height:68px}.nav-toggle{display:flex;flex-direction:column;gap:7px;width:42px;height:42px;border:0;border-radius:50%;background:rgba(255,255,255,.14);justify-content:center;align-items:center}.nav-toggle span{display:block;width:18px;height:2px;background:#fff}.nav{position:fixed;top:68px;left:14px;right:14px;display:none;flex-direction:column;align-items:stretch;padding:18px;background:rgba(32,21,15,.96);border-radius:22px}.nav.open{display:flex}.nav a{padding:10px}.hero{padding-top:110px;align-items:flex-start}.values,.about-grid,.space,.info-grid{grid-template-columns:1fr}.space-photo{border-radius:var(--radius) var(--radius) 0 0;min-height:360px}.space-copy{border-radius:0 0 var(--radius) var(--radius)}.section-head{display:block}.menu-grid{grid-template-columns:1fr}.section{padding:80px 20px}.contact{margin:0 20px 60px}.footer{display:block}}