:root{--red:#a81210;--dark-red:#7f0e0c;--yellow:#ffc420;--cream:#fff4df;--cream-2:#fffaf0;--brown:#4b2a1c;--muted:#7b6252;--line:#ead4b6;--shadow:0 18px 45px rgba(74,35,18,.16)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:'Arial Narrow',Arial,sans-serif;color:var(--brown);background:var(--cream)}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.container{width:min(1180px,92%);margin:0 auto}.topbar{position:sticky;top:0;z-index:50;background:linear-gradient(180deg,#bc1c18 0%,var(--red) 100%);box-shadow:0 6px 20px rgba(77,10,8,.22)}.nav{height:92px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:14px;min-width:245px}.brand img{width:68px;height:68px;object-fit:contain;filter:drop-shadow(0 4px 8px rgba(0,0,0,.18))}.brand-text strong{display:block;color:#fff;font-size:18px;letter-spacing:.5px;line-height:.9;text-transform:uppercase}.brand-text b{display:block;color:var(--yellow);font-size:34px;line-height:.9;text-transform:uppercase;text-shadow:2px 2px 0 rgba(0,0,0,.15)}.brand-text span{display:block;color:#fff;font-size:12px;letter-spacing:3px;font-weight:700;margin-top:5px}.nav-links{display:flex;align-items:center;gap:32px;color:#fff;font-size:17px;font-weight:900;text-transform:uppercase;letter-spacing:.4px}.nav-links a{position:relative;padding:12px 0}.nav-links a:hover,.nav-links a.active{color:var(--yellow)}.nav-links a::after{content:"";position:absolute;left:50%;bottom:4px;width:0;height:3px;background:var(--yellow);transform:translateX(-50%);transition:.25s;border-radius:99px}.nav-links a:hover::after,.nav-links a.active::after{width:34px}.order-btn,.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:12px;padding:14px 22px;font-weight:900;text-transform:uppercase;letter-spacing:.3px;transition:.2s;cursor:pointer;border:0}.order-btn{background:var(--yellow);color:#1d160f;box-shadow:0 8px 0 #c98700;white-space:nowrap}.order-btn:hover,.btn.primary:hover{transform:translateY(-2px)}.nav-toggle{display:none;background:transparent;border:0;width:42px;height:42px;gap:6px;flex-direction:column;justify-content:center}.nav-toggle span{display:block;height:3px;background:#fff;border-radius:999px}.hero{position:relative;overflow:hidden;background:linear-gradient(90deg,#fff3dd 0%,#fff7e8 55%,#f8dfbd 100%)}.hero::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 10% 20%,rgba(255,196,32,.28),transparent 28%),radial-gradient(circle at 85% 25%,rgba(168,18,16,.10),transparent 30%)}.hero-inner{position:relative;display:grid;grid-template-columns:1fr .9fr;align-items:center;min-height:620px;gap:36px;padding:58px 0}.eyebrow{display:inline-flex;background:var(--red);color:#fff;font-weight:900;padding:10px 16px;border-radius:999px;text-transform:uppercase;letter-spacing:.7px;margin-bottom:18px;box-shadow:0 8px 0 rgba(127,14,12,.18)}.hero h1,.section-head h2,.about-copy h2,.contact h2{font-family:Impact,'Arial Black',sans-serif;color:var(--red);font-size:clamp(48px,7vw,96px);line-height:.92;margin:0;text-transform:uppercase;letter-spacing:1px;text-shadow:2px 2px 0 rgba(255,196,32,.35)}.hero p{font-size:22px;line-height:1.45;max-width:610px;margin:22px 0 28px;color:#432414;font-weight:700}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:26px}.btn.primary{background:var(--yellow);color:#1d160f;box-shadow:0 8px 0 #c98700}.btn.secondary{background:#fff;border:2px solid #e4b86d;color:var(--brown)}.hero-badges{display:grid;grid-template-columns:repeat(2,minmax(180px,1fr));gap:12px;margin-top:18px;max-width:660px}.badge{background:rgba(255,255,255,.74);border:1px solid var(--line);border-radius:18px;padding:15px 16px;box-shadow:0 12px 30px rgba(86,36,11,.10)}.badge strong{display:block;color:var(--red);font-size:18px;text-transform:uppercase}.badge span{font-size:14px;font-weight:700;color:var(--muted)}.hero-visual{position:relative}.hero-visual::before{content:"";position:absolute;inset:7% -3% -3% 10%;border-radius:999px;background:var(--yellow);filter:blur(22px);opacity:.55}.hero-visual img{position:relative;border-radius:34px;box-shadow:var(--shadow);object-fit:cover;width:100%;aspect-ratio:1/1;border:10px solid #fff7e7}.stamp{position:absolute;right:4%;top:8%;background:var(--red);color:#fff;border:5px solid #fff;border-radius:999px;width:145px;height:145px;display:grid;place-items:center;text-align:center;font-family:Impact,'Arial Black';font-size:26px;line-height:.9;text-transform:uppercase;transform:rotate(8deg);box-shadow:0 12px 35px rgba(0,0,0,.18)}.section{padding:76px 0}.section.alt{background:#fff9ed}.section-head{text-align:center;margin-bottom:34px}.section-head h2{font-size:clamp(38px,5vw,70px)}.section-head p{font-size:18px;line-height:1.5;color:var(--muted);font-weight:700;margin:14px auto 0;max-width:720px}.about-grid{display:grid;grid-template-columns:1fr .95fr;gap:48px;align-items:center}.about-copy h2{font-size:clamp(38px,5vw,70px);margin-bottom:18px}.about-copy p{font-size:18px;line-height:1.7;font-weight:700;color:#5d3b29}.features{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:24px}.feature{background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px;box-shadow:0 10px 24px rgba(70,35,15,.08)}.feature b{display:block;color:var(--red);font-size:18px;margin-bottom:5px}.feature span{font-weight:700;color:var(--muted)}.about-collage{display:grid;grid-template-columns:1fr 1fr;gap:14px}.about-collage img{width:100%;height:220px;object-fit:cover;border-radius:24px;border:8px solid #fff;box-shadow:var(--shadow)}.about-collage img:first-child{grid-column:1/-1;height:285px}.filter-row{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin:0 auto 28px}.filter-btn{border:1px solid var(--line);background:#fff8ea;color:var(--brown);border-radius:12px;padding:13px 20px;font-weight:900;text-transform:uppercase;cursor:pointer;transition:.2s}.filter-btn:hover,.filter-btn.active{background:var(--red);color:#fff;box-shadow:0 7px 0 rgba(127,14,12,.22);transform:translateY(-2px)}.menu-heading{text-align:center;margin:20px 0 28px}.menu-heading h2{margin:0;font-family:Impact,'Arial Black';font-size:clamp(34px,5vw,64px);color:var(--red);text-transform:uppercase;letter-spacing:1px}.menu-heading p{margin:8px 0 0;font-size:17px;font-weight:800;color:var(--muted)}.menu-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.menu-card{background:#fff;border:1px solid var(--line);border-radius:20px;overflow:hidden;box-shadow:0 14px 32px rgba(80,40,17,.11);transition:.22s}.menu-card:hover{transform:translateY(-5px);box-shadow:0 22px 50px rgba(80,40,17,.18)}.menu-img-wrap{background:#fff4de;aspect-ratio:1/1;overflow:hidden}.menu-img-wrap img{width:100%;height:100%;object-fit:cover;transition:.25s}.menu-card:hover img{transform:scale(1.04)}.menu-card-body{padding:15px 16px 18px;text-align:center}.menu-card-body span{font-size:12px;color:var(--red);font-weight:900;text-transform:uppercase;letter-spacing:.8px}.menu-card-body h3{margin:7px 0 0;font-size:20px;line-height:1.15;color:var(--brown)}.promo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.promo-card{background:linear-gradient(135deg,#fff,#fff1d6);border:1px solid var(--line);border-radius:22px;padding:24px;box-shadow:var(--shadow)}.promo-card strong{display:block;color:var(--red);font-family:Impact,'Arial Black';font-size:30px;line-height:1;text-transform:uppercase}.promo-card p{font-size:16px;font-weight:700;color:var(--muted);line-height:1.5}.order-strip{background:linear-gradient(90deg,var(--dark-red),var(--red));color:#fff;border-radius:28px;padding:30px;display:flex;justify-content:space-between;gap:24px;align-items:center;margin-top:34px;box-shadow:0 18px 45px rgba(127,14,12,.24)}.order-strip h3{font-family:Impact,'Arial Black';font-size:40px;margin:0;text-transform:uppercase}.order-strip p{margin:6px 0 0;font-weight:800;color:#ffe3b3}.order-links{display:flex;gap:12px;flex-wrap:wrap}.order-links .btn{background:#fff;color:var(--red)}.order-links .btn.primary{background:var(--yellow);color:#1d160f;box-shadow:none}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.contact-card{background:#fff;border:1px solid var(--line);border-radius:26px;padding:30px;box-shadow:var(--shadow)}.contact h2{font-size:clamp(34px,5vw,62px)}.contact-list{display:grid;gap:16px;margin-top:24px}.contact-item{border-left:5px solid var(--yellow);padding-left:15px}.contact-item b{display:block;color:var(--red);font-size:17px;text-transform:uppercase}.contact-item span,.contact-item a{font-weight:800;line-height:1.5;color:#53311e}.map-box{height:100%;min-height:360px;background:linear-gradient(135deg,#fff1d3,#ffe3a2);border:1px solid var(--line);border-radius:26px;padding:32px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;box-shadow:var(--shadow)}.map-box h3{font-family:Impact,'Arial Black';font-size:42px;color:var(--red);margin:0 0 10px;text-transform:uppercase}.map-box p{font-size:18px;line-height:1.5;font-weight:800;color:#5c3a25}.footer{background:#250e0a;color:#fff;padding:34px 0}.footer-inner{display:flex;justify-content:space-between;gap:24px;align-items:center}.footer b{color:var(--yellow);font-size:22px}.footer p{margin:6px 0 0;color:#ecd2b0;font-weight:700}.socials{display:flex;gap:12px;flex-wrap:wrap}.socials a{border:1px solid rgba(255,255,255,.2);padding:10px 13px;border-radius:999px;color:#fff;font-weight:900}.socials a:hover{background:var(--yellow);color:#1d160f}@media (max-width:1000px){.nav{height:auto;min-height:82px}.brand-text b{font-size:28px}.nav-toggle{display:flex}.nav-links{position:absolute;left:0;right:0;top:82px;background:var(--red);display:none;flex-direction:column;align-items:stretch;padding:16px 24px;gap:4px}.nav-links.show{display:flex}.nav-links a{padding:15px 0;border-bottom:1px solid rgba(255,255,255,.12)}.topbar .order-btn{display:none}.hero-inner,.about-grid,.contact-grid{grid-template-columns:1fr}.hero-inner{padding:40px 0}.hero-visual{max-width:520px;margin:0 auto}.menu-grid{grid-template-columns:repeat(3,1fr)}.promo-grid{grid-template-columns:1fr}.order-strip{flex-direction:column;align-items:flex-start}.footer-inner{flex-direction:column;align-items:flex-start}}@media (max-width:680px){.brand img{width:58px;height:58px}.brand-text strong{font-size:15px}.brand-text b{font-size:24px}.brand-text span{font-size:10px;letter-spacing:2px}.hero h1{font-size:52px}.hero p{font-size:18px}.hero-badges,.features{grid-template-columns:1fr}.menu-grid{grid-template-columns:repeat(2,1fr);gap:14px}.menu-card-body h3{font-size:16px}.filter-row{justify-content:flex-start;overflow:auto;flex-wrap:nowrap;padding-bottom:8px}.filter-btn{white-space:nowrap}.about-collage{grid-template-columns:1fr}.about-collage img,.about-collage img:first-child{height:250px}.stamp{width:110px;height:110px;font-size:20px}.order-strip h3{font-size:32px}}@media (max-width:430px){.menu-grid{grid-template-columns:1fr}.hero-actions .btn,.order-links .btn{width:100%}.container{width:min(94%,1180px)}}

/* === REVISI HERO / PEMBUKA: dibuat mirip konsep awal, tidak terlalu zoom === */
.topbar{background:linear-gradient(180deg,#b30f0d 0%,#980b09 100%)}
.nav{height:104px}
.brand img{width:74px;height:74px}
.brand-text strong{font-size:20px}
.brand-text b{font-size:38px}
.nav-links{gap:28px;font-size:18px}
.order-btn{border-radius:14px;padding:16px 24px;box-shadow:none}

.hero{
  min-height:calc(100vh - 104px);
  background:linear-gradient(90deg,#fff2dc 0%,#fff7e8 52%,#f2d7ae 100%);
}
.hero-inner{
  min-height:calc(100vh - 190px);
  grid-template-columns:1.05fr .95fr;
  gap:46px;
  padding:42px 0 120px;
}
.eyebrow{
  border-radius:8px;
  padding:12px 18px;
  margin-bottom:22px;
  box-shadow:none;
  font-size:18px;
}
.hero h1{
  font-size:clamp(54px,5.7vw,82px);
  line-height:.92;
  max-width:660px;
  letter-spacing:1px;
}
.hero p{
  font-size:20px;
  max-width:570px;
  margin:22px 0 24px;
}
.hero-actions{margin-bottom:0}
.hero-visual{align-self:center}
.hero-visual img{
  aspect-ratio:1.12/0.82;
  max-height:430px;
  object-fit:cover;
  border-radius:30px;
  border:0;
}
.hero-visual::before{inset:8% 0 -2% 12%;filter:blur(28px);opacity:.45}
.stamp{
  width:142px;
  height:142px;
  top:11%;
  right:4%;
  font-size:24px;
  border-width:6px;
}
.hero-badges{
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:0;
  max-width:none;
  width:100%;
  margin:0;
  padding:18px max(4vw,calc((100vw - 1180px)/2));
  background:linear-gradient(90deg,#8a0908,#b3110f);
  box-shadow:0 -10px 30px rgba(127,14,12,.14);
}
.badge{
  background:transparent;
  border:0;
  border-right:1px solid rgba(255,196,32,.45);
  border-radius:0;
  box-shadow:none;
  padding:8px 26px;
}
.badge:last-child{border-right:0}
.badge strong{
  color:#ffc420;
  font-size:18px;
}
.badge span{
  color:#fff0d0;
  font-size:14px;
}

@media (max-width:1000px){
  .nav{height:auto;min-height:82px}
  .hero{min-height:auto}
  .hero-inner{min-height:auto;grid-template-columns:1fr;padding:40px 0 34px}
  .hero h1{font-size:clamp(46px,10vw,68px)}
  .hero-visual img{aspect-ratio:1/0.78;max-height:none}
  .hero-badges{position:static;grid-template-columns:repeat(2,1fr);padding:18px 4%;margin-top:0}
  .badge:nth-child(2){border-right:0}
}
@media (max-width:680px){
  .hero h1{font-size:46px}
  .hero p{font-size:17px}
  .eyebrow{font-size:14px}
  .hero-badges{grid-template-columns:1fr}
  .badge{border-right:0;border-bottom:1px solid rgba(255,196,32,.35);padding:12px 8px}
  .badge:last-child{border-bottom:0}
}


/* === REVISI VISUAL: balik rasa pembuka versi awal === */
body{font-family:Arial,Helvetica,sans-serif;}
.brand img{
  width:72px;
  height:72px;
  object-fit:contain;
  border-radius:50%;
  background:transparent !important;
  box-shadow:none;
  filter:drop-shadow(0 4px 8px rgba(0,0,0,.18));
}
.nav{height:104px;}
.brand-text strong{font-size:17px;}
.brand-text b{font-size:36px;}
.brand-text span{font-size:11px;letter-spacing:3px;}
.nav-links{gap:34px;font-family:Arial,Helvetica,sans-serif;}
.order-btn{box-shadow:none;border-radius:14px;min-width:180px;}

.hero{
  min-height:660px;
  background:radial-gradient(circle at 80% 20%, rgba(255,194,26,.25), transparent 35%),linear-gradient(90deg,#fff7ea 0%,#fff0d8 100%);
}
.hero-inner{
  min-height:660px;
  grid-template-columns:1.05fr .95fr;
  gap:40px;
  padding:64px 0 112px;
}
.eyebrow{
  border-radius:9px;
  padding:8px 14px;
  margin-bottom:18px;
  box-shadow:none;
  font-size:16px;
}
.hero h1{
  font-family:'Arial Black',Impact,sans-serif;
  font-size:clamp(48px,7vw,104px);
  line-height:.94;
  letter-spacing:-2px;
  font-weight:1000;
  text-shadow:none;
  max-width:720px;
}
.hero p{font-size:22px;max-width:680px;margin:24px 0 24px;}
.hero-visual img{
  aspect-ratio:1/1;
  max-height:500px;
  object-fit:cover;
  border-radius:34px;
  border:0;
  transform:rotate(1deg);
  box-shadow:var(--shadow);
}
.hero-visual::before{display:none;}
.stamp{
  width:138px;
  height:138px;
  right:5%;
  top:8%;
  font-family:'Arial Black',Impact,sans-serif;
  font-size:22px;
  line-height:1.02;
  transform:rotate(8deg);
}
.hero-badges{
  position:absolute;
  left:0;right:0;bottom:0;width:100%;max-width:none;margin:0;
  display:grid;grid-template-columns:repeat(4,1fr);gap:0;
  padding:18px max(4vw,calc((100vw - 1180px)/2));
  background:linear-gradient(90deg,#8a0908,#b3110f);
}
.badge{background:transparent;border:0;border-right:1px solid rgba(255,196,32,.45);box-shadow:none;border-radius:0;padding:8px 26px;}
.badge:last-child{border-right:0;}
.badge strong{color:#ffc420;font-size:18px;}
.badge span{color:#fff0d0;font-size:14px;}

@media (max-width:1000px){
  .nav{min-height:82px;height:auto;}
  .brand img{width:62px;height:62px;}
  .hero{min-height:auto;}
  .hero-inner{min-height:auto;grid-template-columns:1fr;padding:42px 0 36px;}
  .hero h1{font-size:clamp(44px,10vw,68px);}
  .hero-visual img{max-height:none;}
  .hero-badges{position:static;grid-template-columns:repeat(2,1fr);padding:18px 4%;}
  .badge:nth-child(2){border-right:0;}
}
@media (max-width:680px){
  .hero h1{font-size:44px;letter-spacing:-1px;}
  .hero p{font-size:17px;}
  .hero-badges{grid-template-columns:1fr;}
  .badge{border-right:0;border-bottom:1px solid rgba(255,196,32,.35);padding:12px 8px;}
  .badge:last-child{border-bottom:0;}
}


/* Revisi: tombol Pesan Online tanpa emoji & badge Kremesan Melimpah lebih rapi */
.order-btn{gap:0;}
.stamp{
  width:148px;
  height:148px;
  padding:16px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  font-size:18px;
  line-height:1.05;
  letter-spacing:.2px;
  transform:rotate(4deg);
  overflow:hidden;
}
.stamp span{
  display:block;
  width:100%;
  white-space:nowrap;
}
@media (max-width:680px){
  .stamp{
    width:118px;
    height:118px;
    padding:12px;
    font-size:15px;
    line-height:1.05;
    transform:rotate(3deg);
  }
}



/* === REVISI SOFT FONT & TENTANG VARIATIF === */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&display=swap');

body{
  font-family:'Poppins','Segoe UI',Arial,sans-serif !important;
  color:#5a3a29;
}
.hero-badges{display:none !important;}
.hero{min-height:600px !important;}
.hero-inner{
  min-height:600px !important;
  padding-bottom:68px !important;
}
.brand-text strong,
.brand-text b,
.nav-links,
.order-btn,
.btn,
.filter-btn,
.promo-card strong,
.order-strip h3,
.map-box h3,
.contact-item b,
.footer b,
.eyebrow,
.menu-card-body span{
  font-family:'Poppins','Segoe UI',Arial,sans-serif !important;
}
.hero h1,
.section-head h2,
.about-copy h2,
.contact h2,
.menu-heading h2{
  font-family:'Poppins','Segoe UI',Arial,sans-serif !important;
  text-transform:none !important;
  font-weight:800 !important;
  letter-spacing:-1.4px !important;
  text-shadow:none !important;
  line-height:1.02 !important;
}
.hero h1{font-size:clamp(46px,6vw,86px) !important; max-width:700px;}
.section-head h2,.about-copy h2,.contact h2,.menu-heading h2{letter-spacing:-1px !important;}
.hero p,
.about-copy p,
.section-head p,
.menu-heading p,
.promo-card p,
.map-box p,
.contact-item span,
.contact-item a,
.footer p,
.feature span,
.badge span{
  font-weight:500 !important;
}
.brand-text strong{
  font-size:16px !important;
  font-weight:700 !important;
  letter-spacing:.2px !important;
}
.brand-text b{
  font-size:35px !important;
  font-weight:800 !important;
  text-shadow:none !important;
}
.brand-text span{
  font-family:'Poppins','Segoe UI',Arial,sans-serif !important;
  font-size:11px !important;
  font-weight:600 !important;
  letter-spacing:1.6px !important;
}
.nav-links{
  gap:28px !important;
  font-size:16px !important;
  font-weight:600 !important;
  letter-spacing:0 !important;
  text-transform:none !important;
}
.order-btn,.btn{
  font-weight:700 !important;
  text-transform:none !important;
  border-radius:16px !important;
}
.eyebrow{
  text-transform:none !important;
  letter-spacing:.2px !important;
  font-weight:700 !important;
  border-radius:12px !important;
}
.feature b,
.contact-item b,
.badge strong,
.menu-card-body h3,
.menu-card-body span,
.promo-card strong,
.order-strip h3,
.map-box h3{
  text-transform:none !important;
  letter-spacing:0 !important;
}
.menu-card-body h3{
  font-family:'Poppins','Segoe UI',Arial,sans-serif !important;
  font-size:18px !important;
  font-weight:700 !important;
}
.menu-card-body span{
  font-size:12px !important;
  font-weight:700 !important;
}
.filter-btn{
  text-transform:none !important;
  font-weight:600 !important;
  border-radius:14px !important;
}
.feature,.menu-card,.promo-card,.contact-card,.map-box,.hero-visual img{
  box-shadow:0 14px 34px rgba(90,58,41,.09) !important;
}
.about-collage{
  grid-template-columns:1.08fr .92fr !important;
  grid-template-rows:220px 220px !important;
  align-items:stretch;
}
.about-collage img{
  height:100% !important;
  border-radius:24px !important;
}
.about-collage img:first-child{
  grid-column:1/2 !important;
  grid-row:1/3 !important;
  min-height:454px !important;
}
.about-collage img:nth-child(2){grid-column:2/3;grid-row:1/2;}
.about-collage img:nth-child(3){grid-column:2/3;grid-row:2/3;}
@media (max-width:1000px){
  .hero-inner{padding-bottom:40px !important;}
}
@media (max-width:680px){
  .brand-text strong{font-size:14px !important;}
  .brand-text b{font-size:25px !important;}
  .brand-text span{font-size:10px !important; letter-spacing:1px !important;}
  .nav-links{font-size:15px !important;}
  .hero h1{font-size:42px !important;}
  .hero p{font-size:17px !important;}
  .about-collage{
    grid-template-columns:1fr !important;
    grid-template-rows:auto !important;
  }
  .about-collage img,
  .about-collage img:first-child{
    grid-column:auto !important;
    grid-row:auto !important;
    min-height:220px !important;
  }
}


/* === REVISI LANJUT: HEADER PAS, HERO SOFT, ABOUT COLLAGE CANTIK === */
.topbar{
  background:linear-gradient(180deg,#ad1411 0%,#920b09 100%) !important;
}
.nav{
  height:86px !important;
  gap:20px !important;
}
.brand{
  min-width:230px !important;
  gap:12px !important;
}
.brand img{
  width:62px !important;
  height:62px !important;
}
.brand-text strong{
  font-size:15px !important;
  line-height:1 !important;
}
.brand-text b{
  font-size:31px !important;
  line-height:.95 !important;
}
.brand-text span{
  font-size:10px !important;
  letter-spacing:1.4px !important;
  margin-top:4px !important;
}
.nav-links{
  gap:26px !important;
  font-size:15.5px !important;
}
.nav-links a::after{height:2px !important;}
.order-btn{
  min-width:154px !important;
  padding:13px 20px !important;
  border-radius:15px !important;
  font-size:15px !important;
}
.hero{
  min-height:590px !important;
  background:
    radial-gradient(circle at 82% 12%, rgba(255,196,32,.22), transparent 32%),
    radial-gradient(circle at 8% 16%, rgba(168,18,16,.08), transparent 28%),
    linear-gradient(90deg,#fff7eb 0%,#fff0d8 100%) !important;
}
.hero-inner{
  min-height:590px !important;
  grid-template-columns:1.02fr .98fr !important;
  gap:44px !important;
  padding:52px 0 58px !important;
}
.eyebrow{
  background:#b70f0d !important;
  color:#fff !important;
  padding:9px 15px !important;
  font-size:15px !important;
  border-radius:12px !important;
  margin-bottom:20px !important;
}
.hero h1{
  font-family:'Poppins','Segoe UI',Arial,sans-serif !important;
  font-size:clamp(50px,6.3vw,88px) !important;
  line-height:.96 !important;
  letter-spacing:-2px !important;
  font-weight:800 !important;
  color:#b20f0d !important;
  max-width:720px !important;
}
.hero p{
  font-size:19px !important;
  line-height:1.62 !important;
  max-width:610px !important;
  margin:22px 0 24px !important;
  color:#5b3b27 !important;
}
.hero-actions .btn{
  padding:13px 20px !important;
  font-size:15px !important;
  border-radius:15px !important;
}
.hero-visual{
  max-width:520px !important;
  justify-self:center !important;
}
.hero-visual img{
  border-radius:34px !important;
  aspect-ratio:1/1 !important;
  max-height:480px !important;
  object-fit:cover !important;
  transform:rotate(.6deg) !important;
}
.stamp{
  width:134px !important;
  height:134px !important;
  font-size:16.5px !important;
  line-height:1.08 !important;
  right:4% !important;
  top:7% !important;
  border-width:6px !important;
  transform:rotate(4deg) !important;
}
.about-grid{
  grid-template-columns:.94fr 1.06fr !important;
  gap:52px !important;
}
.about-copy h2{
  font-size:clamp(38px,4.6vw,64px) !important;
}
.about-copy p{
  font-size:17px !important;
  line-height:1.78 !important;
  color:#684431 !important;
}
.features{
  gap:12px !important;
}
.feature{
  border-radius:20px !important;
  padding:17px !important;
  background:rgba(255,255,255,.86) !important;
}
.feature b{
  font-size:16px !important;
  font-weight:700 !important;
}
.feature span{
  font-size:14px !important;
  line-height:1.45 !important;
}
.about-collage{
  display:grid !important;
  grid-template-columns:1.05fr .95fr !important;
  grid-template-rows:210px 210px !important;
  gap:16px !important;
  position:relative !important;
}
.about-collage::before{
  content:"";
  position:absolute;
  inset:-16px 26px 26px -16px;
  border-radius:32px;
  background:linear-gradient(135deg,rgba(255,196,32,.26),rgba(168,18,16,.08));
  z-index:0;
}
.about-collage img{
  position:relative !important;
  z-index:1 !important;
  width:100% !important;
  height:100% !important;
  min-height:0 !important;
  object-fit:cover !important;
  border:7px solid #fffaf0 !important;
  border-radius:26px !important;
  box-shadow:0 16px 35px rgba(83,45,23,.13) !important;
}
.about-collage img:first-child{
  grid-column:1/2 !important;
  grid-row:1/3 !important;
  min-height:436px !important;
}
.about-collage img:nth-child(2){grid-column:2/3 !important;grid-row:1/2 !important;}
.about-collage img:nth-child(3){grid-column:2/3 !important;grid-row:2/3 !important;}
.menu-card-body h3{
  font-size:17px !important;
  line-height:1.25 !important;
}
.section{
  padding:72px 0 !important;
}
@media (max-width:1000px){
  .nav{height:auto !important;min-height:82px !important;}
  .brand img{width:58px !important;height:58px !important;}
  .hero-inner{
    grid-template-columns:1fr !important;
    padding:40px 0 46px !important;
  }
  .hero-visual{max-width:500px !important;}
  .about-grid{grid-template-columns:1fr !important;}
}
@media (max-width:680px){
  .brand{min-width:auto !important;}
  .brand img{width:54px !important;height:54px !important;}
  .brand-text strong{font-size:13px !important;}
  .brand-text b{font-size:24px !important;}
  .brand-text span{font-size:9px !important;letter-spacing:1px !important;}
  .hero h1{font-size:43px !important;letter-spacing:-1.3px !important;}
  .hero p{font-size:16px !important;}
  .hero-visual img{max-height:none !important;}
  .stamp{width:112px !important;height:112px !important;font-size:14px !important;}
  .about-collage{
    grid-template-columns:1fr !important;
    grid-template-rows:auto !important;
  }
  .about-collage::before{inset:-10px 14px 18px -10px !important;}
  .about-collage img,
  .about-collage img:first-child{
    grid-column:auto !important;
    grid-row:auto !important;
    min-height:220px !important;
    height:230px !important;
  }
}


/* === REVISI: MENU DIBUAT HALAMAN TERPISAH === */
.menu-landing{
  background:radial-gradient(circle at 85% 20%, rgba(255,196,32,.24), transparent 32%), linear-gradient(135deg,#fff7ea 0%,#fff0d8 100%);
  padding:92px 0 72px;
  text-align:center;
}
.menu-landing-inner{max-width:850px;}
.menu-landing h1{
  margin:14px 0 14px;
  font-family:'Poppins','Segoe UI',Arial,sans-serif;
  font-size:clamp(48px,7vw,92px);
  line-height:1;
  color:var(--red);
  font-weight:800;
  letter-spacing:-1.5px;
}
.menu-landing p{
  margin:0 auto 26px;
  max-width:700px;
  color:#654230;
  font-size:19px;
  line-height:1.6;
  font-weight:500;
}
.menu-landing .hero-actions{justify-content:center;margin-bottom:0;}
.order-home .order-strip{margin-top:0;}
.order-home .section-head{margin-bottom:26px;}
@media(max-width:680px){
  .menu-landing{padding:58px 0 48px;}
  .menu-landing h1{font-size:42px;}
  .menu-landing p{font-size:16px;}
}


.contact-button-row {
  margin-top: 18px;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.contact-button-row .btn {
  margin: 0;
}