@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Playfair+Display:ital,wght@0,600;0,700;1,600;1,700&display=swap');
:root{--ink:#211812;--cream:#fff8ed;--orange:#f16b35;--yellow:#ffc857;--muted:#786b60}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:'DM Sans',sans-serif}
a{color:inherit;text-decoration:none}.site-header{height:82px;padding:0 7%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #eadfce;background:#fffaf2}
.brand{display:flex;align-items:center;gap:10px;font-weight:800;letter-spacing:1.5px;font-size:15px}.brand b{color:var(--orange)}.brand-mark{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:var(--orange);color:white;font-size:12px;letter-spacing:0}
nav{display:flex;gap:34px;color:#66584d;font-size:13px;font-weight:600}nav a:hover,.text-link:hover{color:var(--orange)}.header-cta{border:1px solid var(--ink);padding:11px 18px;border-radius:3px;font-size:12px;font-weight:700}
.hero{min-height:570px;padding:75px 10% 65px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:35px;overflow:hidden}.eyebrow{font-size:10px;font-weight:800;letter-spacing:2.5px;color:var(--orange);margin:0 0 18px}.eyebrow span{display:inline-block;width:22px;height:2px;background:var(--orange);vertical-align:middle;margin-right:8px}
h1,h2{font-family:'Playfair Display',serif;font-weight:700;letter-spacing:-1.5px}h1{font-size:clamp(46px,6vw,76px);line-height:1.05;margin:0 0 22px}h1 em,h2 em{color:var(--orange);font-weight:600}.intro{max-width:420px;color:var(--muted);line-height:1.8;font-size:14px}.hero-actions{display:flex;align-items:center;gap:26px;margin-top:30px}.button{display:inline-block;padding:15px 22px;font-size:12px;font-weight:800;border-radius:3px}.button-primary{background:var(--orange);color:white;box-shadow:0 8px 18px #f16b3530}.button-primary:hover{background:#d95320}.button span{margin-left:18px}.text-link{font-size:12px;font-weight:800}.text-link span{margin-left:8px}.hero-note{margin-top:42px;font-size:10px;color:#8c7c70;letter-spacing:.5px}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#69a66b;margin-right:8px}
.hero-art{height:400px;position:relative;display:grid;place-items:center}.sun{position:absolute;width:300px;height:300px;border-radius:50%;background:#ffe2a5;right:8%;top:10%}.plate{position:relative;width:330px;height:330px;border-radius:50%;background:#fffdf8;border:15px solid #f1e5d4;box-shadow:0 22px 40px #5b341a22;transform:rotate(-12deg)}.plate:after{content:"";position:absolute;inset:12px;border:1px solid #e8d8c3;border-radius:50%}.momo{position:absolute;width:95px;height:65px;background:linear-gradient(145deg,#fff0d4,#e8b77b);border-radius:50% 50% 42% 42%;box-shadow:inset 0 -7px 9px #b7794520,0 5px 7px #74421b22;z-index:1}.momo:before{content:"";position:absolute;left:20px;right:20px;top:7px;height:18px;border-top:3px solid #c58b52;border-radius:50%}.m1{top:65px;left:65px;transform:rotate(20deg)}.m2{top:75px;right:48px;transform:rotate(-25deg)}.m3{top:145px;left:32px;transform:rotate(-12deg)}.m4{top:158px;right:35px;transform:rotate(15deg)}.m5{bottom:45px;left:116px;transform:rotate(4deg)}.dip{position:absolute;width:65px;height:65px;border-radius:50%;background:#d94b27;bottom:35px;right:40px;border:7px solid #f7e5cf;z-index:2}.art-label{position:absolute;right:0;bottom:30px;background:var(--ink);color:white;padding:15px 18px;font-size:11px;line-height:1.5;font-weight:800;letter-spacing:1px;transform:rotate(5deg)}.spark{position:absolute;color:var(--orange);font-size:35px}.s1{top:38px;left:12%}.s2{right:5%;top:70px;color:#d79c27}
.ticker{background:var(--ink);color:#fff3df;padding:17px 5%;display:flex;justify-content:space-around;align-items:center;gap:15px;font-size:10px;font-weight:800;letter-spacing:2px}.ticker b{color:var(--yellow);font-size:17px}
.section{padding:95px 10%}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:35px}.section-heading h2,.flavour h2,.visit h2{font-size:clamp(38px,5vw,56px);line-height:1.1;margin:0}.section-heading>p{color:var(--muted);font-size:12px;line-height:1.8}.menu-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.menu-card{background:#fff;border:1px solid #f0e6d9;border-radius:7px;overflow:hidden}.food-illustration{height:185px;display:grid;place-items:center;position:relative;background:#fbe8d4}.fried .food-illustration{background:#f6e6c5}.food-illustration span{font-size:88px;filter:drop-shadow(0 12px 7px #8a4a2525)}.food-illustration small{position:absolute;right:15px;top:15px;font-size:9px;letter-spacing:1.5px;font-weight:800;color:#986443}.card-content{padding:22px}.card-top{display:flex;justify-content:space-between;align-items:center}.card-top h3{margin:0;font-size:18px}.price{font-family:'Playfair Display',serif;font-size:25px;color:var(--orange);font-weight:700}.card-content p,.menu-footnote{font-size:12px;color:var(--muted)}.tag{display:inline-block;margin-top:8px;padding:6px 9px;background:#fff1e7;color:#c85227;font-size:8px;font-weight:800;letter-spacing:1px}.menu-footnote{text-align:center;margin-top:25px}
.flavour{background:#f6dfbf;padding:75px 13%;display:flex;align-items:center;gap:70px}.flavour>div:last-child{max-width:500px}.flavour p:not(.eyebrow){font-size:13px;line-height:1.9;color:#695647}.flavour-stamp{width:155px;height:155px;flex-shrink:0;border:2px dashed #c77c4c;border-radius:50%;display:grid;place-content:center;text-align:center;font-size:12px;line-height:1.5;font-weight:800;letter-spacing:2px;color:#a54a27;transform:rotate(-12deg)}.flavour-stamp b{font-size:25px;color:var(--orange)}
.visit{display:flex;justify-content:space-between;align-items:center;gap:35px}.address{font-size:13px;line-height:1.8;color:var(--muted);margin:25px 0}.visit-card{width:42%;min-height:245px;background:var(--orange);color:white;padding:35px;display:flex;flex-direction:column;justify-content:space-between;transform:rotate(2deg);box-shadow:12px 12px 0 #f5dfc2}.pin{font-size:35px}.visit-card p{font-size:23px;line-height:1.3;letter-spacing:1px}.visit-card span{font-size:9px;letter-spacing:2px;font-weight:700}
footer{padding:25px 7%;display:flex;justify-content:space-between;align-items:center;border-top:1px solid #eadfce;font-size:10px;color:#827367}footer .brand{color:var(--ink);font-size:12px}
@media(max-width:700px){.site-header{height:70px;padding:0 5%}nav{display:none}.header-cta{padding:9px 12px}.hero{padding:55px 7% 35px;grid-template-columns:1fr;gap:0}.hero-art{height:340px;grid-row:1}.plate{width:275px;height:275px}.momo{transform:scale(.85)}.sun{width:250px;height:250px;right:10%;top:10%}.art-label{right:2%;bottom:15px}.hero-copy{padding-bottom:35px}.section{padding:65px 7%}.section-heading{display:block}.section-heading>p{margin-top:18px}.menu-grid{grid-template-columns:1fr}.flavour{padding:55px 8%;gap:25px;flex-direction:column;align-items:flex-start}.flavour-stamp{width:115px;height:115px;font-size:10px}.visit{flex-direction:column;align-items:flex-start}.visit-card{width:90%;align-self:center}.ticker{font-size:8px;letter-spacing:1px;flex-wrap:wrap}footer{padding:22px 5%;gap:12px;flex-wrap:wrap}footer>span{order:3;width:100%}}