/* RESTAURANT SITE — Fork & Flame */
:root{--bg:#ffffff;--bg2:#f4fafc;--card:#fff;--line:#e2eef2;--ink:#12303a;--mut:#5b7a86;--c1:#0e7490;--c2:#06b6d4;--dark:#083344;--r:6px;--serif:'Segoe UI',Arial,sans-serif;--sans:'Segoe UI',Arial,sans-serif}
*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--serif);background:var(--bg);color:var(--ink);line-height:1.65}
a{color:inherit;text-decoration:none}ul{list-style:none}img{max-width:100%;display:block}
.container{width:min(1150px,92%);margin:0 auto}h1,h2,h3{line-height:1.2}
.topbar{background:var(--dark);color:#cbb98f;font-size:.78rem;font-family:var(--sans)}
.tb-in{display:flex;justify-content:space-between;align-items:center;padding:.45rem 0}
.tb-l,.tb-r{display:flex;gap:1.4rem;align-items:center}
.tb-cta{background:var(--c1);color:#fff;padding:.25rem 1rem;border-radius:3px;font-weight:700}
.nav{position:sticky;top:0;z-index:900;background:var(--bg);border-bottom:1px solid var(--line)}
.nav-in{display:flex;justify-content:space-between;align-items:center;padding:.85rem 0}
.brand{display:flex;align-items:center;gap:.6rem}
.bm{width:42px;height:42px;border-radius:50%;background:var(--c1);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.3rem;font-weight:700}
.bt b{display:block;font-size:1.1rem}.bt small{font-size:.62rem;letter-spacing:3px;text-transform:uppercase;color:var(--mut);font-family:var(--sans)}
.nmenu>ul{display:flex;gap:.2rem;align-items:center}
.nmenu a{display:block;padding:.5rem .8rem;font-family:var(--sans);font-size:.9rem;font-weight:600;color:var(--mut);transition:.15s}
.nmenu a:hover{color:var(--c1)}
.nmenu a.active:not(.ncta){color:var(--c1);border-bottom:2px solid var(--c1)}
.ncta{background:var(--c1);color:#fff!important;padding:.55rem 1.3rem!important;border-radius:4px}
.ncta:hover{background:#155e75}
.ntgl{display:none;background:none;border:0;cursor:pointer;padding:.4rem}
.ntgl span{display:block;width:22px;height:2px;background:var(--ink);margin:4px 0;transition:.25s}
.ntgl.open span:nth-child(1){transform:translateY(6px) rotate(45deg)}
.ntgl.open span:nth-child(2){opacity:0}
.ntgl.open span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
.hero{display:grid;grid-template-columns:1.05fr .95fr;min-height:82vh}
.ht{display:flex;flex-direction:column;justify-content:center;padding:5% 7%}
.tag{font-family:var(--sans);font-size:.72rem;letter-spacing:3px;text-transform:uppercase;color:var(--c1);font-weight:700;margin-bottom:1rem}
.ht h1{font-size:clamp(2.4rem,4.5vw,3.7rem);margin-bottom:1rem}
.ht h1 em{color:var(--c1);font-style:italic}
.ht p{font-family:var(--sans);color:var(--mut);max-width:440px;margin-bottom:1.8rem;font-size:.95rem}
.hi{background:url('https://images.unsplash.com/photo-1414235077428-338989a2e8c0?auto=format&fit=crop&w=1000&q=70') center/cover;min-height:400px}
.btn{display:inline-block;background:var(--c1);color:#fff;padding:.8rem 1.8rem;border-radius:4px;font-family:var(--sans);font-weight:700;font-size:.88rem;border:0;cursor:pointer;transition:.2s}
.btn:hover{background:#155e75;transform:translateY(-2px)}
.btn-ol{border:1.5px solid var(--c1);color:var(--c1);background:transparent}
.btn-ol:hover{background:var(--c1);color:#fff}
.btn-light{background:#fff;color:var(--dark)}
.phero{padding:4.5rem 0 3.5rem;background:var(--bg2);border-bottom:1px solid var(--line);text-align:center}
.phero h1{font-size:clamp(2rem,4vw,3rem);font-style:italic}
.phero p{color:var(--mut);font-family:var(--sans);max-width:560px;margin:.8rem auto 0;font-size:.95rem}
.crumbs{font-family:var(--sans);font-size:.78rem;color:var(--mut);margin-bottom:1rem}
.crumbs a{color:var(--c1)}.crumbs span{margin:0 .4rem}
.strip{background:var(--dark);color:#e8dcc3;font-family:var(--sans);padding:1rem 0}
.strip-in{display:flex;justify-content:space-between;flex-wrap:wrap;gap:.6rem;font-size:.8rem;letter-spacing:1px}
.sec{padding:4.5rem 0}
.sec.tint{background:var(--bg2)}
.sec-h{text-align:center;margin-bottom:3rem}
.sec-h span{font-family:var(--sans);font-size:.72rem;letter-spacing:3px;text-transform:uppercase;color:var(--c1);font-weight:700}
.sec-h h2{font-size:2.1rem;margin-top:.5rem;font-style:italic}
.sec-h p{color:var(--mut);font-family:var(--sans);margin-top:.6rem;font-size:.93rem}
.grid{display:grid;gap:1.5rem}
.g2{grid-template-columns:repeat(2,1fr)}.g3{grid-template-columns:repeat(3,1fr)}.g4{grid-template-columns:repeat(4,1fr)}
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:1.7rem;transition:.25s}
.card:hover{transform:translateY(-5px);box-shadow:0 16px 36px rgba(43,33,24,.1)}
.card h3{font-size:1.1rem;margin-bottom:.5rem}
.card p,.card li{color:var(--mut);font-family:var(--sans);font-size:.88rem}
.card ul li{padding-left:1.1rem;position:relative;margin-top:.3rem}
.card ul li::before{content:'▸';position:absolute;left:0;color:var(--c1)}
.ci{width:48px;height:48px;border-radius:50%;background:var(--bg2);color:var(--c1);display:flex;align-items:center;justify-content:center;font-size:1.3rem;margin-bottom:.9rem}
.split{display:grid;grid-template-columns:1fr 1fr;gap:3.5rem;align-items:center}
.split h2{font-size:2rem;margin-bottom:1rem}
.split p{font-family:var(--sans);color:var(--mut);margin-bottom:.9rem;font-size:.92rem}
.split img{border-radius:var(--r);aspect-ratio:4/3.4;object-fit:cover;width:100%;box-shadow:18px 18px 0 var(--bg2)}
.chk li{display:flex;gap:.6rem;margin-bottom:.55rem;font-family:var(--sans);font-weight:500;font-size:.92rem}
.chk li::before{content:'✓';flex-shrink:0;width:22px;height:22px;border-radius:50%;background:var(--bg2);color:var(--c1);font-weight:800;font-size:.75rem;display:flex;align-items:center;justify-content:center}
.mi{background:var(--card);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;transition:.25s}
.mi:hover{transform:translateY(-6px);box-shadow:0 18px 40px rgba(43,33,24,.12)}
.mi img{aspect-ratio:16/10;object-fit:cover;width:100%}
.mi-b{padding:1.2rem}
.mi-b h3{font-size:1.05rem}
.mi-b .row{display:flex;justify-content:space-between;align-items:center;margin-top:.5rem}
.mi-b p{font-family:var(--sans);font-size:.8rem;color:#5b7a86;margin-top:.4rem}
.pr{font-family:var(--sans);font-weight:800;color:var(--c1)}
.tg{font-family:var(--sans);font-size:.65rem;background:#cffafe;color:#155e75;padding:.18rem .6rem;border-radius:999px;font-weight:700}
.mcat{display:flex;gap:.6rem;justify-content:center;flex-wrap:wrap;margin-bottom:2.4rem}
.mcat a{font-family:var(--sans);font-size:.82rem;font-weight:700;padding:.45rem 1.2rem;border:1.5px solid var(--line);border-radius:999px;color:var(--mut)}
.mcat a.on,.mcat a:hover{background:var(--c1);border-color:var(--c1);color:#fff}
.gal{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem}
.gal img{border-radius:var(--r);aspect-ratio:1;object-fit:cover;width:100%;transition:.3s}
.gal img:hover{transform:scale(1.03);filter:brightness(1.05)}
.team{text-align:center;padding:1.5rem}
.team img{width:110px;height:110px;border-radius:50%;object-fit:cover;margin:0 auto .9rem;border:4px solid var(--bg2)}
.team b{display:block;font-size:1.05rem}
.team span{color:var(--c1);font-family:var(--sans);font-size:.78rem;font-weight:700;letter-spacing:1px;text-transform:uppercase}
.team p{font-family:var(--sans);color:var(--mut);font-size:.83rem;margin-top:.5rem}
.pcard{text-align:center;border:1.5px solid var(--line);border-radius:var(--r);padding:2rem;background:var(--card)}
.pcard.hot{border-color:var(--c1);position:relative}
.pcard.hot::before{content:'POPULAR';position:absolute;top:-11px;left:50%;transform:translateX(-50%);background:var(--c1);color:#fff;font-family:var(--sans);font-size:.62rem;font-weight:800;letter-spacing:1.5px;padding:.2rem .9rem;border-radius:999px}
.pcard h4{font-size:1rem}.pcard b{display:block;font-size:2rem;color:var(--c1);margin:.6rem 0;font-family:var(--sans)}
.pcard li{font-family:var(--sans);font-size:.86rem;color:var(--mut);padding:.35rem 0}
.pcard ul{margin:.8rem 0 1.4rem}
.testi{max-width:700px;margin:0 auto;text-align:center}
.testi blockquote{font-size:1.35rem;font-style:italic;line-height:1.5}
.testi cite{display:block;margin-top:1rem;font-family:var(--sans);color:var(--c1);font-weight:700;font-style:normal}
.frm{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:2rem}
.fld{margin-bottom:.9rem}
.fld label{display:block;font-family:var(--sans);font-size:.78rem;font-weight:700;color:var(--mut);margin-bottom:.3rem;text-transform:uppercase;letter-spacing:.5px}
.fld input,.fld select,.fld textarea{width:100%;padding:.7rem .9rem;border:1px solid var(--line);border-radius:4px;background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:.9rem}
.fld input:focus,.fld select:focus,.fld textarea:focus{outline:none;border-color:var(--c1)}
.frow{display:grid;grid-template-columns:1fr 1fr;gap:.9rem}
.iit{display:flex;gap:.9rem;margin-bottom:1.3rem}
.iit .ci{margin:0;width:44px;height:44px;flex-shrink:0}
.iit p{font-family:var(--sans);color:var(--mut);font-size:.87rem}
.cta{background:var(--dark);color:#fff;padding:3.2rem 0}
.cta-in{display:flex;justify-content:space-between;align-items:center;gap:1.5rem;flex-wrap:wrap}
.cta h2{font-size:1.9rem;font-style:italic}.cta p{color:#cbb98f;font-family:var(--sans);font-size:.9rem}
.ftr{background:#14100a;color:#a89878;padding-top:3.5rem}
.fgrid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1.4fr;gap:2rem;padding-bottom:2.6rem}
.fc-about p,.fc-c p{font-family:var(--sans);font-size:.85rem;margin:.9rem 0 .6rem}
.fc h4{color:#fff;font-family:var(--sans);font-size:.85rem;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:1rem}
.fc ul li{margin-bottom:.5rem}.fc ul a{font-family:var(--sans);font-size:.86rem;opacity:.75;transition:.15s}
.fc ul a:hover{opacity:1;color:var(--c2);padding-left:4px}
.soc{display:flex;gap:.5rem}.soc a{width:34px;height:34px;border:1px solid rgba(255,255,255,.2);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.8rem;transition:.15s}
.soc a:hover{background:var(--c1);border-color:var(--c1)}
.fb{border-top:1px solid rgba(255,255,255,.08);padding:1.1rem 0}
.fb-in{display:flex;justify-content:space-between;flex-wrap:wrap;gap:.8rem;font-family:var(--sans);font-size:.78rem;opacity:.6}
.top{position:fixed;bottom:22px;right:22px;z-index:800;width:42px;height:42px;border-radius:50%;background:var(--c1);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;opacity:0;visibility:hidden;transform:translateY(10px);transition:.25s}
.top.show{opacity:1;visibility:visible;transform:none}
.rv{opacity:0;transform:translateY(24px);transition:.6s ease}.rv.in{opacity:1;transform:none}
.rv.d1{transition-delay:.1s}.rv.d2{transition-delay:.2s}.rv.d3{transition-delay:.3s}
.mt2{margin-top:2rem}
@media(max-width:860px){
.hero,.split,.frow{grid-template-columns:1fr}
.g2,.g3,.g4,.gal{grid-template-columns:1fr 1fr}
.fgrid{grid-template-columns:1fr 1fr}
.ntgl{display:block}
.nmenu{position:absolute;top:100%;left:0;right:0;background:var(--bg);border-bottom:1px solid var(--line);padding:1rem 5%;display:none}
.nmenu.open{display:block}
.nmenu>ul{flex-direction:column;align-items:stretch}
.hs{display:none}
}
@media(max-width:560px){.g3,.g4,.gal{grid-template-columns:1fr}}