/* Style "gece" (dark + gold) — loaded after style.css. Dark background, gold accents (fixed; intake accent_color is not used),
   EB Garamond display serif (latin, latin-ext, greek, cyrillic), split hero, centred two-row header, numbered cards. */
@font-face{font-family:"EB Garamond";font-style:normal;font-weight:400 800;font-display:swap;src:url(fonts/ebgaramond-cyrillic.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"EB Garamond";font-style:normal;font-weight:400 800;font-display:swap;src:url(fonts/ebgaramond-greek.woff2) format("woff2");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}
@font-face{font-family:"EB Garamond";font-style:normal;font-weight:400 800;font-display:swap;src:url(fonts/ebgaramond-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"EB Garamond";font-style:normal;font-weight:400 800;font-display:swap;src:url(fonts/ebgaramond-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
body{
  --accent:#c9a45c; --accent-ink:#15110b; --accent-soft:rgba(201,164,92,.14); --accent-deep:#e2c487;
  --bg:#0f0d0b; --bg-2:#16130f; --paper:#1b1713; --ink:#f2ebdf; --ink-2:#cdc3b2; --muted:#9a8f7e; --line:rgba(201,164,92,.24);
  --dark:#090807; --dark-2:#14110e; --radius:2px; --radius-sm:2px; --shadow:0 24px 48px -28px rgba(0,0,0,.8);
  --serif:"EB Garamond","Playfair",Georgia,"Times New Roman",serif;
  background:var(--bg);color:var(--ink)
}
::selection{background:var(--accent);color:var(--accent-ink)}
.btn{border-radius:2px;text-transform:uppercase;letter-spacing:.12em;font-size:.82rem;font-weight:700;box-shadow:none!important}
.btn-lg{font-size:.86rem}
.btn-accent:hover{background:var(--accent-deep)}
.btn-ghost{background:transparent;color:var(--accent);border-color:var(--accent);backdrop-filter:none}
.btn-ghost:hover{background:var(--accent-soft)}
.btn-line{color:var(--ink);border-color:var(--line)}
.btn-line:hover{border-color:var(--accent)}

/* header */
.topbar{background:rgba(9,8,7,.92);border-bottom:1px solid var(--line)}
.brand-name{font-family:var(--serif);font-weight:500;font-size:1.25rem;letter-spacing:.01em;color:var(--ink)}
.monogram{border-radius:50%;background:transparent;color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent);font-weight:500}
.brand-logo{border-radius:2px}
.lang{background:transparent;border-color:var(--line);border-radius:2px}
.lang a{border-radius:2px;color:var(--ink-2)}
.lang a.is-active{background:var(--accent);color:var(--accent-ink);box-shadow:none}
.nav-toggle{background:transparent;border-color:var(--line);color:var(--ink);border-radius:2px}
.nav{background:var(--paper);border-color:var(--line)}
.nav li a{border-color:var(--line);font-family:var(--serif);font-size:1.25rem;font-weight:500}

/* hero: split — photo panel + dark text panel */
.hero{background:var(--bg);display:flex;flex-direction:column;padding:0}
.hero-bg{position:relative;inset:auto;z-index:0;height:44vh;min-height:260px;max-height:440px;
  background:linear-gradient(180deg,transparent 40%,var(--bg) 100%),radial-gradient(80% 80% at 70% 30%,rgba(201,164,92,.35),transparent 70%),var(--bg-2)}
/* photo URL comes from the page's inline style (background-image); gradient overlay via ::before */
.has-photo .hero-bg{background-color:var(--bg-2);background-size:cover;background-position:center;background-repeat:no-repeat}
.has-photo .hero-bg::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(15,13,11,0) 45%,var(--bg) 100%)}
.hero-bg::after{content:none}
.no-photo .hero-bg{height:90px;min-height:0}
.hero-in{text-align:left;padding-top:4px;padding-bottom:30px}
.eyebrow{color:var(--accent);letter-spacing:.28em;font-size:.74rem}
.eyebrow .rule:first-child{display:none}
.eyebrow .rule{width:48px}
.hero-title{font-family:var(--serif);font-weight:500;font-size:clamp(2.8rem,11vw,5.6rem);line-height:1.02;letter-spacing:0;margin:0 0 18px;max-width:16ch}
.hero-title::after{content:"";display:block;width:72px;height:1px;background:var(--accent);margin-top:22px}
.hero-tag{font-family:var(--serif);font-style:italic;font-size:clamp(1.25rem,5vw,1.6rem);color:var(--ink-2);margin:0 0 30px;max-width:30ch}
.hero-cta{margin:0}
.quick{background:var(--paper);border:1px solid var(--line);border-radius:2px;backdrop-filter:none;margin-bottom:28px}
.q-ico{background:transparent;color:var(--accent);box-shadow:inset 0 0 0 1px var(--line)}
.q-txt small{color:var(--muted)}
.q-txt a,.q-txt span{color:var(--ink)}

/* sections */
.about,.gallery,.contact{background:var(--bg-2)}
.menu,.visit{background:var(--bg)}
.section{border-top:1px solid rgba(201,164,92,.12)}
.kicker{color:var(--accent);letter-spacing:.32em;font-size:.72rem}
.kbar{width:64px;height:1px;border-radius:0}
.h2{font-family:var(--serif);font-weight:500;letter-spacing:0;font-size:clamp(2.3rem,7vw,3.5rem)}
.h3{font-family:var(--serif);font-weight:500;font-size:1.7rem}
.lead{color:var(--ink-2)}
.ornament::before,.ornament::after{background:var(--line);width:60px}
.about-body p{color:var(--ink-2)}
.about-body p:first-child{font-family:var(--serif);font-size:1.6rem;line-height:1.4;color:var(--ink)}
.tags li{border-radius:2px;border:1px solid var(--line);background:transparent;color:var(--accent-deep)}
.cards{counter-reset:card}
.card{counter-increment:card;background:var(--paper);border:1px solid var(--line);border-radius:2px;box-shadow:var(--shadow);padding:34px 26px 28px}
.card::after{content:counter(card,decimal-leading-zero);position:absolute;right:20px;top:14px;width:auto;height:auto;border-radius:0;background:none;opacity:1;font-family:var(--serif);font-size:2.4rem;line-height:1;color:rgba(201,164,92,.35)}
.card-ico{background:transparent;color:var(--accent);box-shadow:inset 0 0 0 1px var(--line);border-radius:50%}
.card h3{font-family:var(--serif);font-weight:500;font-size:1.55rem}
.card p{color:var(--ink-2)}
.menu-cat{background:var(--paper);border-color:var(--line);border-radius:2px}
.menu-cat h3{font-family:var(--serif);font-weight:500;color:var(--accent);border-bottom:1px solid var(--line)}
.mi{border-bottom-color:var(--line)}
.mi-dots{border-bottom-color:var(--accent);opacity:.35}
.gal{gap:14px}
.gal li{border:1px solid var(--line);padding:6px;background:var(--paper)}
.gal img{border-radius:0}
.panel{background:var(--paper);border-color:var(--line);border-radius:2px}
.hours th,.hours td{border-bottom-color:var(--line)}
.hours tr.is-today th,.hours tr.is-today td{color:var(--accent)}
.hours tr.is-today th::after{border-radius:2px;background:var(--accent);color:var(--accent-ink)}
.addr{color:var(--ink-2)}
.map{border-radius:0;border-color:var(--line)}
.map iframe{filter:invert(.92) hue-rotate(180deg) saturate(.6) brightness(.95)}
.cc{background:var(--paper);border-color:var(--line);border-radius:2px}
.cc:hover{border-color:var(--accent)}
.cc-ico{background:transparent;color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}
.cc-whatsapp .cc-ico{background:var(--wa);color:#fff;box-shadow:none}
.cc-txt small{color:var(--muted)}
.socials a{background:transparent;color:var(--accent);box-shadow:inset 0 0 0 1px var(--line)}
.socials a:hover{background:var(--accent);color:var(--accent-ink)}

/* footer */
.footer{background:var(--dark);border-top:1px solid var(--line)}
.f-name{font-family:var(--serif);color:var(--accent);font-size:1.7rem}
.socials.small a{background:transparent;color:var(--accent);box-shadow:inset 0 0 0 1px var(--line)}

/* mobile bar */
.mbar{background:rgba(9,8,7,.95);border-top-color:var(--line)}
.mbar a{border-radius:2px;background:var(--paper);color:var(--ink);text-transform:uppercase;letter-spacing:.03em;font-size:.84rem}
.mbar .mbar-call{background:var(--accent);color:var(--accent-ink)}

@media (max-width:639px){
  .card{padding:20px 20px}
  .card::after{font-size:1.7rem;top:10px;right:14px}
}
@media (min-width:640px){
  .hero-cta{justify-content:flex-start}
}
@media (min-width:960px){
  html{scroll-padding-top:128px}
  /* two-row centred header: brand on top, nav below */
  .topbar-in{flex-wrap:wrap;height:auto;padding-top:14px;position:relative;justify-content:center}
  .brand{flex:1 1 100%;justify-content:center;margin:0}
  .brand-name{font-size:1.6rem}
  .topbar-tools{position:absolute;right:20px;top:18px}
  .nav{flex:1 1 100%;justify-content:center;border-top:1px solid var(--line);margin-top:12px;padding:6px 0}
  .nav li a{font-family:var(--sans);text-transform:uppercase;letter-spacing:.16em;font-size:.74rem;color:var(--ink-2)}
  .nav li a:hover{background:none;color:var(--accent)}
  .nav-call{min-height:34px}
  /* split hero */
  .hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:1fr auto;min-height:min(760px,calc(100vh - 118px));padding:0}
  .hero-bg,.no-photo .hero-bg{grid-column:2;grid-row:1/span 2;height:auto;min-height:100%;max-height:none}
  .has-photo .hero-bg::before{background:linear-gradient(90deg,var(--bg) 0%,rgba(15,13,11,0) 24%)}
  .hero-title{font-size:clamp(3rem,4.8vw,4.8rem)}
  .hero .wrap{max-width:none;margin:0;padding-left:max(20px,calc((100vw - 1120px)/2 + 20px));padding-right:56px}
  .hero-in{grid-column:1;grid-row:1;align-self:center;padding-top:72px;padding-bottom:32px}
  .quick-wrap{grid-column:1;grid-row:2;padding-bottom:40px}
  .quick{grid-template-columns:1fr;margin:0}
  .gal li:first-child{grid-column:span 2;grid-row:span 2}
}