@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Playfair+Display:ital,wght@0,700;1,700&display=swap');
:root{--ink:#241b17;--muted:#776b63;--orange:#f26a21;--orange-dark:#d94e12;--cream:#fff8ef;--line:#f0e6dc}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fffdf9;color:var(--ink);font-family:'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}.site-header{height:82px;padding:0 max(6vw,24px);display:flex;align-items:center;justify-content:space-between;background:#fffdf9;position:sticky;top:0;z-index:10;border-bottom:1px solid #f5eee7}.brand{display:flex;align-items:center;gap:11px}.brand-mark{width:46px;height:46px;border-radius:15px;background:var(--orange);color:white;display:grid;place-items:center;font-weight:800;font-size:15px;box-shadow:0 7px 18px #f26a2133}.brand strong,.brand small{display:block}.brand strong{font-size:15px}.brand small{font-size:11px;color:var(--muted);margin-top:3px}nav{display:flex;align-items:center;gap:32px;font-size:13px;font-weight:600}nav a:not(.nav-order){color:#665a52}nav a:hover{color:var(--orange)}.nav-order{background:var(--ink);color:#fff;padding:12px 19px;border-radius:30px}.menu-toggle{display:none;border:0;background:none;font-size:25px}.hero{min-height:540px;padding:75px max(9vw,28px);display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:40px;background:radial-gradient(circle at 82% 42%,#ffead7 0,transparent 34%),linear-gradient(110deg,#fff8ef,#fffdf9)}.eyebrow{font-size:10px;font-weight:800;letter-spacing:2px;color:var(--orange)}h1,h2,h3,p{margin-top:0}.hero h1{font-size:clamp(42px,5.5vw,68px);line-height:1.08;letter-spacing:-2.5px;margin:18px 0}.hero h1 em,h2 em{font-family:'Playfair Display',serif;color:var(--orange);font-weight:700}.hero-copy>p{max-width:500px;color:var(--muted);line-height:1.8;font-size:15px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.btn{display:inline-flex;align-items:center;gap:18px;padding:15px 22px;border-radius:30px;font-weight:700;font-size:13px}.btn-primary{background:var(--orange);color:white;box-shadow:0 9px 20px #f26a2130}.btn-primary:hover{background:var(--orange-dark);transform:translateY(-1px)}.btn-light{background:white;border:1px solid var(--line)}.hero-note{margin-top:28px;color:#85786f;font-size:11px}.note-dot{display:inline-block;width:7px;height:7px;background:#51ad72;border-radius:50%;margin-right:7px}.hero-art{height:365px;position:relative;display:grid;place-items:center}.art-glow{position:absolute;width:310px;height:310px;border-radius:50%;background:#ffdfc2;box-shadow:0 20px 60px #e99b6130}.food-emoji{z-index:1;font-size:190px;filter:drop-shadow(0 20px 15px #6d321b30);transform:rotate(-8deg)}.floating{position:absolute;z-index:2;font-size:38px}.f1{top:42px;right:15%}.f2{top:82px;left:13%}.f3{bottom:65px;right:12%}.art-caption{position:absolute;z-index:3;bottom:5px;left:50%;transform:translateX(-50%);background:white;border:1px solid var(--line);padding:13px 24px;border-radius:15px;box-shadow:0 10px 30px #5a2b1412;text-align:center;white-space:nowrap}.art-caption strong,.art-caption span{display:block}.art-caption strong{font-size:13px}.art-caption span{font-size:10px;color:var(--muted);margin-top:4px}.section{padding:85px max(9vw,28px)}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:34px}.section-heading h2,.about-section h2{font-size:39px;line-height:1.15;letter-spacing:-1px;margin:10px 0 0}.section-heading>p{max-width:350px;color:var(--muted);font-size:13px;line-height:1.7;margin-bottom:4px}.menu-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.menu-card{border:1px solid var(--line);border-radius:19px;overflow:hidden;background:white;transition:.2s}.menu-card:hover{transform:translateY(-4px);box-shadow:0 15px 35px #4c28100d}.food-picture{height:190px;display:grid;place-items:center;position:relative;overflow:hidden}.food-picture span{font-size:95px;filter:drop-shadow(0 12px 10px #53240b25)}.food-picture b{position:absolute;top:14px;left:14px;background:white;color:var(--orange);font-size:9px;letter-spacing:1px;padding:7px 10px;border-radius:20px}.picture-orange{background:#ffeadb}.picture-yellow{background:#fff2cf}.picture-red{background:#ffe0d8}.picture-dark{background:#f3e7dc}.picture-green{background:#e8f0dd}.menu-info{padding:20px}.menu-title{display:flex;justify-content:space-between;align-items:start;gap:10px}.menu-title h3{font-size:15px;margin:0}.menu-title strong{font-size:13px;color:var(--orange);white-space:nowrap}.menu-info p{font-size:11px;line-height:1.7;color:var(--muted);min-height:56px;margin:12px 0 16px}.order-btn{width:100%;border:0;border-top:1px solid var(--line);padding:14px 0 0;background:white;color:var(--ink);font:700 12px 'DM Sans',sans-serif;display:flex;justify-content:space-between;cursor:pointer}.order-btn span{color:var(--orange);font-size:16px}.menu-footnote{font-size:10px;color:#988b81;margin-top:18px}.about-section{margin:10px max(6vw,20px) 75px;padding:45px 6%;background:#fff1e5;border-radius:24px;display:flex;align-items:center;gap:30px}.about-icon{font-size:54px;min-width:85px;height:85px;border-radius:24px;background:white;display:grid;place-items:center}.about-section>div:nth-child(2){flex:1}.about-section h2{font-size:31px;margin:10px 0}.about-section p{font-size:12px;color:var(--muted);line-height:1.7;max-width:520px;margin-bottom:0}.about-section .btn{white-space:nowrap}footer{padding:25px max(6vw,24px);border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;color:#8b7e75;font-size:10px}.footer-brand .brand-mark{width:38px;height:38px;border-radius:12px}.footer-brand strong{color:var(--ink);font-size:12px}.floating-wa{position:fixed;right:22px;bottom:22px;background:#20b968;color:white;padding:13px 18px;border-radius:30px;box-shadow:0 8px 24px #158c4b44;font-size:13px;font-weight:700;z-index:8}.floating-wa:first-letter{font-size:18px;margin-right:5px}
@media(max-width:800px){.site-header{height:70px}.menu-toggle{display:block}nav{display:none;position:absolute;top:69px;left:0;right:0;background:white;padding:20px 25px 25px;flex-direction:column;align-items:stretch;gap:18px;border-bottom:1px solid var(--line)}nav.open{display:flex}.hero{grid-template-columns:1fr;padding-top:55px;padding-bottom:45px;gap:10px}.hero-art{height:300px}.art-glow{width:250px;height:250px}.food-emoji{font-size:150px}.section{padding-top:60px;padding-bottom:60px}.section-heading{display:block}.section-heading>p{margin-top:15px}.menu-grid{grid-template-columns:repeat(2,1fr)}.about-section{align-items:flex-start;flex-wrap:wrap}.about-section>div:nth-child(2){min-width:65%}}@media(max-width:540px){.brand strong{font-size:13px}.hero h1{font-size:44px}.hero-art{height:270px}.menu-grid{grid-template-columns:1fr}.food-picture{height:210px}.section-heading h2{font-size:34px}.about-section{margin:0 15px 45px;padding:28px 22px;gap:17px}.about-icon{width:60px;min-width:60px;height:60px;font-size:34px}.about-section>div:nth-child(2){min-width:calc(100% - 80px)}.about-section h2{font-size:25px}.about-section .btn{margin-left:77px}footer{gap:15px;align-items:flex-start;flex-direction:column}.floating-wa{right:14px;bottom:14px;padding:11px 14px}}