*{box-sizing:border-box;margin:0;padding:0}:root{--b:#6b0f1a;--g:#d4af37;--k:#0b0909;--c:#f6efe5;--m:#aaa19a}html{scroll-behavior:smooth}body{font-family:Poppins,sans-serif;background:var(--k);color:var(--c)}a{text-decoration:none;color:inherit}nav{position:fixed;z-index:20;top:0;width:100%;padding:20px 7%;display:flex;justify-content:space-between;align-items:center;background:#0b0909cc;backdrop-filter:blur(14px)}.brand,footer b{font:700 28px "Cormorant Garamond";letter-spacing:.1em}.brand span,footer span{color:var(--g)}.nav-links{display:flex;list-style:none;gap:30px}.nav-links a{font-size:11px;text-transform:uppercase;letter-spacing:.15em}.nav-links a:hover{color:var(--g)}.menu-toggle{display:none;background:none;border:0;color:white;font-size:24px}.hero{height:85vh;min-height:600px;position:relative;display:grid;place-items:center;text-align:center;background:url("https://images.unsplash.com/photo-1552611052-33e04de081de?auto=format&fit=crop&w=2200&q=90") center/cover fixed}.shade{position:absolute;inset:0;background:linear-gradient(90deg,#080505e8,#3a091075,#080505d9)}.hero-content{position:relative;max-width:850px;padding:80px 20px}.eyebrow{color:var(--g);font-size:10px;letter-spacing:.28em;margin-bottom:15px}h1,h2,h3{font-family:"Cormorant Garamond"}h1{font-size:clamp(60px,9vw,110px);line-height:.88}em{color:var(--g)}.hero-content p:not(.eyebrow){color:#ddd;max-width:650px;margin:25px auto 30px;font-size:14px}.btn{display:inline-block;padding:13px 28px;background:var(--b);border:1px solid var(--g);font-size:11px;text-transform:uppercase;letter-spacing:.13em;transition:.3s}.btn:hover{background:var(--g);color:#111}.menu{background:var(--c);color:#171313;padding:110px 6%}.heading{text-align:center;max-width:700px;margin:auto auto 45px}.heading h2,.order h2{font-size:clamp(48px,6vw,75px);line-height:.92;margin-bottom:15px}.heading>p:last-child{color:#756e68;font-size:13px}.search-wrap{max-width:650px;margin:0 auto 20px}#search{width:100%;padding:15px;border:1px solid #d0c7bd;background:#fff;outline:none;font-family:inherit}.filters{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;max-width:1200px;margin:0 auto 35px}.filter{padding:9px 14px;border:1px solid #c9beb2;background:transparent;color:#382d2a;font:500 10px Poppins;cursor:pointer;text-transform:uppercase}.filter.active,.filter:hover{background:var(--b);color:white;border-color:var(--b)}.grid{max-width:1350px;margin:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.menu-card{background:white;padding:20px;box-shadow:0 8px 25px #1d0a0a0d;transition:.25s;border-top:2px solid transparent}.menu-card:hover{transform:translateY(-5px);border-top-color:var(--g)}.num{font-size:8px;letter-spacing:.2em;color:var(--g)}.menu-card h3{font-size:24px;line-height:1;margin:7px 0}.menu-card p{font-size:9px;color:#8a817b;margin-bottom:13px}.menu-card strong{display:block;color:var(--b);font-size:13px;margin-bottom:13px}.menu-card a{font-size:9px;text-transform:uppercase;letter-spacing:.12em;color:var(--b);border-bottom:1px solid var(--b)}.empty{display:none;text-align:center;margin-top:30px;color:#777}.order{padding:100px 8%;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.order h2{font-size:clamp(55px,7vw,85px)}.order p{color:var(--m);font-size:13px;margin-top:20px}.order-box{background:#151010;border:1px solid #d4af3740;padding:45px;text-align:center}.order-box h3{font-size:42px;color:var(--g)}.order-box p{margin:5px 0 25px}.order-box small{display:block;color:#777;font-size:9px;margin-top:20px}footer{text-align:center;padding:55px 8%;border-top:1px solid #241b1c;color:#807873}footer p{font-size:11px;margin:8px 0 15px}footer small{font-size:9px}@media(max-width:900px){.grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){nav{padding:18px 6%}.menu-toggle{display:block}.nav-links{display:none;position:absolute;top:65px;left:0;width:100%;background:#0b0909f7;padding:22px;flex-direction:column}.nav-links.open{display:flex}.hero{background-attachment:scroll}.menu{padding:80px 5%}.grid{grid-template-columns:1fr}.order{grid-template-columns:1fr;padding:80px 7%;gap:45px}}
.voice-toggle{position:fixed;right:20px;bottom:20px;z-index:50;display:flex;align-items:center;gap:8px;padding:11px 16px;border:1px solid #d4af37;background:#6b0f1a;color:#fff;border-radius:999px;box-shadow:0 8px 25px #0005;cursor:pointer;font:600 10px Poppins,sans-serif;letter-spacing:.08em;text-transform:uppercase;transition:.25s}.voice-toggle:hover{background:#d4af37;color:#111;transform:translateY(-2px)}.voice-toggle.active{background:#d4af37;color:#111}.karaoke-active{background:linear-gradient(90deg,#d4af37,#f7e7a8,#d4af37)!important;color:#171313!important;box-shadow:0 0 0 4px #d4af3730,0 10px 30px #d4af3730;border-radius:6px;padding:2px 7px}.karaoke-word{background:#d4af37;color:#111;border-radius:4px;padding:0 3px}@media(max-width:650px){.voice-toggle{right:12px;bottom:12px;font-size:9px;padding:10px 13px}}


/* 🍜 Custom Bakmi Mulia cursor + fading trail */
* { cursor: url('cursor.png') 32 32, auto; }
a, button, input, textarea, select { cursor: url('cursor.png') 32 32, pointer; }
.cursor-trail {
  position: fixed;
  width: 52px;
  height: 52px;
  pointer-events: none;
  z-index: 9999;
  background: url('cursor.png') center / contain no-repeat;
  transform: translate(-50%, -50%) scale(.78);
  opacity: .5;
  animation: fadeBakmiTrail .75s ease-out forwards;
  filter: drop-shadow(0 4px 8px rgba(0,0,0,.22));
}
@keyframes fadeBakmiTrail {
  0% { opacity: .52; transform: translate(-50%, -50%) scale(.78); }
  100% { opacity: 0; transform: translate(-50%, -50%) scale(.42); }
}
@media (max-width: 650px) {
  * { cursor: auto; }
  a, button, input, textarea, select { cursor: pointer; }
  .cursor-trail { display: none; }
}

.footer-address{margin:10px auto 16px;color:#b7aea8;font-size:10px;letter-spacing:.04em}.footer-address span{margin-right:5px}

/* Delivery order section */
.delivery-order{padding:70px 7%;background:linear-gradient(135deg,#650814,#170909);border-top:1px solid #d4af3766;border-bottom:1px solid #d4af3766}.delivery-inner{max-width:1250px;margin:auto;display:grid;grid-template-columns:1fr 1.7fr;gap:45px;align-items:center}.delivery-copy h2{font-family:"Cormorant Garamond",serif;font-size:clamp(50px,6vw,78px);color:#d4af37;line-height:.9}.delivery-copy p:not(.eyebrow){color:#eee;font-size:13px;margin-top:14px}.delivery-copy .delivery-sub{color:#d4af37;font-weight:600;margin-top:24px}.delivery-links{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.delivery-card{min-height:125px;border:1px solid #d4af3780;border-radius:14px;padding:22px;display:flex;flex-direction:column;justify-content:space-between;background:#100b0b;transition:.25s}.delivery-card:hover{transform:translateY(-5px);box-shadow:0 12px 35px #0008}.delivery-card strong{font-size:25px;color:#fff}.delivery-card span{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#d4af37}.delivery-card.grab{background:linear-gradient(135deg,#073d24,#092219)}.delivery-card.gofood{background:linear-gradient(135deg,#7d1117,#300a0c)}.delivery-card.shopee{background:linear-gradient(135deg,#8c3210,#321109)}@media(max-width:800px){.delivery-inner{grid-template-columns:1fr}.delivery-links{grid-template-columns:1fr}.delivery-card{min-height:100px}}