/* =========================
   FUTURE VISION – PAGE ONLY
   ========================= */

.page-header{
  text-align: center;
  margin-bottom: 26px;
}

.eyebrow{
  letter-spacing: .18em;
  font-size: .75rem;
  color: var(--accent);
}

.page-title{
  font-size: clamp(2rem, 4.5vw, 3rem);
  font-weight: 900;
  background: linear-gradient(90deg, #fff, var(--accent2));
  -webkit-background-clip: text;
  color: transparent;
}

.page-subtitle{
  max-width: 640px;
  margin: 10px auto 0;
  color: var(--muted);
}

.content-card{
  background: var(--card);
  border-radius: var(--radius);
  border: 1px solid var(--stroke);
  padding: 28px;
}

.content-card h2{
  margin-top: 22px;
}

.content-card p{
  line-height: 1.65;
  color: var(--muted);
}


@media (max-width: 600px) {

  /* --- Menu button: SAME design, smaller --- */
  .menu-btn {
    width: 38px;
    height: 30px;
    gap: 5px;
  }

  .menu-btn span,
  .menu-btn div {
    width: 35px;   /* slightly shorter */
    height: 3px;   /* unchanged thickness */
  }

  /* --- Menu: do NOT touch width or left --- */
  .menu {
    padding-top: 5rem !important;
    padding-left: 1.2rem !important;
    padding-right: 1.2rem !important;
  }

  .menu a {
    font-size: 0.92rem !important;
    padding: 10px 12px !important;
  }

  /* --- Page container --- */
  .page-shell,
  .container {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
    padding-top: 4.8rem !important;
  }

  /* --- Headers --- */
  .page-header {
    margin-bottom: 1.2rem !important;
  }

  .page-title {
    font-size: clamp(1.8rem, 7vw, 2.2rem) !important;
    line-height: 1.12 !important;
  }

  .page-subtitle {
    font-size: 0.95rem !important;
    line-height: 1.45 !important;
    max-width: 100% !important;
  }

  /* --- Cards --- */
  .content-card {
    padding: 1.25rem !important;
    border-radius: 18px !important;
  }

  .content-card h2 {
    font-size: 1.1rem !important;
  }

  .content-card p {
    font-size: 0.95rem !important;
  }

  /* --- Forms (contact page) --- */
  form,
  input,
  textarea,
  button {
    width: 100% !important;
  }
}