@font-face {
  font-family: "Brice";
  src: url("/fonts/Brice-Regular-SemiExpanded.woff2") format("woff2"),
       url("/fonts/Brice-Regular-SemiExpanded.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* Use Brice on headings used in your Webflow pages */
.heading,
.heading-2,
.heading-4,
.heading-5,
.heading-6,
.heading-7 {
  font-family: "Brice", Montserrat, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
}

/* Mobile polish (no layout surgery) */
@media (max-width: 479px) {
  /* Containers */
  .container-3, .container-2, .container-4, .container-5, .container-6, .container-7 {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  /* Hero title */
  .heading-7 {
    font-size: clamp(24px, 7.5vw, 32px) !important;
    line-height: 1.12 !important;
    text-align: center !important;
    margin-bottom: 36px !important;
  }

  /* All section headings INCLUDING "How We Teach" */
  .heading, .heading-2, .heading-4, .heading-5, .heading-6 {
    font-size: clamp(18px, 5.8vw, 24px) !important;
    line-height: 1.25 !important;
    text-align: center !important;
    margin-top: 0 !important;
    margin-bottom: 12px !important;
  }

  /* Divider spacing tightened specifically */
  .divider, .hr {
    margin-bottom: 4px !important;
  }

  /* Subjects grid alignment */
  .grid {
    justify-items: stretch !important;
    align-items: stretch !important;
  }
  .grid > * {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    min-height: 44px !important;
  }

  /* Footer */
  .text-block-5 {
    text-align: center !important;
    line-height: 1.5 !important;
    word-break: break-word !important;
  }
}