*, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }
    :root { --gold: #d4af37; --gold-dim: rgba(212,175,55,0.35); --dark: #0a0a0a; --white: #ffffff; --white-dim: rgba(255,255,255,0.6); }
    html, body { overflow-x: hidden; background: var(--dark); font-family: 'Georgia', serif; }
    
     .page-hero {
      height: 90vh; position: relative;
      display: flex; flex-direction: column;
      align-items: center; justify-content: center;
      padding-bottom: 80px;
      background: black;
      overflow: hidden;
    }
    .page-hero::before {
      content: ''; position: absolute; inset: 0;
      background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E");
      pointer-events: none; opacity: 0.4; z-index: 0;
    }
    .page-hero-bg {
      position: absolute; inset: 0;
      background: url('../../images/slide1.jpg') center/cover no-repeat;
      opacity: 0.12;
      backdrop-filter:blur(1px);
    }
    .page-eyebrow {
      position: relative; z-index: 1;
      font-size: 10px; letter-spacing: 6px; text-transform: uppercase;
      color: var(--gold); margin-bottom: 18px; opacity: 0;
    }
    .page-title {
      position: relative; 
      z-index: 1;
      font-family: "Times New Roman", serif;
      font-size: clamp(48px, 8vw, 110px);
      color: var(--white); letter-spacing: 6px;
      text-transform: uppercase; text-align: center;
      opacity: 0; transform: translateY(40px);
    }
    .page-hero-line {
      position: relative; z-index: 1;
      width: 1px; height: 0; background: var(--gold-dim);
      margin: 28px auto 0;

    }


    /* CONTACT LAYOUT */
    .contact-section { background:#07070f; display:grid; grid-template-columns:1fr 1fr; min-height:100vh; }
    @media(max-width:768px){ .contact-section { grid-template-columns:1fr; } }

    .contact-left { padding:80px 60px; border-right:1px solid rgba(255,255,255,0.06); opacity:0; transform:translateX(-30px); }
    .contact-label { font-size:10px; letter-spacing:5px; text-transform:uppercase; color:var(--gold); margin-bottom:36px; }
    .contact-title { font-family:"Times New Roman",serif; font-size:clamp(28px,4vw,50px); color:var(--white); letter-spacing:2px; line-height:1.2; margin-bottom:44px; }

    .contact-form { display:flex; flex-direction:column; gap:20px; }
    .form-group { display:flex; flex-direction:column; gap:8px; }
    .form-group label { font-size:9px; letter-spacing:4px; text-transform:uppercase; color:var(--gold); }
    .form-group input,
    .form-group select,
    .form-group textarea {
      background:rgba(255,255,255,0.03); border:1px solid rgba(255,255,255,0.12);
      color:var(--white); font-family:'Georgia',serif; font-size:13px;
      padding:14px 18px; outline:none; transition:border-color 0.3s;
      -webkit-appearance:none; appearance:none;
    }
    .form-group input:focus,
    .form-group select:focus,
    .form-group textarea:focus { border-color:var(--gold); }
    .form-group textarea { min-height:120px; resize:vertical; }
    .form-group select option { background:#0d0d1c; }
    .form-row { display:grid; grid-template-columns:1fr 1fr; gap:20px; }
    .form-submit {
      margin-top:10px; padding:16px 40px; background:transparent;
      border:1px solid var(--gold); color:var(--gold); font-family:'Georgia',serif;
      font-size:11px; letter-spacing:3px; text-transform:uppercase; cursor:pointer;
      transition:background 0.3s, color 0.3s; align-self:flex-start;
    }
    .form-submit:hover { background:var(--gold); color:var(--dark); }

    .contact-right { padding:80px 60px; opacity:0; transform:translateX(30px); }
    .contact-info-label { font-size:10px; letter-spacing:5px; text-transform:uppercase; color:var(--gold); margin-bottom:36px; }
    .contact-info-group { margin-bottom:44px; }
    .contact-info-name { font-size:11px; letter-spacing:3px; text-transform:uppercase; color:var(--white-dim); margin-bottom:10px; }
    .contact-info-value { font-family:"Times New Roman",serif; font-size:20px; color:var(--white); letter-spacing:1px; line-height:1.5; }
    .contact-info-value a { color:var(--white); text-decoration:none; transition:color 0.3s; }
    .contact-info-value a:hover { color:var(--gold); }

    .contact-divider { width:40px; height:1px; background:var(--gold-dim); margin:44px 0; }

    .hour-row { display:flex; justify-content:space-between; padding:12px 0; border-bottom:1px solid rgba(255,255,255,0.06); font-size:12px; color:var(--white-dim); }
    .hour-row:last-child { border-bottom:none; }
    .hour-day { letter-spacing:1px; }
    .hour-time { color:var(--white); }
 @media screen and (max-width: 768px) {

  /* GLOBAL */

  html,
  body {
    overflow-x: hidden;
  }

  /* FORCE EVERYTHING INTO COLUMN LAYOUT */

  /* NAVBAR */


  /* HERO */

  .page-hero {
    height: auto;
    min-height: 40vh;
    padding: 140px 20px 60px;
    justify-content: center;
    text-align: center;
  }

  .page-title {
    font-size: clamp(42px, 13vw, 64px);
    line-height: 1;
    letter-spacing: 2px;
  }

  /* CONTACT SECTION */

  .contact-section {
    width: 100%;
  }

  .contact-left,
  .contact-right {
    width: 100%;
    padding: 50px 22px;
    border: none;
  }

  .contact-left {
    border-bottom: 1px solid rgba(255,255,255,0.08);
  }

  .contact-title {
    font-size: 34px;
    line-height: 1.15;
    margin-bottom: 32px;
  }

  /* FORM */

  .contact-form {
    display: flex;
    flex-direction: column;
    gap: 18px;
    width: 100%;
  }

  .form-row {
    width: 100%;
    gap: 18px;
  }

  .form-group {
    width: 100%;
  }

  .form-group input,
  .form-group select,
  .form-group textarea {
    width: 100%;
    font-size: 14px;
    padding: 16px;
  }

  .form-submit {
    width: 100%;
    align-self: stretch;
    text-align: center;
    padding: 16px;
  }

  /* CONTACT INFO */

  .contact-info-group {
    width: 100%;
    margin-bottom: 28px;
  }

  .contact-info-value {
    font-size: 17px;
    line-height: 1.5;
  }

  /* HOURS */

  .hour-row {
    align-items: flex-start;
    gap: 5px;
    padding: 14px 0;
  }

  /* MENU */

  .nav-menu-items {
    top: 52%;
    left: 8%;
    right: 8%;
    gap: 14px;
  }

  .nav-menu-items a {
    font-size: clamp(30px, 11vw, 52px);
    line-height: 1;
  }

  .nav-socials {
    left: 20px;
    right: 20px;
    bottom: 24px;
    gap: 14px;
    align-items: flex-start;
  }

  /* BACK BUTTON */

  .back-btn {
    left: 50%;
    transform: translateX(-50%);
    bottom: 18px;
    width: calc(100% - 40px);
    justify-content: center;
  }

}
.cookie-body a {
    color: var(--gold);
    text-decoration: none;
}