/* Static details of the hero circuit, paired with the three guiding ideas. */
.hypothesis { padding-block:100px 104px; }
.hypothesis > .eyebrow { margin:0 0 32px; font-weight:400; }
.hypothesis-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:28px; }
.hypothesis-card { min-width:0; border-top:1px solid var(--rule); }
.hypothesis-figure { position:relative; display:flex; align-items:center; height:248px; padding:40px 12px 20px; }
.hypothesis-number { position:absolute; top:18px; left:0; color:var(--muted); font:10px/1.5 var(--mono); letter-spacing:1px; }
.hypothesis-figure svg { display:block; width:100%; height:100%; color:var(--ink); }
.hypothesis-card h3 { max-width:330px; margin:12px 0 18px; font-size:clamp(26px,2.4vw,36px); font-weight:400; line-height:1.15; letter-spacing:-1px; text-wrap:balance; }
.hypothesis-card p { margin:0; color:var(--muted-text); font-size:17px; line-height:1.65; }
.hypothesis-link { margin-top:38px; }
@media (min-width:761px) {
  .hypothesis-card h3 { min-height:2.3em; }
}
@media (max-width:1000px) and (min-width:761px) {
  .hypothesis-grid { gap:22px; }
  .hypothesis-figure { height:208px; padding-inline:0; }
  .hypothesis-card h3 { font-size:27px; }
  .hypothesis-card p { font-size:16px; }
}
@media (max-width:760px) {
  .hypothesis { padding-block:62px 68px; }
  .hypothesis-grid { grid-template-columns:minmax(0,1fr); gap:38px; }
  .hypothesis-figure { height:232px; max-width:460px; margin-inline:auto; padding:38px 20px 16px; }
  .hypothesis-card h3 { max-width:none; margin-top:8px; font-size:30px; }
  .hypothesis-card p { max-width:540px; font-size:17px; }
  .hypothesis-link { margin-top:32px; }
}