/**
 * Build 38: About introduction and equal founder calls to action.
 */

/* Use more of the right-hand column and give the founding statement the visual
   weight requested without changing the long biographies below it. */
.site-main .trinity-section-header:has(.trinity-about-intro) > .container {
  grid-template-columns: minmax(0, .72fr) minmax(0, 1.28fr) !important;
  column-gap: clamp(58px, 6vw, 110px) !important;
}

.site-main .trinity-section-header:has(.trinity-about-intro) .trinity-about-intro,
.site-main .trinity-section-header .container > .trinity-about-intro,
.site-main p.trinity-about-intro {
  max-width: 900px !important;
  color: #5f5047 !important;
  font-size: clamp(34px, 2.2vw, 44px) !important;
  font-weight: 400 !important;
  line-height: 1.43 !important;
  letter-spacing: -.016em !important;
}

/* The live About page has existed in both semantic and flattened Gutenberg
   forms. Cover both so Trí and Vũ always receive exactly the same CTA style. */
.site-main .trinity-founders-grid .trinity-founder-card .founder-contact a,
.site-main .trinity-founders-grid .trinity-founder-card .founder-full__bio > p:has(> a:only-child) > a,
.site-main .trinity-founders-grid .trinity-founder-card .founder-full__bio > a:last-child,
.site-main .trinity-founders-grid .trinity-founder-card .founder-full a[href*="contact"],
.site-main .trinity-founders-grid .trinity-founder-card .founder-full a[href*="lien-he"],
.site-main .container:has(> .trinity-founder-card) .trinity-founder-card .founder-contact a,
.site-main .container:has(> .trinity-founder-card) .trinity-founder-card .founder-full__bio > p:has(> a:only-child) > a,
.site-main .container:has(> .trinity-founder-card) .trinity-founder-card .founder-full__bio > a:last-child {
  color: var(--forest, #253c2d) !important;
  font-size: clamp(20px, 1.2vw, 24px) !important;
  font-weight: 800 !important;
  line-height: 1.4 !important;
  letter-spacing: -.005em !important;
  text-decoration: none !important;
}

.site-main .trinity-founders-grid .trinity-founder-card .founder-full__bio > p.founder-contact,
.site-main .trinity-founders-grid .trinity-founder-card .founder-full__bio > p:has(> a:only-child),
.site-main .container:has(> .trinity-founder-card) .trinity-founder-card .founder-full__bio > p.founder-contact,
.site-main .container:has(> .trinity-founder-card) .trinity-founder-card .founder-full__bio > p:has(> a:only-child) {
  margin-top: 30px !important;
  margin-bottom: 0 !important;
}

.site-main .trinity-founders-grid .trinity-founder-card .founder-full__bio > p:has(> a:only-child) > a:hover,
.site-main .container:has(> .trinity-founder-card) .trinity-founder-card .founder-full__bio > p:has(> a:only-child) > a:hover {
  text-decoration: underline !important;
  text-underline-offset: 4px !important;
}

@media (max-width: 900px) {
  .site-main .trinity-section-header:has(.trinity-about-intro) .trinity-about-intro,
  .site-main .trinity-section-header .container > .trinity-about-intro,
  .site-main p.trinity-about-intro {
    max-width: 760px !important;
    font-size: clamp(27px, 4.6vw, 34px) !important;
    line-height: 1.48 !important;
  }
}

@media (max-width: 560px) {
  .site-main .trinity-section-header:has(.trinity-about-intro) .trinity-about-intro,
  .site-main .trinity-section-header .container > .trinity-about-intro,
  .site-main p.trinity-about-intro {
    font-size: 25px !important;
    line-height: 1.5 !important;
  }

  .site-main .trinity-founders-grid .trinity-founder-card .founder-contact a,
  .site-main .trinity-founders-grid .trinity-founder-card .founder-full__bio > p:has(> a:only-child) > a,
  .site-main .container:has(> .trinity-founder-card) .trinity-founder-card .founder-contact a,
  .site-main .container:has(> .trinity-founder-card) .trinity-founder-card .founder-full__bio > p:has(> a:only-child) > a {
    font-size: 19px !important;
  }
}