/* Two readable stages: coordinated adoption, then conditional reinvestment. */
.transition-system { margin: 30px 0 0; }
.transition-panels { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); border: 1px solid #a7b49e; }
.transition-panel { min-width: 0; padding: clamp(22px,3vw,38px); background: #faf7ef; }
.transition-panel.transition-loop { background: #183029; color: #f2ecdf; }
.transition-panel .transition-number { margin: 0 0 20px; color: #80652e; font-size: .875rem; font-weight: 600; letter-spacing: .07em; text-transform: uppercase; }
.transition-panel h3 { font: 400 clamp(1.65rem,2.8vw,2.4rem)/1.15 "Newsreader",Georgia,serif; letter-spacing: -.02em; margin: 0 0 25px; }
.transition-panel .transition-axis { color: #465b51; font-size: .875rem; line-height: 1.5; margin: 0 0 14px; }
.pitch-page .transition-panel svg { display: block; width: 100%; max-width: 380px; min-width: 0; height: auto; margin-inline: auto; }
.transition-panel .transition-x-axis { margin: 14px 0 0; font-weight: 600; }
.transition-panel .transition-panel-note { border-top: 1px solid #c7cebd; padding-top: 18px; margin: 20px 0 0; font-size: 1rem; line-height: 1.55; color: #465b51; }
.transition-loop .transition-number { color: #e7c980; }
.transition-loop .transition-axis, .transition-loop .transition-panel-note { color: #d9e2d2; }
.transition-loop .transition-panel-note { border-color: #536c5c; }
.transition-system > figcaption { margin-top: 14px; max-width: 90ch; color: #52634d; font-size: .875rem; line-height: 1.5; }
.renewal-note { padding: 28px 0 4px; max-width: 78ch; }
.renewal-note .eyebrow { margin-bottom: 12px; }
.renewal-note h3 { font: 400 clamp(1.7rem,3vw,2.4rem)/1.15 "Newsreader",Georgia,serif; margin: 0 0 14px; }
.renewal-note > p:last-child { margin: 0; font-size: 1.0625rem; color: #465b51; }
.delivery-model { max-width: 80ch; }
.delivery-model dl { margin: 0 0 20px; }
.delivery-model dl > div { padding: 14px 0; border-top: 1px solid #bcc6b4; }
.delivery-model dt { margin: 0 0 6px; font-weight: 600; }
.delivery-model dd { margin: 0; }
@media (max-width: 850px) {
  .transition-panels { grid-template-columns: minmax(0,1fr); }
  .transition-panel { padding: 26px; }
  .transition-panel h3 { font-size: 2rem; }
}
@media (max-width: 420px) {
  .transition-panel { padding: 20px 12px; }
  .transition-panel h3 { font-size: 1.8rem; }
  .transition-panel .transition-number { letter-spacing: .025em; }
}
@media (max-width: 360px) {
  .transition-panels { margin-inline: -10px; }
}