/* The homepage system introduction, between the hypothesis and results. */
.ttc-bridge {
  background:var(--cream);
  padding:64px 0 0;
  margin:0 0 76px;
}

.ttc-bridge-grid {
  display:grid;
  grid-template-columns:1.05fr 1fr;
  gap:90px;
  padding:30px 0 50px;
  align-items:center;
}

.ttc-copy h2 {
  margin:0 0 23px;
  font:400 clamp(42px,4.8vw,68px)/1.03 var(--sans);
  letter-spacing:-.052em;
}

.ttc-copy em {
  font-family:Georgia,"Times New Roman",serif;
  font-weight:400;
}

.ttc-lead {
  font:400 clamp(21px,2vw,28px)/1.35 var(--sans);
  letter-spacing:-.025em;
  margin:0 0 20px;
}

.ttc-body {
  font:400 17px/1.65 var(--sans);
  color:var(--muted-text);
  margin:0 0 20px;
  max-width:570px;
}

.ttc-small {
  font:11px/1.5 var(--mono);
  letter-spacing:1.2px;
  text-transform:uppercase;
}

.ttc-stack { margin:0; width:100%; }
.ttc-stack-outer { padding:24px 26px; border-block:1px solid var(--rule); }
.ttc-stack p { margin:7px 0 0; font:400 14px/1.5 var(--sans); color:var(--muted-text); }

.ttc-stack-connector {
  font:24px/1 var(--sans);
  color:var(--muted);
  text-align:center;
  height:34px;
  display:flex;
  justify-content:center;
  align-items:center;
}

.ttc-stack-core {
  border:1px solid var(--accent);
  padding:25px 26px 28px;
  background:var(--paper);
}

.ttc-stack-core .ttc-small { color:var(--accent); display:flex; gap:9px; align-items:center; }
.ttc-stack-core i { width:5px; height:5px; background:var(--coral); border-radius:50%; }
.ttc-stack-core h3 { font:400 clamp(23px,2.4vw,34px)/1.2 var(--sans); letter-spacing:-1px; margin:13px 0 9px; }
.ttc-stack figcaption { color:var(--muted-text); font:11px/1.6 var(--sans); text-align:center; margin-top:21px; }

@media(max-width:1000px) {
  .ttc-bridge-grid { gap:45px; }
}

@media(max-width:760px) {
  .ttc-bridge { padding-top:40px; margin-bottom:55px; }
  .ttc-bridge-grid { grid-template-columns:1fr; gap:35px; padding:24px 0 32px; }
  .ttc-copy h2 { font-size:46px; }
  .ttc-lead { font-size:23px; }
  .ttc-stack-core h3 { font-size:29px; }
  .ttc-stack-outer { padding:18px 22px; }
  .ttc-stack-core { padding:22px; }
  .ttc-stack-connector { height:27px; }
}