/* One expanding argument at a time, with the evidence beside it. */
.innovation-section {
  padding-block:160px 128px;
  background:var(--panel);
  border-block:1px solid var(--line);
}
.innovation-heading {margin-bottom:var(--space-16)}
.innovation-heading h2 {
  max-width:50%;
  font-size:32px;
  font-weight:500;
  line-height:1.2;
  font-variation-settings:'wdth' 100,'opsz' 32;
}
.innovation-layout {display:grid;grid-template-columns:1fr 1fr;align-items:start}
.feature-list {width:80%;min-width:0}
.feature-item {
  position:relative;
  border-top:2px solid var(--line);
  scroll-margin-top:calc(var(--header-height) + var(--space-6));
}
.feature-progress {
  position:absolute;
  top:-2px;
  left:0;
  width:100%;
  height:2px;
  background:var(--action);
  transform:scaleX(0);
  transform-origin:left;
}
.feature-button {
  display:block;
  width:100%;
  min-height:76px;
  padding:var(--space-6) 0;
  border:0;
  border-radius:0;
  background:transparent;
  text-align:left;
  color:var(--muted);
  font-family:var(--font-display);
  font-size:24px;
  font-weight:500;
  font-variation-settings:'wdth' 100,'opsz' 32;
  line-height:1.2;
  transition:color var(--motion-fast);
}
.feature-button:hover,.feature-item.active .feature-button {color:var(--ink)}
.feature-button:focus-visible {outline-offset:6px}
.feature-description {
  display:grid;
  grid-template-rows:0fr;
  opacity:0;
  transition:grid-template-rows 300ms var(--ease),opacity 300ms var(--ease);
}
.feature-description-inner {min-height:0;overflow:hidden}
.feature-description-copy {padding:0 0 var(--space-6)}
.feature-item.active .feature-description {grid-template-rows:1fr;opacity:1}
.feature-description p {font-size:16px;line-height:1.4;color:var(--muted)}
.feature-description .text-link {margin-top:var(--space-3);font-size:16px;color:var(--ink)}
.feature-stage {position:sticky;top:calc(var(--header-height) + var(--space-8));min-width:0}
.feature-media {aspect-ratio:4/3;background:var(--ground);border-color:var(--line);height:auto}
.feature-visual-content {position:absolute;inset:0;background:var(--ground)}
.feature-visual-content.is-leaving {z-index:1;pointer-events:none}
.feature-caption {
  display:flex;
  justify-content:space-between;
  gap:var(--space-6);
  margin-top:var(--space-4);
  color:var(--muted);
  font-size:14px;
  line-height:1.4;
}
#feature-position {white-space:nowrap;font-variant-numeric:tabular-nums}
.feature-mobile-title,.feature-mobile-media {display:none}
@media(min-width:768px) and (max-width:1024px) {
  .feature-list {width:85%}
  .feature-button {font-size:22px;padding-block:20px;min-height:68px}
  .feature-description p {font-size:16px}
}
@media(max-width:767px) {
  .innovation-section {padding-block:80px}
  .innovation-heading {margin-bottom:var(--space-12)}
  .innovation-heading h2 {max-width:none;font-size:28px;line-height:1.2}
  .innovation-layout {display:block}
  .feature-list {width:100%}
  .feature-item {padding-top:var(--space-6)}
  .feature-item+.feature-item {margin-top:var(--space-12)}
  .feature-button,.feature-progress,.feature-stage {display:none}
  .feature-mobile-title {display:block;font-size:24px;line-height:1.2;font-weight:500}
  .feature-description {display:block;opacity:1;margin-top:var(--space-4);transition:none}
  .feature-description-inner {overflow:visible}
  .feature-description-copy {padding:0}
  .feature-description p {font-size:16px;line-height:1.5;max-width:540px}
  .feature-description .text-link {margin-top:var(--space-3)}
  .feature-mobile-media {display:block;margin-top:var(--space-6)}
  .feature-mobile-media figcaption {font-size:14px;line-height:1.4;margin-top:var(--space-3)}
  .feature-media .placeholder-copy {left:var(--space-6);right:var(--space-6)}
  .feature-media .placeholder-copy strong {font-size:18px}
  .feature-media .placeholder-copy>span {max-width:260px;font-size:14px}
}
@media(prefers-reduced-motion:reduce) {
  .feature-description,.feature-button {transition:none}
}