/*
 * Trinity Education — version 33 About-page refinements.
 * This stylesheet deliberately follows every earlier typography layer.
 */

/* Use the full desktop canvas and remove the large unused gap in the header. */
.site-main .trinity-section-header:has(.trinity-about-intro) {
  padding-top: clamp(72px, 7vw, 112px) !important;
  padding-bottom: clamp(72px, 7vw, 112px) !important;
}

.site-main .trinity-section-header:has(.trinity-about-intro) > .container {
  box-sizing: border-box !important;
  display: grid !important;
  grid-template-columns: minmax(0, 0.82fr) minmax(0, 1.18fr) !important;
  grid-template-rows: auto auto !important;
  column-gap: clamp(64px, 7vw, 128px) !important;
  row-gap: 14px !important;
  align-items: end !important;
  width: min(calc(100% - 80px), 1520px) !important;
  max-width: 1520px !important;
  margin-right: auto !important;
  margin-left: auto !important;
  padding-right: 0 !important;
  padding-left: 0 !important;
}

.site-main .trinity-section-header:has(.trinity-about-intro) h1 {
  grid-column: 1 !important;
  grid-row: 2 !important;
  max-width: 10ch !important;
  margin: 0 !important;
  align-self: start !important;
}

.site-main .trinity-section-header:has(.trinity-about-intro) .trinity-about-intro {
  grid-column: 2 !important;
  grid-row: 1 / span 2 !important;
  align-self: end !important;
  max-width: 780px !important;
  margin: 0 !important;
  color: #66564d !important;
  font-size: clamp(26px, 1.72vw, 34px) !important;
  font-weight: 400 !important;
  line-height: 1.52 !important;
  letter-spacing: -0.012em !important;
}

/* Give both statements more width and a genuinely long-form reading scale. */
.site-main .trinity-section-after-header > .trinity-founders-grid,
.site-main .trinity-section-after-header > .container:has(> .trinity-founder-card) {
  box-sizing: border-box !important;
  width: min(calc(100% - 64px), 1600px) !important;
  max-width: 1600px !important;
  margin-right: auto !important;
  margin-left: auto !important;
  padding-right: 0 !important;
  padding-left: 0 !important;
}

.site-main .trinity-founder-card .founder-full__bio p,
.site-main .trinity-founders-grid .founder-full__bio p,
.site-main .container:has(> .trinity-founder-card) .founder-full__bio p {
  color: #66564d !important;
  font-size: clamp(20px, 1.15vw, 23px) !important;
  font-weight: 400 !important;
  line-height: 1.68 !important;
  letter-spacing: -0.008em !important;
}

.site-main .trinity-founder-card .founder-full__bio > p + p,
.site-main .trinity-founders-grid .founder-full__bio > p + p {
  margin-top: 24px !important;
}

/* Make the role / credentials / location hierarchy unmistakable for both founders. */
.site-main .founder-full__sub {
  display: grid !important;
  gap: 6px !important;
  max-width: 100% !important;
  margin: 8px 0 30px !important;
}

.site-main .founder-meta__role,
.site-main .founder-meta__education,
.site-main .founder-meta__location {
  display: block !important;
}

.site-main .founder-meta__role {
  color: var(--forest) !important;
  font-size: clamp(14px, 0.8vw, 16px) !important;
  font-weight: 800 !important;
  line-height: 1.35 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
}

.site-main .founder-meta__education {
  color: var(--espresso) !important;
  font-size: clamp(19px, 1.08vw, 22px) !important;
  font-weight: 700 !important;
  line-height: 1.42 !important;
}

.site-main .founder-meta__location {
  color: #75655b !important;
  font-size: clamp(16px, 0.9vw, 18px) !important;
  font-weight: 400 !important;
  line-height: 1.45 !important;
}

.site-main .founder-full__bio > .founder-contact,
.site-main .founder-full__bio > .founder-contact a {
  color: var(--forest) !important;
  font-size: clamp(18px, 1vw, 20px) !important;
  font-weight: 800 !important;
}

@media (max-width: 900px){
  .site-main .trinity-section-header:has(.trinity-about-intro) > .container {
    display: block !important;
    width: min(calc(100% - 44px), 760px) !important;
  }

  .site-main .trinity-section-header:has(.trinity-about-intro) h1 {
    max-width: none !important;
    margin-top: 14px !important;
  }

  .site-main .trinity-section-header:has(.trinity-about-intro) .trinity-about-intro {
    max-width: 720px !important;
    margin-top: 34px !important;
    font-size: clamp(22px, 4.8vw, 28px) !important;
  }

  .site-main .trinity-section-after-header > .trinity-founders-grid,
.site-main .trinity-section-after-header > .container:has(> .trinity-founder-card) {
    width: min(calc(100% - 40px), 760px) !important;
  }
}

@media (max-width: 560px){
  .site-main .trinity-section-header:has(.trinity-about-intro) {
    padding-top: 64px !important;
    padding-bottom: 64px !important;
  }

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