:root{--ink:#0c0c0b;--paper:#f2efe7;--muted:#9f9d96;--line:#ffffff17;--orange:#f47b31;--green:#25d366}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:#f7f4ed;font-family:"DM Sans",sans-serif;overflow-x:hidden}button,a{-webkit-tap-highlight-color:transparent}.grain{position:fixed;inset:0;pointer-events:none;z-index:50;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E")}.hero{min-height:780px;height:92svh;position:relative;padding:0 clamp(22px,5vw,80px);display:flex;align-items:center;background:linear-gradient(90deg,#090909 0%,#090909ed 32%,#09090970 65%,#09090920 100%),url('hero-food.webp') center/cover no-repeat}.topbar{position:absolute;top:0;left:clamp(22px,5vw,80px);right:clamp(22px,5vw,80px);height:100px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:13px;color:inherit;text-decoration:none}.brand-mark{width:48px;height:48px;display:grid;place-items:center;border-radius:50%;background:var(--orange);color:#111;font:800 15px Manrope;letter-spacing:-1px;box-shadow:0 8px 35px #f47b3130}.brand strong{display:block;font:800 15px Manrope;letter-spacing:.12em}.brand small{display:block;margin-top:2px;color:#a9a79f;font-size:10px;text-transform:uppercase;letter-spacing:.16em}.contact-link{color:#fff;text-decoration:none;font-weight:700;font-size:13px;letter-spacing:.08em;text-transform:uppercase;border-bottom:1px solid var(--orange);padding:8px 0}.hero-copy{max-width:670px;margin-top:70px}.kicker{color:var(--orange);font:700 11px Manrope;text-transform:uppercase;letter-spacing:.22em}.hero h1{font:800 clamp(54px,8vw,112px)/.94 Manrope;margin:22px 0;letter-spacing:-.045em}.hero h1 em{font-style:normal;color:#ded8cc}.intro{max-width:440px;color:#bbb7ae;font-size:clamp(16px,2vw,20px);line-height:1.6}.explore{display:inline-flex;gap:36px;align-items:center;margin-top:24px;padding:17px 22px;color:#111;background:var(--paper);text-decoration:none;font-weight:800;border-radius:3px;transition:.25s}.explore span{color:var(--orange);font-size:20px}.explore:hover{transform:translateY(-3px);background:#fff}.menu-shell{max-width:1180px;margin:auto;padding:100px 24px 130px}.menu-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:34px}.menu-heading h2,.section-head h3{font:800 clamp(42px,7vw,78px)/1 Manrope;letter-spacing:-.035em;margin:8px 0}.menu-heading>p{max-width:260px;color:var(--muted);line-height:1.6}.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding-bottom:60px;border-bottom:1px solid var(--line)}.category{appearance:none;text-align:left;color:#fff;background:#151514;border:1px solid var(--line);min-height:135px;padding:20px;display:flex;flex-direction:column;justify-content:space-between;cursor:pointer;transition:.25s;border-radius:4px}.category:hover{transform:translateY(-5px);border-color:#ffffff42}.category.active{background:var(--paper);color:#111;border-color:var(--paper)}.category-icon{font-size:23px;color:var(--orange)}.category strong,.category small{display:block}.category strong{font:700 18px Manrope;letter-spacing:.015em}.category small{margin-top:5px;color:var(--muted);font-size:11px}.category.active small{color:#63615d}.view-title{display:flex;align-items:center;gap:12px;padding:25px 0 5px;color:#77756f;font-size:12px;text-transform:uppercase;letter-spacing:.15em}.view-title strong{color:#eee9df}.menu-view{padding-top:74px}.menu-view[hidden]{display:none}.section-head{margin-bottom:28px}.section-head p{margin:0;color:var(--orange);text-transform:uppercase;letter-spacing:.18em;font-weight:700;font-size:11px}.section-head h3{font-size:clamp(44px,6vw,68px)}.menu-panel{position:relative;background:#151514;border:1px solid var(--line);border-radius:4px;padding:clamp(24px,4vw,45px);overflow:hidden}.menu-panel:after{content:"";position:absolute;width:220px;height:220px;border:1px solid #ffffff0a;border-radius:50%;right:-100px;top:-120px;pointer-events:none}.featured{background:linear-gradient(110deg,#191816,#111);border-color:#f47b3138}.panel-title{display:flex;gap:18px;align-items:center;margin-bottom:28px}.panel-title>span{color:var(--orange);font:700 11px Manrope;letter-spacing:.15em}.panel-title h4{font:700 clamp(25px,4vw,36px) Manrope;margin:0;letter-spacing:-.015em}.panel-title p{color:var(--muted);margin:5px 0 0;font-size:13px}.item-grid{display:grid;grid-template-columns:repeat(2,1fr);column-gap:42px}.item{display:flex;justify-content:space-between;align-items:baseline;gap:16px;min-height:58px;padding:17px 0;border-bottom:1px solid var(--line)}.item span{font-size:15px}.item b{font:700 14px Manrope;color:#e4b184;white-space:nowrap}.item b small{font-size:9px;color:#76736d;margin-left:2px}.extras{margin-top:30px;padding:22px;background:#f47b310c;border-left:2px solid var(--orange)}.extras>strong{font:700 12px Manrope;text-transform:uppercase;letter-spacing:.14em;color:var(--orange)}.extras>div{display:flex;flex-wrap:wrap;gap:9px;margin-top:15px}.extras span{font-size:12px;background:#ffffff08;padding:9px 11px;border-radius:2px}.extras span b{color:#dfad81;margin-left:8px}.panel-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}.flavors{display:flex;flex-wrap:wrap;gap:10px}.flavors span{padding:12px 15px;border:1px solid var(--line);background:#ffffff05;font-size:13px}.shisha-panel{display:grid;grid-template-columns:1fr auto;gap:30px;align-items:center}.big-price{min-width:245px;padding:25px;border-left:1px solid var(--line);display:flex;flex-direction:column}.big-price small{color:var(--muted);text-transform:uppercase;letter-spacing:.15em}.big-price strong{font:800 39px Manrope;color:#e4b184;letter-spacing:-.02em}.big-price span{font:700 11px Manrope;color:#737069}footer{background:var(--paper);color:#111;padding:80px max(24px,calc((100vw - 1132px)/2)) 30px}.footer-brand{display:flex;align-items:center;gap:25px;padding-bottom:42px;border-bottom:1px solid #0002}.footer-brand h2{font:800 clamp(32px,5vw,55px)/1 Manrope;letter-spacing:-.025em;margin:0}.footer-brand p{color:#69665f;margin:9px 0 0}.contact-cards{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:30px 0}.contact-card{display:flex;align-items:center;justify-content:space-between;gap:18px;background:#e8e4da;padding:20px}.contact-card>strong{font:700 18px Manrope}.contact-card>div{display:flex;gap:7px}.contact-card a{color:#111;text-decoration:none;padding:11px 14px;background:#fff;font-size:12px;font-weight:800;border-radius:2px;transition:.2s}.contact-card a:hover{transform:translateY(-2px)}.contact-card .whatsapp{background:var(--green);color:#062b13}.copyright{font-size:10px;color:#77736a;text-transform:uppercase;letter-spacing:.14em;margin:12px 0 0}@keyframes enter{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}.menu-view.active{animation:enter .45s ease both}
@media(max-width:760px){.hero{min-height:680px;height:88svh;padding:0 20px 75px;background:linear-gradient(180deg,#08080822,#080808 82%),url('hero-food.webp') 64% center/cover no-repeat;align-items:flex-end}.topbar{left:20px;right:20px;height:84px}.hero-copy{margin:0}.hero h1{font-size:clamp(51px,15vw,74px);letter-spacing:-.025em}.intro{font-size:15px;max-width:310px}.menu-shell{padding:78px 16px 90px}.menu-heading{align-items:start;flex-direction:column}.menu-heading>p{margin:0}.category-grid{grid-template-columns:1fr 1fr;gap:8px}.category{min-height:125px;padding:16px}.category strong{font-size:16px;letter-spacing:.02em}.menu-view{padding-top:58px}.item-grid,.panel-row{grid-template-columns:1fr}.panel-row{gap:12px}.menu-panel{padding:23px 19px}.shisha-panel{grid-template-columns:1fr}.big-price{min-width:0;border-left:0;border-top:1px solid var(--line);padding:24px 0 0}.contact-cards{grid-template-columns:1fr}.contact-card{align-items:flex-start;flex-direction:column}.footer-brand{align-items:flex-start}.footer-brand .brand-mark{flex:0 0 auto}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
