/* =========================================================
   FREEMASONRY PAGE RESPONSIVE
   Tablet and mobile layout adjustments.
   ========================================================= */

@media (max-width: 900px) {

  .interior-hero {
    padding: 6rem 0 5rem;
  }

  .principle-grid {
    grid-template-columns: 1fr;
  }

  .principle-card {
    min-height: auto;
  }

  .clarity-grid {
    grid-template-columns: 1fr;
    gap: 3rem;
  }

  .clarity-heading {
    position: static;
  }

  .journey-grid {
    grid-template-columns: 1fr;
  }

}


@media (max-width: 700px) {

  .interior-hero {
    padding: 4.5rem 0 4rem;
  }

  .interior-hero h1 {
    font-size: clamp(2.6rem, 12vw, 4rem);
  }

  .interior-hero__lead {
    font-size: 1rem;
  }

  .principles-section,
  .clarity-section,
  .membership-requirements {
    padding: 5rem 0;
  }

  .masonic-life-grid {
    grid-template-columns: 1fr;
  }

  .requirement-grid {
    grid-template-columns: 1fr;
  }

  .requirement-item {
    grid-template-columns: 1fr;
    gap: 0.6rem;
  }

  .principle-card,
  .masonic-life-card,
  .journey-card {
    padding: 1.8rem;
  }

}


@media (max-width: 480px) {

  .interior-hero {
    padding: 4rem 0 3.5rem;
  }

  .principle-card,
  .masonic-life-card,
  .journey-card {
    padding: 1.5rem;
  }

  .clarity-item {
    padding: 1.6rem 0;
  }

  .requirement-item {
    padding: 1.5rem;
  }

}