:root {
  --font-inter: "Inter", sans-serif;
  --font-playfair: "Playfair Display", serif;
  --color-teal-dark: rgba(0, 128, 128, 0.2);
  /* Teal with opacity */
  --color-blue-dark: rgba(0, 0, 128, 0.2);
  /* Blue with opacity */
  --color-white-transparent-bg: rgba(255, 255, 255, 0.1);
  /* White with 10% opacity for glassmorphism */
  --color-white-transparent-border: rgba(255, 255, 255, 0.3);
  /* White with 30% opacity for borders */
  --color-orange-primary: #ea580c;
  /* Standout orange */
  --color-orange-hover: #c2410c;
  /* Darker orange for hover */
  --color-orange-label: #fb923c;
  /* Lighter orange for labels */
  --color-text-white: #ffffff;
  --color-text-gray: #e2e8f0;
  /* Light gray for paragraphs */
  --color-placeholder: #9ca3af;
  /* Gray for placeholders */
  --accent: rgb(68, 203, 136);
  --accent-contrast: #0c3b28;
  --bg-subtle: #d4b896;
  --text: #1a1a1a;
  --muted: #666;
  --card-bg: #fff;
  --border: #ececec;
  --shadow: 0 4px 14px rgba(0, 0, 0, 0.06);
}

@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap');

#hamburger {
  background-color: transparent;
  top: 50%;
  transform: translateY(-50%);
}

#menu {
  z-index: 99;
}

section .subtitle {
  font-family: "Lato", sans-serif;
  font-size: 0.85rem;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  margin-bottom: 10px;
  color: #ccc;
}

section .main-heading  {
  font-family: "Lato", sans-serif;
  font-size: 3.5rem;
  font-weight: 700;
  line-height: 1.1;
  margin: 0 0 20px 0;
  color: #000;
}

@media only screen and (max-width: 767px) {
  section .main-heading  {
    font-size: 2.2rem;
  }
}

@media only screen and (max-width: 576px) {
  section .main-heading  {
    font-size: 1.8rem;
  }
}