:root { --ink:#17130f; --ink-2:#24201a; --bone:#f5f0e6; --warm:#e9decc; --muted:#b9ab97; --ember:#ed4e27; --ember-light:#ff704d; --gold:#d49a4a; --line:rgba(245,240,230,.19); --display:"Fraunces",Georgia,serif; --body:"DM Sans",sans-serif; --mono:"DM Mono",monospace; --wrap:1180px; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; background:var(--ink); }
body { margin:0; background:var(--ink); color:var(--bone); font-family:var(--body); font-size:16px; line-height:1.5; overflow-x:hidden; }
a { color:inherit; text-decoration:none; } img { display:block; max-width:100%; } button { font:inherit; } .wrap { width:min(calc(100% - 40px),var(--wrap)); margin-inline:auto; }
.skip-link { position:fixed; top:-90px; left:16px; z-index:99; padding:10px 15px; background:var(--bone); color:var(--ink); font-weight:700; }.skip-link:focus { top:16px; }
:focus-visible { outline:3px solid var(--gold); outline-offset:4px; }
.site-header { height:72px; padding:0 20px; position:absolute; z-index:10; inset:0 0 auto; display:flex; align-items:center; justify-content:space-between; color:var(--bone); }
.brand { display:inline-flex; gap:9px; align-items:center; min-width:0; }.brand-mark { display:grid; place-items:center; width:31px; height:31px; border:1px solid var(--ember); color:var(--ember-light); font-family:var(--display); font-size:20px; line-height:1; }.brand b,.brand small { display:block; letter-spacing:-.03em; }.brand b { font-size:15px; line-height:1.05; }.brand small { color:var(--muted); font-family:var(--mono); font-size:8px; letter-spacing:.06em; margin-top:2px; text-transform:uppercase; }
.nav-toggle { display:grid; gap:5px; padding:10px 0 10px 10px; border:0; background:none; color:inherit; cursor:pointer; }.nav-toggle span { display:block; width:23px; height:1px; background:currentColor; }.site-nav { display:none; }
.hero { position:relative; min-height:790px; min-height:100svh; isolation:isolate; display:flex; align-items:flex-end; overflow:hidden; }.hero-image { position:absolute; z-index:-2; inset:0; background:center/cover url('assets/hero-doner.webp') no-repeat; }.hero-shade { position:absolute; z-index:-1; inset:0; background:linear-gradient(90deg,rgba(18,14,10,.92) 0%,rgba(20,16,12,.71) 43%,rgba(20,15,11,.14) 100%),linear-gradient(0deg,rgba(20,15,11,.66),transparent 42%); }.hero-copy { padding-bottom:124px; }.kicker,.section-label { color:var(--gold); font:500 10px/1.3 var(--mono); letter-spacing:.12em; text-transform:uppercase; }.kicker { display:flex; gap:9px; align-items:center; margin:0 0 18px; }.kicker span { width:20px; height:1px; background:var(--ember); }.hero h1 { margin:0; max-width:600px; font:800 clamp(54px,17vw,112px)/.84 var(--display); letter-spacing:-.075em; }.hero h1 span,.hero h1 em { display:block; }.hero h1 em { color:var(--ember-light); font-size:.57em; font-style:italic; font-weight:600; margin:11px 0 0 4px; }.hero-text { max-width:290px; margin:26px 0 25px; color:var(--warm); font-size:17px; }.hero-actions,.contact-actions { display:flex; flex-wrap:wrap; gap:10px; }.button { min-height:49px; padding:13px 16px; display:inline-flex; gap:18px; align-items:center; justify-content:space-between; font-weight:600; font-size:14px; transition:transform .2s,background .2s,color .2s; }.button:hover { transform:translateY(-2px); }.button-fire { background:var(--ember); color:#fff; }.button-fire:hover { background:var(--ember-light); }.button-ghost { border:1px solid rgba(245,240,230,.6); background:rgba(20,16,12,.25); }.button-dark { background:var(--ink); color:var(--bone); border:1px solid rgba(245,240,230,.25); }.hero-scroll { position:absolute; left:20px; bottom:26px; display:flex; gap:8px; align-items:center; color:rgba(245,240,230,.8); font:9px var(--mono); letter-spacing:.08em; text-transform:uppercase; }.hero-scroll i { display:block; width:36px; height:1px; background:var(--ember); }.hero-note { display:none; }
.intro { padding-block:94px 65px; }.section-label { margin:0 0 18px; }.intro-grid { display:grid; gap:28px; }.intro h2,.section-heading h2,.gallery h2,.visit h2,.menu-main h1 { margin:0; color:var(--bone); font:700 clamp(42px,11vw,82px)/.93 var(--display); letter-spacing:-.07em; }.intro h2 i,.gallery h2 i,.visit h2 i,.menu-main h1 i { color:var(--ember-light); font-style:italic; font-weight:600; }.intro-copy { max-width:420px; color:var(--warm); }.intro-copy p { margin:0 0 24px; font-size:17px; }.text-link { display:inline-flex; align-items:center; gap:11px; padding-bottom:4px; border-bottom:1px solid var(--ember); font:500 12px var(--mono); letter-spacing:.04em; text-transform:uppercase; }.text-link span { color:var(--ember-light); font-size:18px; line-height:.7; }.flame-rule { display:flex; align-items:center; gap:10px; margin-top:80px; color:var(--ember); font-size:9px; }.flame-rule i { display:block; flex:1; height:1px; background:var(--line); }
.featured { padding:68px 0 85px; background:var(--ember); color:#190e09; }.section-heading { display:flex; align-items:end; justify-content:space-between; gap:16px; margin-bottom:39px; }.section-heading .section-label { color:#4c1b0e; }.section-heading h2 { color:#190e09; font-size:clamp(40px,9vw,72px); }.light-link { border-color:#190e09; }.light-link span { color:#190e09; }.food-rail { display:grid; border-top:1px solid rgba(25,14,9,.35); }.food-item { position:relative; min-height:196px; padding:24px 47px 22px 0; border-bottom:1px solid rgba(25,14,9,.35); display:grid; grid-template-columns:30px 1fr; gap:13px; overflow:hidden; }.food-number { margin:3px 0; font:10px var(--mono); }.food-item h3 { margin:0; font:700 28px/.95 var(--display); letter-spacing:-.06em; }.food-item p { max-width:270px; margin:8px 0 14px; font-size:13px; line-height:1.45; }.food-item strong { font:500 13px var(--mono); }.food-visual { position:absolute; right:-5px; bottom:-11px; color:rgba(25,14,9,.2); font-size:110px; line-height:1; transform:rotate(20deg); }.visual-wrap { font-size:148px; transform:rotate(-28deg); }.visual-adana { font-size:150px; transform:rotate(18deg); }
.gallery { position:relative; padding-block:91px 106px; display:grid; grid-template-columns:1.15fr .85fr; grid-template-rows:auto 215px 170px; gap:12px; }.gallery-head { grid-column:1/-1; padding-bottom:18px; }.gallery h2 { font-size:clamp(40px,10vw,71px); }.gallery figure { margin:0; overflow:hidden; background:var(--ink-2); }.gallery img { width:100%; height:100%; object-fit:cover; transition:transform .6s ease; }.gallery figure:hover img { transform:scale(1.04); }.gallery-large { grid-row:2/4; }.gallery-tall { grid-row:2; }.gallery-small { grid-row:3; }.gallery-large img { object-position:center; }.gallery-tall img { object-position:center; }.gallery-small img { object-position:center 35%; }.gallery figcaption { position:absolute; display:none; }.gallery-stamp { position:absolute; right:-2px; top:262px; width:92px; height:92px; border-radius:50%; background:var(--bone); color:var(--ink); display:flex; flex-direction:column; justify-content:center; align-items:center; text-align:center; transform:rotate(11deg); }.gallery-stamp b { font:800 28px/.85 var(--display); letter-spacing:-.09em; }.gallery-stamp span { display:block; max-width:68px; font:500 6px/1.35 var(--mono); letter-spacing:.08em; }
.visit { position:relative; min-height:780px; padding:89px 0 64px; overflow:hidden; background:#d8cfbf; color:var(--ink); }.visit-map { position:absolute; inset:0; overflow:hidden; opacity:.72; background:radial-gradient(circle at 79% 22%,transparent 0 7%,rgba(95,101,80,.12) 7.2% 7.7%,transparent 8%),radial-gradient(circle at 21% 63%,transparent 0 15%,rgba(95,101,80,.14) 15.2% 15.8%,transparent 16%),#d8cfbf; }.map-lines i { position:absolute; display:block; height:1px; width:150%; background:#978b7a; opacity:.45; transform:rotate(-27deg); }.map-lines i:nth-child(1) { top:17%; left:-30%; }.map-lines i:nth-child(2) { top:45%; left:-23%; transform:rotate(30deg); }.map-lines i:nth-child(3) { top:71%; left:-39%; transform:rotate(-5deg); }.map-lines i:nth-child(4) { top:85%; left:-10%; transform:rotate(52deg); }.map-pin { position:absolute; top:37%; right:17%; width:53px; height:53px; display:grid; place-items:center; color:var(--bone); border-radius:50% 50% 50% 0; background:var(--ember); font:700 25px var(--display); transform:rotate(-45deg); box-shadow:6px 6px 0 rgba(23,19,15,.12); }.map-pin span { transform:rotate(45deg); }.visit-map>p { position:absolute; right:13%; top:45%; color:rgba(23,19,15,.65); font:700 11px var(--mono); letter-spacing:.05em; text-transform:uppercase; }.visit-content { position:relative; }.visit .section-label { color:#944027; }.visit h2 { color:var(--ink); margin-bottom:49px; }.visit-details { display:grid; gap:33px; border-top:1px solid rgba(23,19,15,.32); padding-top:20px; }.visit address { font-style:normal; max-width:265px; }.visit address>span,.visit dt { display:block; color:#6b6055; font:500 9px var(--mono); letter-spacing:.12em; text-transform:uppercase; }.visit address p { margin:7px 0 10px; font:600 15px/1.35 var(--body); }.visit address a { font:500 12px var(--mono); border-bottom:1px solid var(--ember); }.visit address a span { color:var(--ember); }.visit dl { margin:0; }.visit dl>div { display:flex; justify-content:space-between; gap:16px; padding:7px 0; border-bottom:1px solid rgba(23,19,15,.14); }.visit dd { margin:0; font:500 11px var(--mono); }.contact-actions { margin-top:37px; }.contact-actions .button-dark { color:var(--ink); border-color:rgba(23,19,15,.4); background:transparent; }.contact-actions .button-dark span { display:none; }
.site-footer { padding-block:37px; display:grid; gap:30px; color:var(--warm); }.site-footer>div { display:flex; gap:18px; flex-wrap:wrap; font:10px var(--mono); text-transform:uppercase; letter-spacing:.05em; }.site-footer>div a { border-bottom:1px solid rgba(245,240,230,.35); }.site-footer p { margin:0; color:#827666; font-size:10px; }

/* QR MENU */
.menu-page { background:var(--bone); color:var(--ink); }.menu-page .skip-link { background:var(--ink); color:var(--bone); }.menu-header { min-height:80px; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid rgba(23,19,15,.2); }.menu-header .brand-mark { color:var(--ember); }.menu-header .brand small { color:#806f5d; }.back-link { font:500 10px var(--mono); letter-spacing:.04em; text-transform:uppercase; border-bottom:1px solid var(--ember); }.menu-main { padding-block:60px 84px; }.menu-main .section-label { color:#a74127; }.menu-main h1 { color:var(--ink); margin-bottom:15px; }.menu-intro { max-width:310px; margin:0; color:#6f6253; font-size:14px; }.menu-categories { display:flex; gap:18px; overflow:auto; margin:42px -20px 54px; padding:0 20px 12px; border-bottom:1px solid rgba(23,19,15,.2); white-space:nowrap; }.menu-categories a { font:500 11px var(--mono); letter-spacing:.04em; text-transform:uppercase; }.menu-categories a:first-child { color:var(--ember); }.menu-section { scroll-margin-top:20px; margin-top:59px; }.menu-title { display:flex; align-items:baseline; gap:12px; margin-bottom:16px; }.menu-title span { color:var(--ember); font:10px var(--mono); }.menu-title h2 { margin:0; font:700 34px/.95 var(--display); letter-spacing:-.06em; }.menu-list { border-top:1px solid rgba(23,19,15,.25); }.menu-list article { display:grid; grid-template-columns:1fr auto; gap:20px; padding:18px 0 19px; border-bottom:1px solid rgba(23,19,15,.18); }.menu-list h3 { margin:0 0 5px; font:600 17px/1.15 var(--body); letter-spacing:-.03em; }.menu-list p { max-width:285px; margin:0; color:#766858; font-size:12px; line-height:1.4; }.menu-list b { align-self:start; font:500 12px var(--mono); white-space:nowrap; }.menu-footer { padding:25px 0 38px; border-top:1px solid rgba(23,19,15,.2); color:#746554; font-size:11px; }.menu-footer p { margin:0 0 8px; }.menu-footer a { font:500 11px var(--mono); color:var(--ink); }

@media (min-width:700px) { .wrap { width:min(calc(100% - 80px),var(--wrap)); }.site-header { height:84px; padding-inline:40px; }.nav-toggle { display:none; }.site-nav { display:flex; align-items:center; gap:24px; font:500 11px var(--mono); letter-spacing:.05em; text-transform:uppercase; }.site-nav>a:not(.nav-cta) { color:rgba(245,240,230,.7); }.site-nav>a:not(.nav-cta):hover { color:var(--bone); }.nav-cta { padding:10px 15px; border:1px solid var(--ember); color:var(--ember-light); }.hero { min-height:750px; }.hero-copy { padding-bottom:105px; }.hero-image { background-position:center; }.hero-scroll { left:40px; }.hero-note { display:block; position:absolute; right:40px; bottom:28px; margin:0; color:rgba(245,240,230,.72); font:10px var(--mono); letter-spacing:.04em; }.intro { padding-block:128px 85px; }.intro-grid { grid-template-columns:1.25fr .75fr; align-items:end; gap:70px; }.intro h2 { font-size:clamp(55px,7vw,88px); }.flame-rule { margin-top:110px; }.featured { padding-block:99px 113px; }.food-rail { grid-template-columns:repeat(3,1fr); }.food-item { min-height:278px; padding:26px 22px; display:block; border-bottom:0; border-right:1px solid rgba(25,14,9,.35); }.food-item:last-child { border-right:0; }.food-number { margin:0 0 62px; }.food-item h3 { font-size:35px; }.food-visual { right:8px; bottom:-4px; }.gallery { padding-block:135px; grid-template-columns:1.1fr .65fr .65fr; grid-template-rows:auto 343px; gap:18px; }.gallery-head { grid-column:1; grid-row:1/3; align-self:end; padding:0 0 12px; }.gallery h2 { font-size:clamp(48px,5.9vw,79px); }.gallery-large { grid-column:2; grid-row:1/3; }.gallery-tall { grid-column:3; grid-row:1; }.gallery-small { grid-column:3; grid-row:2; }.gallery-stamp { top:61px; right:calc(33.333% + 13px); width:105px; height:105px; }.visit { min-height:690px; padding-block:110px 78px; }.visit-content { margin-left:max(40px,calc((100vw - var(--wrap))/2)); margin-right:40px; width:min(55%,660px); }.visit h2 { font-size:clamp(50px,6vw,80px); }.visit-details { grid-template-columns:1fr 1fr; }.contact-actions .button-dark span { display:inline; font:500 11px var(--mono); }.site-footer { grid-template-columns:1fr auto; align-items:center; }.site-footer p { grid-column:1/-1; } .menu-header { min-height:94px; }.menu-main { padding-block:105px; }.menu-main h1 { font-size:clamp(70px,10vw,122px); }.menu-categories { margin:64px 0 76px; padding:0 0 13px; }.menu-section { display:grid; grid-template-columns:26% 1fr; gap:50px; margin-top:75px; }.menu-title { align-items:start; }.menu-title h2 { font-size:42px; }.menu-footer { display:flex; justify-content:space-between; }.menu-footer p { margin:0; } }
@media (min-width:1050px) { .hero-copy { padding-bottom:119px; }.hero h1 { font-size:112px; }.hero-image { background-position:center; }.intro { padding-top:160px; }.intro h2 { font-size:88px; }.food-item { min-height:315px; padding:34px 30px; }.food-item h3 { font-size:43px; }.gallery { grid-template-rows:430px 200px; }.gallery-head { grid-row:1/3; }.gallery-large { grid-row:1/3; }.gallery-tall { grid-row:1; }.gallery-small { grid-row:2; }.gallery-stamp { top:100px; }.visit-content { width:min(50%,610px); }.site-footer { grid-template-columns:1fr auto auto; }.site-footer p { grid-column:auto; } }
@media (max-width:699px) { .site-nav.is-open { position:absolute; top:71px; left:0; right:0; display:grid; padding:12px 20px 19px; background:var(--ink); border-top:1px solid var(--line); }.site-nav.is-open a { padding:10px 0; }.site-nav.is-open .nav-cta { margin-top:7px; padding:11px 13px; text-align:center; }.nav-toggle[aria-expanded="true"] span:first-child { transform:translateY(3px) rotate(45deg); }.nav-toggle[aria-expanded="true"] span:last-child { transform:translateY(-3px) rotate(-45deg); }
  /* Mobile keeps the charcoal page as a single field; the warm sections read as deliberate ocak surfaces, not abrupt full-bleed colour swaps. */
  .intro { padding-bottom:54px; }
  .featured { position:relative; margin:0 12px 28px; padding:62px 0 72px; border-top:2px solid var(--gold); border-bottom:1px solid rgba(25,14,9,.5); box-shadow:0 16px 0 var(--ink); }
  .featured::before { content:""; position:absolute; top:-13px; left:22px; width:4px; height:9px; background:var(--ember); box-shadow:10px 4px 0 var(--gold), 22px -2px 0 var(--ember-light); }
  .featured::after { content:""; position:absolute; left:22px; right:22px; bottom:-10px; height:1px; background:rgba(212,154,74,.8); }
  .featured .wrap { width:calc(100% - 40px); }
  .gallery { padding-top:63px; padding-bottom:91px; }
  .gallery-head { position:relative; padding-bottom:28px; }
  .gallery-head::after { content:""; position:absolute; left:0; bottom:5px; width:48px; height:1px; background:var(--ember); box-shadow:58px 0 0 rgba(245,240,230,.22); }
  .visit { min-height:0; margin:0 12px; padding:73px 0 61px; border-top:2px solid var(--gold); border-bottom:1px solid rgba(23,19,15,.35); box-shadow:0 18px 0 var(--ink); }
  .visit::before { content:""; position:absolute; top:-1px; left:20px; width:48px; height:5px; background:var(--ember); }
  .visit-content.wrap { width:calc(100% - 40px); }
  .site-footer { padding-top:54px; }
}
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } *,*::before,*::after { transition-duration:.01ms!important; animation-duration:.01ms!important; animation-iteration-count:1!important; } }