@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,400;0,500;0,600;1,400;1,500&display=swap');
:root{--green:#364735;--deep:#263528;--cream:#f6f2e9;--ivory:#fffdf8;--gold:#bc9766;--ink:#2b3129}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ivory);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;line-height:1.65}a{color:inherit}h1,h2,h3,p{margin-top:0}h1,h2{font-family:'Playfair Display',Georgia,serif;font-weight:500}h2{font-size:clamp(2.5rem,5vw,4rem);line-height:1.2;margin:15px 0 25px}h3{font-size:1.12rem;font-weight:600}p{max-width:65ch}.site-header{height:79px;display:flex;align-items:center;justify-content:space-between;background:var(--ivory);padding:0 clamp(20px,6vw,100px);position:relative;z-index:3}.brand{font-family:'Playfair Display',Georgia,serif;font-size:1.65rem;font-weight:600;letter-spacing:.12em;text-decoration:none;white-space:nowrap}.brand-dot{color:var(--gold)}nav{display:flex;gap:clamp(16px,3.5vw,50px)}nav a{text-decoration:none;font-size:.85rem;letter-spacing:.06em;text-transform:uppercase}nav a:hover,.visit a:hover{color:var(--gold)}.hero{min-height:min(720px,82vh);position:relative;display:flex;align-items:center;justify-content:center;text-align:center;background:var(--deep);color:white;padding:85px 24px}.hero-photo,.hero-overlay{position:absolute;inset:0}.hero-photo{background-image:url('images/claremont-pho.webp');background-size:cover;background-position:center}.hero-overlay{background:linear-gradient(90deg,rgba(20,29,20,.7),rgba(20,29,20,.42)),linear-gradient(0deg,rgba(15,20,15,.35),transparent 65%)}.hero-content{position:relative;max-width:1000px}.eyebrow,.overline{display:block;letter-spacing:.19em;font-size:.77rem;font-weight:700}.eyebrow{color:#f6e0bd;margin-bottom:26px}.hero h1{font-size:clamp(2.7rem,6.5vw,6.1rem);line-height:1.15;margin:0 0 25px}.hero h1 em{font-weight:400}.hero p{margin:0 auto 34px;color:#f2f2e9;font-size:1.05rem}.button{display:inline-flex;gap:23px;align-items:center;justify-content:center;padding:15px 27px;text-decoration:none;text-transform:uppercase;letter-spacing:.08em;font-weight:700;font-size:.78rem;transition:transform .15s,background .15s}.button:hover{transform:translateY(-2px)}.button.light{background:var(--ivory);color:var(--deep)}.button.dark{background:var(--green);color:white}.section{padding:95px clamp(22px,7vw,120px)}.offer{text-align:center;background:var(--cream)}.offer .decorative-line{height:1px;background:var(--gold);width:54px;margin:0 auto 23px}.overline{color:#99744d}.offer-card{margin:34px auto 0;max-width:660px;background:var(--ivory);padding:45px clamp(25px,6vw,65px);border:2px solid var(--gold)}.offer-large{font-family:'Playfair Display',Georgia,serif;font-size:clamp(4.5rem,12vw,8rem);line-height:1;color:var(--green);font-weight:500}.offer-large span{font-size:.52em;vertical-align:top;display:inline-block;margin-top:12px}.offer-large small{font-family:'DM Sans',Arial,sans-serif;letter-spacing:.15em;font-size:.17em;vertical-align:middle}.offer-card h3{font-family:'Playfair Display',Georgia,serif;font-size:1.45rem;font-weight:500;margin:22px auto}.offer-card p{margin:0 auto 25px}.offer-card .fine-print{font-size:.75rem;color:#777;margin:18px auto 0}.about{display:grid;grid-template-columns:1fr 1fr;align-items:stretch;gap:0;background:var(--ivory);padding:0}.about-image{min-height:530px;background:#b2936d url('images/claremont-restaurant.webp') center/cover no-repeat}.about-content{padding:clamp(60px,8vw,130px) clamp(30px,7vw,110px);align-self:center}.about-content h3{font-family:'Playfair Display',Georgia,serif;font-weight:500;font-size:1.5rem;margin:0 0 23px}.about-content p{color:#5b5d53;margin-bottom:20px}.visit{text-align:center;background:#e9eadd}.visit-lead{margin:0 auto 55px}.visit-columns{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:45px;text-align:left}.visit-columns>div{border-top:1px solid #aaa992;padding-top:25px}.visit-columns h3{font-family:'Playfair Display',Georgia,serif;font-weight:500;font-size:1.5rem;margin-bottom:15px}.visit-columns a{font-size:.95rem}.visit-columns address{font-style:normal;margin-bottom:10px}.visit-columns p{color:#646a5c}.contact-note{font-size:.77rem;color:#656b60;max-width:780px;margin:55px auto 0}footer{background:var(--deep);padding:50px 20px;text-align:center;color:#f6f2e9}footer p{margin:12px auto 20px;font-family:'Playfair Display',Georgia,serif;font-style:italic}footer small{color:#b4b9af}@media(max-width:800px){.site-header{height:auto;min-height:73px;gap:15px;flex-wrap:wrap;justify-content:center;padding:18px}.site-header nav{gap:24px}.brand{font-size:1.4rem}.hero{min-height:620px}.section{padding:70px 24px}.about{grid-template-columns:1fr;padding:0}.about-image{min-height:340px}.about-content{padding:70px 26px}.visit-columns{grid-template-columns:1fr;gap:25px}.visit-lead{margin-bottom:35px}}@media(max-width:430px){nav a{font-size:.73rem}.hero h1{font-size:2.65rem}.offer-card{padding:35px 20px}.offer-large{font-size:4.5rem}}

.visit-columns{grid-template-columns:repeat(2,1fr)}
@media(max-width:800px){.visit-columns{grid-template-columns:1fr}}

/* Exact Tan Mui logo supplied by the restaurant owner */
.site-header{height:auto;min-height:122px;padding-top:10px;padding-bottom:10px}
.brand-logo{display:inline-flex;align-items:center;flex-shrink:0}
.brand-logo img{display:block;width:auto;height:104px;max-width:240px;object-fit:contain}
.footer-logo{display:inline-block}
.footer-logo img{display:block;height:145px;width:auto;max-width:90vw;object-fit:contain;margin:0 auto}
footer{background:#fffdf8;color:var(--ink)}
footer small{color:#646a5c}
@media(max-width:800px){.site-header{min-height:110px}.brand-logo img{height:82px}.footer-logo img{height:118px}}
@media(max-width:430px){.brand-logo img{height:76px}.site-header{gap:8px}}