

.co-mission-grid { display: grid; grid-template-columns: 7fr 5fr; gap: 24px; align-items: start; }
.co-mission-grid .section__head { max-width: none; margin-bottom: 0; }
.co-mission-grid h2 { margin-bottom: 0; }
.co-mission { max-width: 640px; padding-top: 4px; }
@media (max-width: 900px) {
  .co-mission-grid { grid-template-columns: 1fr; gap: 16px; }
}

.co-founder .line-list { margin-bottom: 40px; }
.co-founder .state-list { margin: 32px 0 0; }
.co-founder .closing { margin-top: 40px; }

@media (min-width: 901px) {
  .co-founder figure { position: sticky; top: 112px; }
}

@media (min-width: 901px) {
  .co-founder .about__grid { grid-template-columns: 3fr 9fr; }
}

.co-overview { max-width: 800px; margin: 32px 0 0; border-top: 1px solid var(--rule); }
.co-overview > div { display: grid; grid-template-columns: 160px 1fr; gap: 8px 24px; padding: 20px 0; border-bottom: 1px solid var(--rule); }
.co-overview dt { margin: 0; font-size: 14px; font-weight: 700; color: var(--ink); }
.co-overview dd { margin: 0; font-size: 15px; line-height: 1.9; color: var(--ink); }
@media (max-width: 600px) {
  .co-overview > div { grid-template-columns: 1fr; gap: 4px; }
}
.co-overview + .text-link { margin-top: 32px; }

.co-coverage { display: grid; grid-template-columns: repeat(2, 1fr); gap: 40px 24px; margin: 48px 0 40px; }
.co-coverage > div { border-top: 2px solid var(--ink); padding-top: 20px; }
.co-coverage h3 { font-size: 20px; margin-bottom: 10px; }
.co-coverage p { margin: 0; font-size: 15px; line-height: 1.8; color: var(--muted); }
@media (max-width: 900px) {
  .co-coverage { grid-template-columns: 1fr; gap: 32px; }
}

.co-mission-grid h2 { font-size: 56px; line-height: 1.3; }
@media (max-width: 900px) { .co-mission-grid h2 { font-size: 40px; } }
@media (max-width: 600px) { .co-mission-grid h2 { font-size: 32px; } }

@media (min-width: 901px) {
  #overview { display: grid; grid-template-columns: 3fr 9fr; column-gap: 24px; align-items: start; }
  #overview > .section__head { grid-column: 1; margin-bottom: 0; }
  #overview > .co-overview { grid-column: 2; max-width: none; margin-top: 0; }
  #overview > .text-link, #overview > .btn { grid-column: 2; justify-self: start; }
}

.page-head--visual { --ph-visual-w: 440px; }
@media (min-width: 901px) { .page-head__visual--photo { margin-right: calc(-1 * var(--pad-x)); } }   
.page-head__visual--photo img { object-position: 50% 62%; }   
.co-founder { background: var(--band); }
@media (min-width: 901px) { .co-founder .about__grid { grid-template-columns: 4fr 8fr; column-gap: 64px; } }   
.co-founder figure img { aspect-ratio: 4 / 5; object-position: 40% 50%; }
.co-founder .state-list li { background: #fff; border-left: 0; border-top: 2px solid var(--ink); padding: 20px 20px 24px; }
.co-coverage > div { background: var(--band); padding: 24px 28px 28px; }
