body { background: var(--base-light); }

.eyebrow { text-transform: uppercase; letter-spacing: 2px; font-size: var(--text-xs); font-weight: 700; color: var(--accent); margin-block-end: var(--space-xs); }

.section-head { margin-block-end: var(--space-l); }
.section-head.center { text-align: center; max-inline-size: 60ch; margin-inline: auto; }

.hero__inner { display: grid; grid-template-columns: 1fr 1fr; gap: var(--space-xl); align-items: center; }
.hero__title { font-size: var(--h1); }
.hero__intro { font-size: var(--text-l); color: var(--text-color); margin-block: var(--space-m); }
.hero__cta { display: flex; gap: var(--space-s); flex-wrap: wrap; }
.hero__media img { border-radius: var(--radius-l); width: 100%; }

.card { background: var(--white); border-radius: var(--radius-m); padding: var(--space-l); box-shadow: var(--box-shadow-1); }

@media (max-width: 820px) {
  .hero__inner { grid-template-columns: 1fr; }
}