
:root{--maroon:#7d1020;--maroon2:#a51b2d;--black:#090909;--ink:#171313;--cream:#f5f0ea;--gold:#c7a15a;--muted:#6f6864;--white:#fff;--line:#e6dfd7}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,Helvetica,sans-serif;color:var(--ink);background:#fff}
a{text-decoration:none;color:inherit}.container{width:min(1240px,92%);margin:auto}
.topbar{height:38px;background:var(--maroon);color:#fff;font-size:12px}.topin{height:100%;display:flex;justify-content:space-between;align-items:center}
.header{position:sticky;top:0;z-index:100;background:rgba(9,9,9,.97);color:#fff;border-bottom:1px solid #292929}.headin{height:78px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{font-size:22px;font-weight:950;letter-spacing:.05em}.brand small{display:block;font-size:8px;letter-spacing:.25em;color:var(--gold);margin-top:2px}.brand b{color:#fff}.brand span{color:var(--maroon2)}
.nav{display:flex;gap:22px;align-items:center;font-size:12px;font-weight:900;text-transform:uppercase}.nav a:hover{color:#d8b56f}
.order{background:var(--maroon2);padding:12px 17px;border-radius:3px;color:#fff}
.hero{position:relative;height:min(760px,calc(100vh - 116px));min-height:570px;background:#111;overflow:hidden;color:#fff}
.slide{position:absolute;inset:0;opacity:0;transition:opacity .7s ease;background-size:cover;background-position:center}.slide.active{opacity:1}
.slide:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.82),rgba(0,0,0,.30) 60%,rgba(0,0,0,.25))}
.hero-content{position:relative;z-index:2;height:100%;display:flex;align-items:center}.hero-copy{max-width:720px;padding-top:20px}.eyebrow{font-size:11px;font-weight:950;letter-spacing:.23em;text-transform:uppercase;color:var(--gold)}
.hero h1{font-size:clamp(44px,6.6vw,86px);line-height:.96;margin:17px 0}.hero h1 span{color:#e1bd74}.hero p{font-size:18px;line-height:1.7;color:#eee;max-width:650px}.buttons{display:flex;gap:12px;margin-top:28px}.btn{padding:14px 22px;border-radius:3px;font-size:12px;font-weight:950;text-transform:uppercase}.btn-primary{background:var(--maroon2);color:#fff}.btn-light{border:1px solid rgba(255,255,255,.5);color:#fff}
.dots{position:absolute;z-index:5;bottom:28px;left:4%;display:flex;gap:8px}.dot{width:9px;height:9px;border:1px solid #fff;border-radius:50%;opacity:.7;cursor:pointer}.dot.active{background:#fff}
.section{padding:100px 0}.cream{background:var(--cream)}.head{text-align:center;max-width:800px;margin:0 auto 52px}.head h2{font-size:clamp(34px,4vw,54px);line-height:1.04;margin:10px 0 14px}.head p{color:var(--muted);max-width:650px;margin:auto}.kicker{color:var(--maroon2);font-size:11px;font-weight:950;letter-spacing:.22em;text-transform:uppercase}
.intro{display:grid;grid-template-columns:1.05fr .95fr;gap:60px;align-items:center}.intro-img{height:470px;background:url('images/gallery-1.jpg') center/cover;border-radius:3px}.intro h2{font-size:50px;line-height:1.05;margin:10px 0 22px}.intro p{color:var(--muted);font-size:16px}.signature{border-left:4px solid var(--maroon2);padding-left:20px;margin-top:28px;font-weight:800}
.menu-tabs{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-bottom:35px}.tab{border:1px solid var(--line);background:#fff;padding:10px 16px;font-size:12px;font-weight:900;text-transform:uppercase;cursor:pointer}.tab.active{background:var(--maroon2);color:#fff;border-color:var(--maroon2)}
.menu-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.food{background:#fff;border:1px solid var(--line);border-radius:4px;overflow:hidden;transition:.25s}.food:hover{transform:translateY(-4px);box-shadow:0 15px 40px rgba(0,0,0,.08)}.food-img{height:225px;background-size:cover;background-position:center}.food-body{padding:20px}.food-top{display:flex;justify-content:space-between;gap:10px}.food h3{font-size:19px;margin:0}.price{color:var(--maroon2);font-weight:950;white-space:nowrap}.food p{color:var(--muted);font-size:13px;margin:8px 0 0}
.customers{display:grid;grid-template-columns:1fr 1fr;gap:22px}.customer{min-height:340px;padding:42px;position:relative;overflow:hidden;color:#fff;background:#111}.customer:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(125,16,32,.92),rgba(0,0,0,.88))}.customer.corp:after{background:linear-gradient(135deg,rgba(0,0,0,.93),rgba(125,16,32,.82))}.customer>*{position:relative;z-index:2}.customer h3{font-size:35px;margin:10px 0}.customer ul{padding-left:18px;color:#eee;line-height:2}
.timeline{position:relative;margin-top:55px}.timeline:before{content:"";position:absolute;left:0;right:0;top:29px;height:2px;background:#d7c9bc}.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;position:relative}.step{text-align:center}.step-dot{width:18px;height:18px;background:var(--maroon2);border:4px solid var(--cream);box-shadow:0 0 0 2px var(--gold);border-radius:50%;margin:20px auto 20px}.step .year{font-size:26px;font-weight:950;color:var(--maroon2)}.step h3{font-size:16px;margin:7px 0}.step p{font-size:12px;color:var(--muted);padding:0 8px}
.growth{display:grid;grid-template-columns:1.3fr .7fr;gap:30px;align-items:center}.chartbox{background:#fff;border:1px solid var(--line);padding:25px}.legend{display:grid;gap:16px}.metric{border-left:3px solid var(--maroon2);padding-left:16px}.metric strong{font-size:28px;display:block}.metric span{font-size:12px;color:var(--muted)}
.locations{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.loc{border:1px solid var(--line);padding:28px;background:#fff}.loc .year{color:var(--maroon2);font-size:12px;font-weight:950;letter-spacing:.15em}.loc h3{font-size:25px;margin:8px 0}.loc p{color:var(--muted)}
.gallery{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:180px;gap:10px}.g{overflow:hidden;cursor:pointer}.g img{width:100%;height:100%;object-fit:cover;transition:.4s}.g:hover img{transform:scale(1.05)}.g:nth-child(1){grid-column:span 2;grid-row:span 2}.g:nth-child(4){grid-row:span 2}
.partner{background:var(--black);color:#fff}.partner-inner{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.partner h2{font-size:52px;line-height:1.02;margin:10px 0}.partner p{color:#ccc}.partner-list{display:grid;grid-template-columns:1fr 1fr;gap:12px}.pbox{border:1px solid #333;padding:22px}.pbox strong{color:#fff}.pbox small{display:block;color:#aaa;margin-top:5px}
.contact{display:grid;grid-template-columns:.8fr 1.2fr;gap:40px}.contact-box{background:#fff;border:1px solid var(--line);padding:32px}.form{display:grid;gap:12px}.form input,.form textarea{width:100%;border:1px solid var(--line);padding:14px;font:inherit}.form textarea{min-height:150px}
.footer{background:#070707;color:#aaa;padding:55px 0}.footer-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:30px}.footer h4{color:#fff}.footer a{display:block;margin:8px 0}.copyright{border-top:1px solid #242424;margin-top:35px;padding-top:20px;font-size:12px}
.lightbox{position:fixed;inset:0;background:rgba(0,0,0,.9);display:none;z-index:200;align-items:center;justify-content:center;padding:30px}.lightbox.open{display:flex}.lightbox img{max-width:92vw;max-height:88vh}.close{position:absolute;top:20px;right:30px;color:#fff;font-size:34px;cursor:pointer}
@media(max-width:950px){.nav{display:none}.intro,.growth,.partner-inner,.contact{grid-template-columns:1fr}.menu-grid{grid-template-columns:repeat(2,1fr)}.customers{grid-template-columns:1fr}.steps{grid-template-columns:1fr;gap:18px}.timeline:before{display:none}.gallery{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.topbar{display:none}.headin{height:68px}.hero{min-height:620px}.hero h1{font-size:47px}.menu-grid,.locations{grid-template-columns:1fr}.gallery{grid-template-columns:1fr;grid-auto-rows:220px}.g:nth-child(1),.g:nth-child(4){grid-column:auto;grid-row:auto}.section{padding:70px 0}.partner h2,.intro h2{font-size:38px}.footer-grid{grid-template-columns:1fr}}

.brand-logo{display:flex;align-items:center;height:58px}.brand-logo img{width:150px;height:58px;object-fit:contain;background:#000}
.real-about{background:url('images/touas-kitchen-real.jpg') center 32%/cover}
.about-brand{margin-bottom:18px}.about-brand img{width:190px;max-width:60%;height:auto;background:#000}
.footer-logo{width:190px;max-width:100%;height:auto;background:#000}
.menu-note{margin-top:28px;text-align:center;color:var(--muted);font-size:13px;border-top:1px solid var(--line);padding-top:20px}
@media(max-width:600px){.brand-logo img{width:125px}.about-brand img{width:160px}}

.about-brand{margin-bottom:18px}.about-brand img{display:block;width:190px;max-width:100%;height:auto;object-fit:contain;object-position:left center}.real-about{min-height:470px}@media(max-width:950px){.real-about{min-height:380px}.about-brand img{width:160px}}
