.video-teaser {
  position: relative;
  border: var(--border-w) solid var(--color-border);
  border-radius: var(--radius-lg);
  overflow: hidden;
  cursor: pointer;
  aspect-ratio: 4 / 3;
  background: var(--color-ink);
  box-shadow: var(--shadow-soft);
}
.video-teaser img { width: 100%; height: 100%; object-fit: cover; }
.video-teaser::after {
  content: "▶";
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 2rem;
  color: var(--color-ink);
  width: 4.5rem;
  height: 4.5rem;
  margin: auto;
  border-radius: 50%;
  background: var(--color-primary-tint);
  border: var(--border-w) solid var(--color-border);
}
.video-teaser:hover::after { background: var(--color-primary); color: #fff; }
.video-teaser.is-playing::after { content: none; background: none; border: none; }
.video-teaser.is-playing { background: var(--color-ink); }
.video-teaser iframe { width: 100%; height: 100%; border: 0; }

.icon-heading {
  display: flex;
  align-items: center;
  gap: var(--space-2);
}
.icon-heading img {
  height: 2.4rem; width: 2.4rem; object-fit: contain;
  background: var(--color-accent-tint);
  border: 2px solid var(--color-border);
  border-radius: 50%;
  padding: .3rem;
}

.pillar { margin-bottom: var(--space-6); }
.pillar:last-child { margin-bottom: 0; }

.cta-row {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2);
  margin-top: var(--space-3);
}

.list-plain {
  padding-left: 1.3em;
  display: grid;
  gap: var(--space-2);
  font-weight: 600;
}
.list-plain li::marker { color: var(--color-primary); font-weight: 900; }