/* ==========================================================================
   CTE About Page (v1)
   Scope: .cte-about only
   Reuses: .cte-wrap, .cte-card, .cte-muted from start-here-theme.css
   ========================================================================== */

.cte-about__card{ overflow: hidden; }

.cte-about__header{
  padding: clamp(16px,3vw,28px);
  border-bottom: 1px solid rgba(0,0,0,.08);
}

.cte-about__kicker{
  font: 900 12px/1 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  letter-spacing: .10em;
  text-transform: uppercase;
  color: rgba(0,0,0,.55);
  margin-bottom: 10px;
}

.cte-about__title{
  margin: 0 !important; /* kill theme h1 margins */
  font: 900 34px/1.1 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  color: var(--cte-ink);
}

.cte-about__subtitle{
  margin: 10px 0 0 !important;
  font: 600 15px/1.55 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
}

.cte-about__body{
  padding: 18px clamp(16px,3vw,28px) 26px;
}

.cte-about__h2{
  margin: 10px 0 12px;
  font: 900 22px/1.2 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  color: rgba(0,0,0,.92);
}

.cte-about__section{ margin-top: 18px; }

.cte-about__label{
  font: 950 12px/1 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  letter-spacing: .10em;
  text-transform: uppercase;
  color: rgba(0,0,0,.55);
  margin: 18px 0 10px;
}

.cte-about__timeline{
  margin-top: 10px;
  display: grid;
  gap: 14px;
}

.cte-about__item{
  display: grid;
  grid-template-columns: 110px 1fr;
  gap: 14px;
  padding: 14px 14px;
  border: 1px solid rgba(0,0,0,.08);
  border-radius: 16px;
  background: rgba(0,0,0,.01);
}

.cte-about__year{
  font: 950 18px/1.1 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  color: rgba(0,0,0,.88);
}

.cte-about__itemTitle{
  font: 900 15px/1.25 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  color: rgba(0,0,0,.92);
  margin-bottom: 8px;
}

.cte-about__p{
  margin: 0;
  color: rgba(0,0,0,.74);
  font: 600 14px/1.6 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  max-width: 95ch;
}

.cte-about__figure{
  margin: 10px 0 10px;
}

.cte-about__img{
  display: block;
  max-width: 100%;
  height: auto;
  border-radius: 14px;
  border: 1px solid rgba(0,0,0,.10);
  background: #fff;
}

@media (max-width: 820px){
  .cte-about__item{
    grid-template-columns: 1fr;
  }
  .cte-about__year{
    font-size: 16px;
  }
}