/* Kiln & Clove — editorial layer (loaded after restaurant.css). Dark ember palette, Bodoni display, Manrope text. */
:root{
  --bg:#0E0B09;--bg2:#16110E;--bg3:#211913;--bg4:#2C221A;
  --cream:#F3E9DA;--muted:#B3A391;--dim:#7A6B5E;
  --fire:#C2683F;--amber:#C9A06A;
  --line:rgba(243,233,218,.12);--line2:rgba(243,233,218,.26);
  --disp:"Bodoni Moda",Didot,Georgia,serif;--body:"Manrope",system-ui,sans-serif;--mono:"Manrope",system-ui,sans-serif;
  --r:6px;--ease:cubic-bezier(.2,.7,.2,1)
}
body{font-family:var(--body);letter-spacing:.005em}

/* film theme */
.cf{--cf-ink:#0E0B09;--cf-light:#F6EDDF;--cf-fg:#F3E9DA;--cf-bg:#0E0B09;--cf-accent:#C9A06A;--cf-disp:var(--disp);--cf-sans:var(--body);--cf-top:calc(var(--rb) + var(--nh));--cf-shade:#000a;--cf-scrim:#000c}

/* nav */
.kc-nav{background:linear-gradient(#0e0b09cc,#0e0b0900);-webkit-backdrop-filter:none;backdrop-filter:none;border-bottom-color:transparent}
.kc-nav.is-solid,.kc-nav[data-solid],body:not(.pg-home) .kc-nav{background:#0e0b09e6;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom-color:var(--line)}
.kc-logo{font-family:var(--disp);font-weight:500;font-size:1.35rem;letter-spacing:.01em}
.kc-logo i{font-style:italic;color:var(--amber)}
.kc-links a{font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;font-weight:600}
.kc-cartbtn,.kc-staffbtn{border-radius:99px}

/* type */
.kc-eyebrow{font:600 .68rem/1.2 var(--body);letter-spacing:.32em;color:var(--amber);display:flex;align-items:center;gap:14px}
.kc-eyebrow:before{content:"";width:34px;height:1px;background:currentColor;flex:none}
.kc-h2{font:500 clamp(2.6rem,6.4vw,6rem)/.92 var(--disp);letter-spacing:-.02em;max-width:16ch}
.kc-h2 em,.kc-words em,blockquote em{font-style:italic;font-weight:400;color:var(--amber)}
h1,h2,h3{font-family:var(--disp);font-weight:500;letter-spacing:-.01em}
.kc-words{font-family:var(--disp)!important;font-weight:400!important;letter-spacing:-.01em!important;line-height:1.12!important}
.kc-stat b{font-family:var(--disp);font-weight:500;letter-spacing:-.02em}
.kc-stat span{font-size:.7rem;letter-spacing:.2em;text-transform:uppercase}

/* buttons */
.kc-btn{border-radius:99px;font:600 .72rem/1 var(--body);letter-spacing:.16em;text-transform:uppercase;padding:16px 26px}
.kc-btn-fire{background:var(--cream);color:#0e0b09}
.kc-btn-fire:hover{background:var(--amber)}
.kc-btn-line{border-color:var(--line2)}

/* surfaces */
.kc-way,.kc-space,.kc-dish,.kc-card,.kc-rev,.kc-panel{border-radius:var(--r)!important}
.kc-way{background:transparent;border-color:var(--line);padding:34px 30px}
.kc-way:hover{border-color:var(--line2);background:var(--bg2)}
.kc-way h3{font-size:clamp(1.8rem,2.6vw,2.4rem);font-weight:500}
.kc-way-n{font-family:var(--disp);font-style:italic;font-size:1.3rem;color:var(--amber)}
.kc-way-meta{color:var(--muted);font-size:.72rem;letter-spacing:.06em}
.kc-way-go{color:var(--cream);font-size:.72rem;letter-spacing:.16em;text-transform:uppercase}
.ph,.ph img{border-radius:3px}
.kc-sec{padding-top:clamp(90px,12vw,170px)}
.kc-marquee{border-block:1px solid var(--line)}
.kc-band-q p{font-family:var(--disp);font-weight:400;letter-spacing:-.01em}
.kc-ribbon{font-family:var(--body);letter-spacing:.04em}

@media (max-width:820px){
  .kc-h2{font-size:clamp(2.3rem,10.5vw,3.4rem)}
  .kc-way{padding:26px 22px}
  .kc-sec{padding-top:80px}
}
