:root{--purple:#3D1A6E;--deep:#211036;--cream:#F2E7D5;--gold:#C9A227;--ink:#211c24;--muted:#706873;--line:#e9e1d8}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:"DM Sans",sans-serif;line-height:1.6}a{text-decoration:none;color:inherit}.container{width:min(1160px,92%);margin:auto}
.site-header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.92);backdrop-filter:blur(16px);border-bottom:1px solid #eee}.nav-wrap{height:76px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px;color:var(--purple)}.brand-mark{width:42px;height:42px;border-radius:14px;background:var(--purple);color:#fff;display:grid;place-items:center;font:700 23px "Playfair Display"}.brand strong{display:block;letter-spacing:3px;line-height:1}.brand small{display:block;font-size:8px;letter-spacing:1.4px;margin-top:5px}.nav{display:flex;align-items:center;gap:27px;font-size:14px;font-weight:700}.nav a:hover{color:var(--purple)}.nav-cta{background:var(--purple);color:#fff;padding:11px 19px;border-radius:999px}.menu-toggle{display:none;border:0;background:none;font-size:25px}
.hero{min-height:720px;overflow:hidden;position:relative;background:linear-gradient(135deg,#fff 0%,#fff 54%,var(--cream) 100%)}.hero-grid{min-height:720px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:30px}.eyebrow{font-size:11px;letter-spacing:2.5px;font-weight:800;color:var(--gold);margin:0 0 14px}.hero h1,h2{font-family:"Playfair Display",serif;color:var(--purple);line-height:1.04;margin:0}.hero h1{font-size:clamp(58px,7vw,88px);letter-spacing:-3px}.hero h1 em,h2 em{color:var(--gold);font-style:normal}.hero-text{font-size:19px;max-width:560px;color:var(--muted);margin:24px 0}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.btn{border:1px solid transparent;border-radius:999px;padding:13px 23px;font-weight:800;display:inline-flex;justify-content:center;align-items:center;cursor:pointer;font:inherit}.primary{background:var(--purple);color:#fff;box-shadow:0 10px 25px #3d1a6e2c}.ghost{border-color:#d8cec1;background:#fff;color:var(--purple)}.trust{display:flex;gap:18px;flex-wrap:wrap;margin-top:29px;color:#625a61;font-size:12px;font-weight:700}
.hero-art{min-height:560px;display:grid;place-items:center;position:relative}.food-stage{width:470px;height:470px;border-radius:50%;background:#fff9;box-shadow:0 25px 70px #3d1a6e18;position:relative;border:1px solid #fff}.burger{position:absolute;width:230px;height:155px;left:120px;top:150px;transform:rotate(-5deg);z-index:4}.burger:before{content:"";position:absolute;left:15px;top:0;width:205px;height:70px;border-radius:55% 55% 35% 35%;background:linear-gradient(#e9b86e,#c77936);box-shadow:inset 0 -7px #a85d29}.burger:after{content:"";position:absolute;left:22px;top:63px;width:195px;height:25px;border-radius:20px;background:#4e9b4d;box-shadow:0 19px #e7bf48,0 39px #713d25,0 58px #dfc2a0}.burger i{position:absolute;z-index:5;left:45px;top:17px;width:7px;height:3px;background:#fff;border-radius:50%;box-shadow:30px 8px #fff,60px 2px #fff,95px 10px #fff,125px 0 #fff,150px 12px #fff}.fries{position:absolute;right:45px;bottom:80px;width:110px;height:145px;background:#c94035;border-radius:8px 8px 20px 20px;transform:rotate(7deg);z-index:6}.fries i{position:absolute;bottom:93px;width:20px;height:95px;background:#e9bb55;border-radius:5px}.fries i:nth-child(1){left:5px;transform:rotate(-10deg)}.fries i:nth-child(2){left:25px;bottom:105px;transform:rotate(-3deg)}.fries i:nth-child(3){left:48px;bottom:98px}.fries i:nth-child(4){left:68px;bottom:108px;transform:rotate(5deg)}.fries i:nth-child(5){left:86px;bottom:95px;transform:rotate(12deg)}.mini-momo{position:absolute;width:78px;height:52px;border-radius:60%;background:#fff5e8;border:3px solid #ddc7ac;z-index:7}.m1{left:70px;top:95px;transform:rotate(-18deg)}.m2{left:45px;top:190px;transform:rotate(18deg)}.m3{left:100px;top:255px;transform:rotate(4deg)}.drink{position:absolute;width:65px;height:115px;background:linear-gradient(90deg,#f3e0bc,#fff);right:80px;top:65px;border:3px solid #d5c4ad;border-radius:10px 10px 20px 20px;z-index:5}.drink:before{content:"";position:absolute;top:-32px;left:25px;width:4px;height:42px;background:var(--gold);transform:rotate(8deg)}.photo-note{position:absolute;bottom:12px;right:0;background:#fff;border:1px dashed #cbbda9;border-radius:13px;padding:11px 14px;text-align:center;color:var(--purple);font-size:9px;letter-spacing:1.4px;font-weight:800}.photo-note small{font-size:8px;letter-spacing:0;color:var(--muted);font-weight:500}.blob{position:absolute;border-radius:50%;filter:blur(35px);opacity:.35}.b1{width:230px;height:230px;right:-80px;top:60px;background:#d9c5ec}.b2{width:180px;height:180px;left:-70px;bottom:-60px;background:#e8d28f}
.section{padding:100px 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:36px}.section-head h2{font-size:clamp(42px,5vw,62px)}.section-head>p{max-width:470px;color:var(--muted);margin:0}.tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:25px}.tab{border:1px solid var(--line);background:#fff;border-radius:999px;padding:9px 16px;font-size:13px;font-weight:800;color:#6d656d;cursor:pointer}.tab.active,.tab:hover{background:var(--purple);color:#fff;border-color:var(--purple)}.menu-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{border:1px solid var(--line);border-radius:23px;overflow:hidden;background:#fff;box-shadow:0 8px 25px #2c143d09;transition:.2s}.card:hover{transform:translateY(-4px);box-shadow:0 18px 50px #2c143d18}.photo{height:210px;display:grid;place-items:center;background:linear-gradient(135deg,#eee0cf,#f8f2e9);position:relative}.photo:before{content:"";width:145px;height:145px;border-radius:50%;background:#ffffff91;box-shadow:0 15px 35px #3d1a6e12}.photo span{position:absolute;border:1px dashed #b9aa95;border-radius:8px;padding:6px 9px;font-size:9px;letter-spacing:1.6px;color:var(--purple);background:#fff9}.p2{background:linear-gradient(135deg,#ead5c1,#f4e9db)}.p3{background:linear-gradient(135deg,#ddd3e9,#f5eadc)}.p4{background:linear-gradient(135deg,#ead8c6,#e2d6ee)}.p5{background:linear-gradient(135deg,#f0dfbd,#f6eee1)}.p6{background:linear-gradient(135deg,#dcd9c8,#f1e9d9)}.p7{background:linear-gradient(135deg,#e7d2c7,#eee1d4)}.p8{background:linear-gradient(135deg,#d8cfe8,#f1e6d4)}.p9{background:linear-gradient(135deg,#d4e1d1,#f3e6d2)}.body{padding:20px}.body small{font-size:9px;letter-spacing:1.7px;color:var(--gold);font-weight:800}.body h3{font-size:20px;color:var(--purple);margin:7px 0 4px}.body p{font-size:13px;color:var(--muted);margin:0 0 10px}.body strong{font-size:17px}
.story{background:var(--cream)}.story-grid{display:grid;grid-template-columns:.95fr 1.05fr;align-items:center;gap:90px}.story-visual{height:450px;position:relative}.story-back,.story-front{position:absolute;inset:20px 60px 20px 0;border-radius:28px}.story-back{background:#d1c0a8;transform:rotate(-7deg)}.story-front{background:var(--purple);color:#fff;padding:45px;display:flex;flex-direction:column;justify-content:end;transform:rotate(4deg);box-shadow:0 25px 60px #3d1a6e35}.story-front span{letter-spacing:4px;font-weight:800}.story-front h3{font:700 48px/1.02 "Playfair Display";margin:15px 0}.story-front p{color:#eadff0}.copy{color:var(--muted);max-width:570px}.link{font-weight:800;color:var(--purple);display:inline-block;margin-top:10px}.promise{background:#fcfaf7}.promise-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;border:1px solid var(--line);background:var(--line)}.promise-grid>div{background:#fff;padding:30px}.promise b{color:var(--gold);font-size:12px}.promise h3{color:var(--purple);margin:12px 0 5px}.promise p{color:var(--muted);font-size:13px;margin:0}
.locations{background:#fff}.locations-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.locations-grid article{padding:32px;border:1px solid var(--line);border-radius:23px}.locations-grid small{letter-spacing:2px;color:var(--gold);font-weight:800;font-size:9px}.locations-grid h3{font:700 32px "Playfair Display";color:var(--purple);margin:8px 0}.locations-grid p{color:var(--muted)}.locations-grid .dark{background:var(--purple);color:#fff}.dark h3,.dark .link{color:#fff}.dark p{color:#eadff0}.muted{font-size:12px}
.order{background:var(--purple);color:#fff;padding:55px 0}.order-inner{display:flex;align-items:center;justify-content:space-between;gap:30px}.order h2{color:#fff;font-size:48px;max-width:650px}.order .eyebrow{color:#e8d28f}.order-buttons{display:flex;gap:10px}.btn.light{background:#fff;color:var(--purple)}.btn.outline{border-color:#9a7ab5;color:#fff}
.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px}.details{display:grid;gap:8px;margin-top:25px}.details a{font-weight:800;color:var(--purple)}form{display:grid;gap:15px}form label{font-size:12px;font-weight:800;color:var(--purple);display:grid;gap:6px}input,textarea{font:inherit;border:1px solid var(--line);border-radius:12px;padding:13px 14px;outline:none}input:focus,textarea:focus{border-color:var(--purple);box-shadow:0 0 0 3px #3d1a6e10}form small{color:var(--muted);font-size:10px}
footer{background:#190d2a;color:#d9cce3;padding:35px 0}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:20px}.footer-inner strong{color:#fff;letter-spacing:3px}.footer-inner p{font-size:11px;margin:5px 0}.footer-links{display:flex;gap:20px;font-size:12px}
@media(max-width:850px){.nav{display:none;position:absolute;left:0;right:0;top:76px;background:#fff;padding:18px 4%;flex-direction:column;align-items:flex-start;border-bottom:1px solid var(--line)}.nav.open{display:flex}.menu-toggle{display:block}.hero-grid,.story-grid,.contact-grid{grid-template-columns:1fr}.hero,.hero-grid{min-height:auto}.hero-grid{padding:70px 0 30px}.hero-art{min-height:480px}.menu-grid{grid-template-columns:repeat(2,1fr)}.section-head,.order-inner{flex-direction:column;align-items:flex-start}.order-buttons{width:100%}.order-buttons .btn{flex:1}.promise-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.hero h1{font-size:55px}.hero-art{min-height:390px}.food-stage{width:320px;height:320px}.burger{transform:scale(.72) rotate(-5deg);left:45px;top:90px}.fries{transform:scale(.75) rotate(7deg);right:15px;bottom:40px}.drink{transform:scale(.8);right:35px;top:20px}.mini-momo{transform:scale(.75)}.menu-grid,.locations-grid,.promise-grid{grid-template-columns:1fr}.story-visual{height:380px}.story-front h3{font-size:39px}.order h2{font-size:39px}.footer-inner{flex-direction:column;align-items:flex-start}.footer-links{flex-wrap:wrap}}