:root{--bean:#2b1a12;--roast:#4a2c1d;--caramel:#c8813a;--crema:#f6efe6;--milk:#fffaf3;--line:#e6d8c6;--text:#2b1a12;--muted:#6f5a4b}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:'Inter',system-ui,sans-serif;background:var(--milk);color:var(--text);line-height:1.6;font-size:17px}
a{color:var(--roast)}
h1,h2,h3{font-family:'Fraunces',Georgia,serif;font-weight:600;line-height:1.15;color:var(--bean)}
h1{font-size:clamp(2.2rem,6vw,3.6rem)}h2{font-size:clamp(1.6rem,4vw,2.2rem);margin-bottom:.6rem}h3{font-size:1.25rem;margin-bottom:.3rem}
.wrap{max-width:1080px;margin:0 auto;padding:0 20px}
header{background:var(--bean);color:var(--crema);position:sticky;top:0;z-index:10}
.bar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:14px 20px;max-width:1080px;margin:0 auto}
.logo{font-family:'Fraunces',serif;font-size:1.5rem;color:var(--crema);text-decoration:none;font-weight:700;letter-spacing:.5px}
.logo span{color:inherit}
.logo{display:flex;align-items:center;gap:12px}.logo img{width:52px;height:52px}
.hero .wrap{display:grid;grid-template-columns:1fr 340px;gap:40px;align-items:center}.hero-logo{width:100%;max-width:340px}
@media(max-width:760px){.hero .wrap{grid-template-columns:1fr}.hero-logo{max-width:200px;order:-1;margin:0 auto}}
nav{display:flex;flex-wrap:wrap;gap:4px 18px;font-size:.95rem}
nav a{color:var(--crema);text-decoration:none;opacity:.85;padding:4px 0;border-bottom:2px solid transparent}
nav a:hover,nav a.on{opacity:1;border-color:var(--caramel)}
nav a.lang{color:var(--caramel);font-weight:600}
.hero{background:linear-gradient(135deg,var(--roast),var(--bean));color:var(--crema);padding:80px 0 70px}
.hero h1{color:var(--milk)}.hero p{max-width:560px;margin:18px 0 28px;font-size:1.15rem;opacity:.92}
.page-head{background:var(--crema);padding:56px 0 40px;border-bottom:1px solid var(--line)}
.page-head p{color:var(--muted);margin:10px 0 20px;max-width:620px}
.btn{display:inline-block;background:var(--caramel);color:#fff;text-decoration:none;padding:13px 24px;border-radius:999px;font-weight:600;margin:4px 8px 4px 0}
.btn.ghost{background:transparent;border:2px solid var(--caramel);color:var(--caramel)}
.page-head .btn.ghost,.section .btn.ghost{color:var(--roast);border-color:var(--roast)}
.section{padding:60px 0}
.section.alt{background:var(--crema)}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:22px;margin-top:24px}
.card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:24px}
.card p{color:var(--muted)}
.hours{width:100%;max-width:420px;border-collapse:collapse;margin-top:12px}
.hours td{padding:10px 0;border-bottom:1px solid var(--line)}.hours td:last-child{text-align:right;font-weight:600}
.two{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:start}
.map{width:100%;height:360px;border:0;border-radius:16px}
details{background:#fff;border:1px solid var(--line);border-radius:12px;padding:18px 22px;margin-bottom:12px}
summary{font-weight:600;cursor:pointer}details p{margin-top:10px;color:var(--muted)}
footer{background:var(--bean);color:var(--crema);padding:40px 0;font-size:.95rem}
footer .grid{margin-top:0}footer a{color:var(--caramel)}footer h3{color:var(--crema);font-size:1.05rem}
@media(max-width:760px){.two{grid-template-columns:1fr}.hero{padding:56px 0}.bar{justify-content:center}nav{justify-content:center}}