/*
 * Trinity Education — version 32 refinements.
 * Loaded after the historical main stylesheet so these layout decisions remain
 * predictable on both fresh and upgraded WordPress pages.
 */

/* Give the homepage introduction an editorial reading size rather than card copy. */
body.home .site-main .trinity-why-section-v10,
body.front-page .site-main .trinity-why-section-v10{
  position: relative !important;
  overflow: hidden !important;
  margin-bottom: -1px !important;
  background: var(--cream) !important;
}

body.home .site-main .trinity-why-section-v10__inner,
body.front-page .site-main .trinity-why-section-v10__inner{
  width: min(calc(100% - 48px), 1120px) !important;
  max-width: 1120px !important;
  margin-right: auto !important;
  margin-left: auto !important;
}

body.home .site-main .trinity-why-section-v10 .trinity-lead,
body.front-page .site-main .trinity-why-section-v10 .trinity-lead{
  /* 62ch, not 1080px: past ~75 characters the eye stops reliably finding the
     next line, and this is the paragraph that decides whether Trinity is real. */
  max-width: 62ch !important;
  margin-right: auto !important;
  margin-left: auto !important;
  color: #56463D !important;
  font-size: clamp(18px, 1.05vw, 20px) !important;
  font-weight: 400 !important;
  line-height: 1.7 !important;
}

body.home .site-main .trinity-why-section-v10 .trinity-emphasis,
body.front-page .site-main .trinity-why-section-v10 .trinity-emphasis{
  margin-top: 30px !important;
  font-size: clamp(20px, 1.18vw, 24px) !important;
  line-height: 1.5 !important;
}

/* Let the pattern dissolve into the exact cream used by the next section. */
body.home .site-main .trinity-why-section-v10 > .problem-section__bg,
body.front-page .site-main .trinity-why-section-v10 > .problem-section__bg{
  -webkit-mask-image: linear-gradient(
    to bottom,
    rgba(0,0,0,0.96) 0%,
    #000 62%,
    rgba(0,0,0,0.72) 78%,
    transparent 100%
  ) !important;
  mask-image: linear-gradient(
    to bottom,
    rgba(0,0,0,0.96) 0%,
    #000 62%,
    rgba(0,0,0,0.72) 78%,
    transparent 100%
  ) !important;
}

body.home .site-main .trinity-why-section-v10::after,
body.front-page .site-main .trinity-why-section-v10::after{
  background: linear-gradient(
    180deg,
    rgba(253,245,235,0.44) 0%,
    rgba(253,245,235,0.50) 58%,
    rgba(253,245,235,0.82) 82%,
    #fdf5eb 100%
  ) !important;
}

body.home .site-main .trinity-why-section-v10 + .trinity-explainer-section,
body.front-page .site-main .trinity-why-section-v10 + .trinity-explainer-section{
  margin-top: 0 !important;
  border-top: 0 !important;
  background: var(--cream) !important;
  box-shadow: none !important;
}

/* Founder biographies are long-form copy and need a comfortable reading size. */
body .site-main .trinity-founder-card .founder-full__bio p,
body .site-main .trinity-founders-grid .founder-full__bio p,
body .site-main .container:has(> .trinity-founder-card) .founder-full__bio p{
  font-size: clamp(17px, 1vw, 19px) !important;
  line-height: 1.72 !important;
  letter-spacing: -0.004em !important;
}

body .site-main .trinity-founder-card .founder-full__sub,
body .site-main .trinity-founders-grid .founder-full__sub,
body .site-main .container:has(> .trinity-founder-card) .founder-full__sub{
  font-size: clamp(15px, 0.9vw, 17px) !important;
  line-height: 1.5 !important;
}

@media (max-width: 700px){
  body.home .site-main .trinity-why-section-v10__inner,
  body.front-page .site-main .trinity-why-section-v10__inner{
    width: min(calc(100% - 40px), 1120px) !important;
  }

  body.home .site-main .trinity-why-section-v10 .trinity-lead,
  body.front-page .site-main .trinity-why-section-v10 .trinity-lead{
    font-size: 18px !important;
    line-height: 1.65 !important;
  }

  body.home .site-main .trinity-why-section-v10 .trinity-emphasis,
  body.front-page .site-main .trinity-why-section-v10 .trinity-emphasis{
    font-size: 19px !important;
  }

  body .site-main .trinity-founder-card .founder-full__bio p,
  body .site-main .trinity-founders-grid .founder-full__bio p,
  body .site-main .container:has(> .trinity-founder-card) .founder-full__bio p{
    font-size: 17px !important;
    line-height: 1.68 !important;
  }
}