
:root{--ink:#2a201b;--coffee:#382218;--wine:#743626;--gold:#ba8e57;--cream:#f6f0e7;--white:#fffdf9;--muted:#766c60}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--white);font:16px/1.7 "Noto Sans",Arial,sans-serif}h1,h2,h3,.brand{font-family:Georgia,"Times New Roman",serif;line-height:1.18}h1{font-size:clamp(2.2rem,5vw,5rem)}h2{font-size:clamp(1.8rem,3vw,3rem)}h3{font-size:1.35rem}a{color:inherit;text-decoration:none}img{display:block;width:100%;object-fit:cover}.container{width:min(1160px,92%);margin:auto}.topbar{background:#2b1e19;color:#f1e1cc;font-size:13px;padding:8px 0}.topbar .container{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap}.site-header{position:sticky;top:0;z-index:20;background:rgba(255,253,249,.98);border-bottom:1px solid #e7e1d7;box-shadow:0 2px 18px #2b1e190e}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:91px}.brand{display:flex;flex-direction:column;font-size:24px;font-weight:bold;letter-spacing:.03em;color:#57291f;white-space:nowrap}.brand small{font:12px/1.5 Arial,sans-serif;letter-spacing:.28em;color:#ae8659;text-transform:uppercase}.site-nav{display:flex;align-items:center;gap:23px;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.site-nav a:hover,.site-nav a.active{color:#ae7234}.navbutton{display:none;border:0;background:none;font-size:30px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:13px 24px;background:var(--wine);color:white;border:1px solid var(--wine);font-weight:700;letter-spacing:.06em;font-size:12px;text-transform:uppercase;transition:.2s;border-radius:2px}.btn:hover{background:#45251d}.btn.outline{background:transparent;color:var(--wine)}.btn.outline:hover{background:#e8dcd0}.hero{position:relative;min-height:570px;display:flex;align-items:center;color:white;background:linear-gradient(90deg,#120b08d8,#170b0840),url('teahouse-food-hero.jpg') center 54%/cover}.hero .container{position:relative;padding:75px 0}.kicker{display:block;text-transform:uppercase;font-size:12px;font-weight:800;letter-spacing:.3em;color:var(--gold);margin-bottom:18px}.hero h1{max-width:770px;margin:0 0 21px}.hero p{max-width:550px;color:#f3e7d7;font-size:18px;margin-bottom:33px}.hero .btn{background:#a87540;border-color:#a87540}.section{padding:86px 0}.section.alt{background:var(--cream)}.section-head{text-align:center;max-width:770px;margin:0 auto 35px}.section-head h2{margin:10px 0 15px}.section-head p{color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:23px}.photo-card{background:#fff;box-shadow:0 9px 27px #23160912;overflow:hidden}.photo-card img{height:235px}.photo-card .content{padding:22px}.photo-card h3{margin:0 0 10px}.photo-card p{color:var(--muted);margin:0}.split{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:65px}.split img{min-height:420px;max-height:540px}.split p{color:var(--muted)}.pagehero{background:linear-gradient(110deg,#211611e8,#4a2b22dd),url('ambience.jpg') center/cover;color:#fff;padding:85px 0}.pagehero h1{font-size:clamp(2.4rem,4vw,4.4rem);margin:0}.pagehero p{color:#eeded0;max-width:650px}.crumb{font-size:12px;text-transform:uppercase;letter-spacing:.2em;color:#d9b795}.article{max-width:870px;margin:auto}.article p{margin:18px 0}.article h2{margin-top:37px}.article img{max-height:490px;margin:26px 0}.menu-group{margin-top:40px}.menu-group h2{font-size:29px;color:#6d3426;padding-bottom:15px;border-bottom:1px solid #dfd6cb}.menu-items{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.menu-item{background:var(--cream);padding:16px 20px;border-left:3px solid var(--gold)}.form-box{padding:32px;background:var(--cream);border:1px solid #e7d8c7}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field{display:flex;flex-direction:column;gap:5px;margin-bottom:14px}.field label{font-size:12px;text-transform:uppercase;font-weight:700;letter-spacing:.07em}.field input,.field textarea,.field select{padding:13px 14px;background:white;border:1px solid #d6c9b8;width:100%;font:inherit}.field textarea{min-height:100px}.notice{font-size:13px;color:#6e6154}.news-item{padding:25px 0;border-bottom:1px solid #e2d7ca}.news-item a{font-size:22px;font-family:Georgia,serif}.footer{background:#261913;color:#eee3d6;padding:65px 0 20px}.footgrid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:60px}.footer h3{margin:0 0 17px;color:#e7c18b}.footer a{display:block;margin:6px 0}.footer p{color:#d3c4b9}.copy{border-top:1px solid #5e4a3b;margin-top:40px;padding-top:20px;font-size:12px;color:#ac9c91}.center{text-align:center}.chips{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.chips a{font-size:13px;border:1px solid #d6c6b1;padding:8px 13px}.chips a:hover{background:#e6d3b8}.quote{border-left:4px solid var(--gold);padding:16px 22px;background:#f6f1e8}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.gallery img{height:270px}.contactcols{display:grid;grid-template-columns:1fr 1.15fr;gap:48px}button{cursor:pointer}@media(max-width:900px){.site-nav{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:flex-start;padding:25px 6%;background:white;box-shadow:0 10px 30px #0002}.site-nav.open{display:flex}.navbutton{display:block}.grid,.gallery{grid-template-columns:repeat(2,1fr)}.split{gap:24px}.footgrid{gap:20px}}@media(max-width:630px){.hero{min-height:485px}.split,.grid,.gallery,.contactcols,.footgrid,.formgrid{grid-template-columns:1fr}.section{padding:60px 0}.topbar{font-size:11px}.brand{font-size:19px}.split img{min-height:290px}.site-nav{max-height:80vh;overflow-y:auto}}
