
<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8" />
  <meta name="viewport" content="width=device-width,initial-scale=1" />
  <meta name="robots" content="index,follow" />
  <title>Current Menu — Maintenance | The Craftsman Tavern</title>
  <link rel="canonical" href="https://www.craftsmantavern.com/current-menu" />

  <style>
    :root{
      --bg:#0b0b0b;
      --panel:rgba(0,0,0,.55);
      --text:#f3f3f3;
      --muted:rgba(255,255,255,.72);
      --line:rgba(255,255,255,.18);
      --btn:#ffffff;
      --btnText:#111111;
    }
    *{box-sizing:border-box}
    html,body{height:100%}
    body{
      margin:0;
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, "Helvetica Neue", Helvetica, sans-serif;
      background: var(--bg);
      color: var(--text);
    }

    /* Top nav (matching visible structure: Reservations / Home / Gallery / Contact us + social) */
    .topbar{
      position:fixed;
      inset:0 0 auto 0;
      z-index:10;
      background: rgba(0,0,0,.72);
      backdrop-filter: blur(10px);
      border-bottom: 1px solid var(--line);
    }
    .topbar-inner{
      max-width: 1100px;
      margin: 0 auto;
      padding: 14px 18px;
      display:flex;
      gap:14px;
      align-items:center;
      justify-content:space-between;
    }
    .nav-left, .nav-right{display:flex; align-items:center; gap:14px; flex-wrap:wrap}
    .nav a{
      color: var(--text);
      text-decoration:none;
      font-size:14px;
      letter-spacing:.02em;
      opacity:.92;
    }
    .nav a:hover{opacity:1; text-decoration:underline}
    .pill{
      padding:8px 12px;
      border:1px solid var(--line);
      border-radius:999px;
    }

    /* Hero background image (pulled from site CDN) */
    .hero{
      min-height: 100%;
      padding-top: 72px; /* space for fixed nav */
      display:grid;
      place-items:center;
      background:
        linear-gradient(180deg, rgba(0,0,0,.62), rgba(0,0,0,.78)),
        url("https://www.craftsmantavern.com/content/v1/5ce581827100f000013a0970/1634239479016-PM6VFIDESCNM5VXFF03A/Screen-Shot-2021-10-14-at-12.24.26.png")
        center/cover no-repeat;
    }

    .card{
      width:min(860px, calc(100% - 36px));
      background: var(--panel);
      border: 1px solid var(--line);
      border-radius: 18px;
      padding: 26px 22px;
      box-shadow: 0 20px 80px rgba(0,0,0,.45);
    }

    .kicker{
      font-size: 12px;
      letter-spacing: .22em;
      text-transform: uppercase;
      color: var(--muted);
    }
    h1{
      margin: 10px 0 10px;
      font-size: clamp(28px, 4vw, 44px);
      line-height:1.06;
    }
    .lead{
      margin: 0 0 18px;
      font-size: 16px;
      line-height:1.55;
      color: var(--muted);
      max-width: 62ch;
    }

    .actions{
      display:flex;
      gap:12px;
      flex-wrap:wrap;
      margin: 16px 0 6px;
    }
    .btn{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      padding: 12px 16px;
      border-radius: 12px;
      border: 1px solid var(--line);
      text-decoration:none;
      font-weight:600;
      font-size:14px;
    }
    .btn.primary{
      background: var(--btn);
      color: var(--btnText);
      border-color: transparent;
    }
    .btn.ghost{
      background: transparent;
      color: var(--text);
    }
    .btn:hover{transform: translateY(-1px)}
    .btn:active{transform: translateY(0)}

    .hr{
      height:1px;
      background: var(--line);
      margin: 18px 0;
    }

    .meta{
      display:grid;
      gap: 10px;
      grid-template-columns: 1fr;
      color: var(--muted);
      font-size: 14px;
      line-height: 1.5;
    }
    .meta strong{color:var(--text); font-weight:600}
    .footer{
      margin-top: 14px;
      font-size: 13px;
      color: rgba(255,255,255,.62);
      display:flex;
      flex-wrap:wrap;
      gap:10px 14px;
      align-items:center;
      justify-content:space-between;
    }
    .footer a{color:rgba(255,255,255,.8); text-decoration:none}
    .footer a:hover{text-decoration:underline}

    @media (min-width: 760px){
      .meta{grid-template-columns: 1fr 1fr}
    }
  </style>
</head>

<body>
  <header class="topbar">
    <div class="topbar-inner nav">
      <nav class="nav-left">
        <a class="pill" href="https://www.yelp.com/biz/the-craftsman-new-american-tavern-encinitas-2" rel="noopener">Reservations</a>
        <a href="/">Home</a>
        <a href="/gallery">Gallery</a>
        <a href="/contact-us">Contact us</a>
      </nav>

      <div class="nav-right">
        <a class="pill" href="https://www.facebook.com/thecraftsmannewamericantavern/" rel="noopener">Facebook</a>
        <a class="pill" href="https://www.instagram.com/craftsmantavern/" rel="noopener">Instagram</a>
      </div>
    </div>
  </header>

  <main class="hero" role="main" aria-label="Maintenance">
    <section class="card">
      <div class="kicker">THE CRAFTSMAN TAVERN</div>
      <h1>Current Menu is temporarily unavailable</h1>
      <p class="lead">
        We’re doing a quick update. Please check back soon.
        For the fastest help, call us or reach out on social.
      </p>

      <div class="actions">
        <a class="btn primary" href="tel:7604522000">Call: 760-452-2000</a>
        <a class="btn ghost" href="/contact-us">Contact us</a>
        <a class="btn ghost" href="/">Back to Home</a>
      </div>

      <div class="hr"></div>

      <div class="meta">
        <div>
          <strong>Address</strong><br />
          267 N El Camino Real<br />
          Encinitas, CA 92024
        </div>
        <div>
          <strong>Hours</strong><br />
          MON–THU 4pm – 8:30pm<br />
          FRI 11am – 9pm<br />
          SAT 10am – 9pm / SUN 10am – 8pm<br />
          Happy Hour: M–F 4pm – 6pm (Tues all night)
        </div>
      </div>

      <div class="footer">
        <div>
          *Gift Cards available ONLY through the restaurant. Please call or come in to purchase*.
        </div>
        <div>
          <a href="/current-menu" aria-label="Refresh page">Refresh</a>
        </div>
      </div>
    </section>
  </main>
</body>
</html>