:root{--bg:#0c0a08;--fg:#efe7d8;--mut:#9a8e78;--gold:#c9a24b;--line:rgba(201,162,75,.2);
  --serif:'Cormorant Garamond',Georgia,serif;--sans:'Jost',system-ui,sans-serif;}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--fg);font-family:var(--sans);font-weight:300;overflow-x:hidden;position:relative}
a{color:inherit;text-decoration:none}
/* mouse spotlight */
#spot{position:fixed;inset:0;z-index:0;pointer-events:none;
  background:radial-gradient(420px circle at var(--mx,50%) var(--my,30%),rgba(201,162,75,.12),transparent 70%);transition:background .15s}
.grain{position:fixed;inset:0;z-index:1;pointer-events:none;opacity:.045;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.cur{position:fixed;width:30px;height:30px;border:1px solid var(--gold);border-radius:50%;z-index:9999;pointer-events:none;transform:translate(-50%,-50%);transition:width .3s,height .3s,opacity .3s;mix-blend-mode:screen}
.cur.big{width:90px;height:90px}
.wrap{max-width:1200px;margin:0 auto;padding:0 6vw;position:relative;z-index:2}
.lbl{font-family:var(--sans);font-weight:400;font-size:.7rem;letter-spacing:.4em;text-transform:uppercase;color:var(--gold)}
.reveal{opacity:0;transform:translateY(34px);transition:opacity 1.1s cubic-bezier(.2,.7,.2,1),transform 1.1s cubic-bezier(.2,.7,.2,1)}
.reveal.in{opacity:1;transform:none}
/* nav */
nav{position:fixed;top:0;left:0;right:0;z-index:50;display:flex;justify-content:space-between;align-items:center;padding:26px 6vw}
nav .logo{font-family:var(--serif);font-size:1.7rem;letter-spacing:.18em;font-weight:500}
nav .logo b{color:var(--gold);font-weight:500}
nav .lk{display:flex;gap:34px}
nav .lk a{font-size:.74rem;letter-spacing:.18em;text-transform:uppercase;color:var(--mut)}
nav .lk a:hover{color:var(--gold)}
/* hero */
.hero{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;position:relative;z-index:2}
.hero .lbl{margin-bottom:22px}
.hero h1{font-family:var(--serif);font-weight:500;font-size:clamp(3.2rem,11vw,10rem);line-height:.95;letter-spacing:.01em}
.hero h1 em{font-style:italic;color:var(--gold)}
.hero p{max-width:440px;margin:30px auto 0;color:var(--mut);font-size:1.05rem;line-height:1.7}
.hero .stars{color:var(--gold);letter-spacing:.5em;margin-top:26px;font-size:.9rem}
/* statement */
.state{padding:18vh 0;text-align:center}
.state p{font-family:var(--serif);font-weight:400;font-size:clamp(2rem,5vw,4.2rem);line-height:1.3;max-width:20ch;margin:0 auto}
.state p em{font-style:italic;color:var(--gold)}
/* menu */
.menu{padding:10vh 0}
.shead{text-align:center;margin-bottom:64px}
.shead h2{font-family:var(--serif);font-weight:500;font-size:clamp(2.4rem,6vw,4.4rem)}
.shead .lbl{display:block;margin-bottom:14px}
.course{max-width:760px;margin:0 auto}
.dish{display:flex;align-items:baseline;gap:14px;padding:26px 0;border-bottom:1px solid var(--line)}
.dish .nm{font-family:var(--serif);font-size:1.7rem}
.dish .ds{color:var(--mut);font-size:.92rem;flex:1;margin-top:4px}
.dish .dots{flex:1;border-bottom:1px dotted var(--line);transform:translateY(-5px);min-width:30px}
.dish .pr{font-family:var(--serif);font-size:1.5rem;color:var(--gold)}
.dish .left{flex:1}
/* chef split */
.chef{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;padding:16vh 0}
.chef .img{aspect-ratio:3/4;border:1px solid var(--line);background:
  radial-gradient(circle at 50% 30%,rgba(201,162,75,.18),transparent 60%),linear-gradient(160deg,#16120c,#0c0a08);position:relative;overflow:hidden}
.chef .img:after{content:"⌘";position:absolute;inset:0;display:grid;place-items:center;font-size:7rem;color:rgba(201,162,75,.14);font-family:var(--serif)}
.chef h2{font-family:var(--serif);font-weight:500;font-size:clamp(2rem,4.5vw,3.6rem);margin:14px 0 18px;line-height:1.05}
.chef p{color:var(--mut);line-height:1.9;font-size:1.02rem;max-width:42ch}
.chef .sig{font-family:var(--serif);font-style:italic;font-size:1.6rem;color:var(--gold);margin-top:26px}
/* reservation cta */
.cta{text-align:center;padding:20vh 0}
.cta h2{font-family:var(--serif);font-weight:500;font-size:clamp(2.6rem,8vw,7rem);line-height:1.02}
.cta h2 em{font-style:italic;color:var(--gold)}
.btn{display:inline-block;margin-top:34px;font-size:.78rem;letter-spacing:.3em;text-transform:uppercase;color:var(--gold);
  border:1px solid var(--gold);padding:18px 44px;border-radius:2px;transition:.4s}
.btn:hover{background:var(--gold);color:#0c0a08;letter-spacing:.4em}
footer{border-top:1px solid var(--line);padding:46px 6vw;display:flex;justify-content:space-between;flex-wrap:wrap;gap:18px;color:var(--mut);font-size:.82rem;letter-spacing:.06em;position:relative;z-index:2}
footer b{color:var(--fg);font-weight:400;display:block;margin-bottom:6px;font-family:var(--serif);font-size:1.1rem;letter-spacing:.1em}
@media(max-width:760px){body{cursor:auto}.cur,#spot{display:none}nav .lk{display:none}.chef{grid-template-columns:1fr;gap:30px}.dish{flex-wrap:wrap}}

/* ===== FOTO VRSTVA ===== */
.hero{background:linear-gradient(rgba(12,10,8,.60),rgba(12,10,8,.90)),url("img/hero.jpg") center/cover}
.chef .img{background:linear-gradient(160deg,rgba(22,18,12,.05),rgba(12,10,8,.42)),url("img/chef.jpg") center 28%/cover !important}
.chef .img:after{display:none !important}
.gal2{padding:9vh 0 2vh;position:relative;z-index:2}
.gg{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:42px}
.gg .gi{aspect-ratio:4/5;background-size:cover;background-position:center;border:1px solid var(--line);filter:brightness(.88) grayscale(.06);transition:transform .5s,filter .5s}
.gg .gi:hover{filter:none;transform:translateY(-5px)}
@media(max-width:760px){.gg{grid-template-columns:1fr 1fr;gap:10px}}