/* 02 — CECILIA / neighborhood restaurant
   Butter cream, deep green, high-contrast Bodoni. */

body.restaurant{
  --bg:#f0e8d7; --ink:#173b2d;
  --accent:#e95831; --accent-ink:#fff;
  --line:rgba(23,59,45,.2);
  --soft:#597466;
  --panel:#e7dcc6;
  --inv-bg:#173b2d; --inv-ink:#f0e8d7;
  --display:'Bodoni Moda',serif;
  --nav-bg:#f0e8d7;
  background:#f0e8d7;color:#173b2d;font-family:'Manrope',sans-serif;
}

.restaurant .dh,.restaurant .cta h2,.restaurant .phero h1{font-weight:400}
.restaurant .btn-solid:hover{opacity:1;background:#173b2d;border-color:#173b2d}

/* header */
.restaurant .nav{display:flex;justify-content:space-between;align-items:center;padding:22px 4vw;border-bottom:1px solid var(--line)}
.restaurant .logo{font:34px 'Bodoni Moda';font-weight:600;letter-spacing:-.01em}

/* hero */
.restaurant .hero{padding:7vh 4vw}
.restaurant .hero-head{display:grid;grid-template-columns:1fr auto;align-items:end;gap:40px}
.restaurant .hero h1{font:clamp(56px,12vw,210px)/.82 'Bodoni Moda';font-weight:400;letter-spacing:-.06em;margin:40px 0;overflow-wrap:anywhere;min-width:0}
.restaurant .hero-head p{line-height:1.6;max-width:340px}
.restaurant .hero-img{height:58vh;min-height:420px;position:relative}
/* Keep seal in flow on small screens; never cover headline letters */
.restaurant .seal{position:absolute;right:5%;top:-55px;width:120px;height:120px;border-radius:50%;background:#e95831;color:#fff;display:grid;place-items:center;text-align:center;transform:rotate(8deg);font-size:11px;letter-spacing:.1em;line-height:1.6;text-transform:uppercase;z-index:2}

/* menu */
.restaurant .menu-grid{display:grid;grid-template-columns:1fr 2fr;gap:8vw}
.restaurant .dish{display:grid;grid-template-columns:1fr auto;padding:22px 0;border-bottom:1px solid var(--line)}
.restaurant .dish h3{font-size:21px;font-weight:600}
.restaurant .dish span{font-family:'Bodoni Moda';font-size:20px}
.restaurant .dish p{grid-column:1;color:var(--soft);font-size:13px;margin-top:6px;max-width:520px}

/* the room */
.restaurant .room-img{height:64vh;min-height:440px}
.restaurant .plate{border-radius:50%;overflow:hidden;aspect-ratio:1}

/* pull quote */
.restaurant .pull{font:clamp(28px,4vw,52px)/1.2 'Bodoni Moda';font-weight:400;letter-spacing:-.02em;max-width:1000px;margin:auto;text-align:center}
.restaurant .pull cite{display:block;font:11px 'Manrope';font-style:normal;text-transform:uppercase;letter-spacing:.16em;margin-top:34px;opacity:.6}

@media(max-width:820px){
  .restaurant .hero h1{font-size:clamp(52px,16vw,96px);margin:24px 0}
  .restaurant .hero-head{grid-template-columns:1fr;align-items:start}
  .restaurant .logo{font-size:clamp(26px,8vw,34px)}
  .restaurant .menu-grid{grid-template-columns:1fr;gap:40px}
  .restaurant .seal{position:relative;right:auto;top:auto;width:88px;height:88px;margin:0 0 18px auto;font-size:9px}
  .restaurant .hero-img,.restaurant .room-img{min-height:280px;height:42vh}
  .restaurant .dish{gap:12px}
}