.interior-hero {
  padding-block: clamp(4rem, 8vw, 7rem);
  background:
    radial-gradient(
      circle at 85% 15%,
      rgba(216, 159, 19, 0.15),
      transparent 30%
    ),
    linear-gradient(180deg, #ffffff, var(--color-background));
}

.interior-hero__content {
  max-width: 52rem;
}

.interior-hero h1 {
  max-width: 15ch;
  margin-block: var(--space-2) var(--space-4);
  font-size: clamp(2.5rem, 6vw, 5rem);
  line-height: 1;
  letter-spacing: -0.05em;
}

.interior-hero__lead {
  color: var(--color-slate);
  font-size: clamp(1.05rem, 2vw, 1.3rem);
}

.interior-section {
  padding-block: clamp(3.5rem, 7vw, 6rem);
}

.interior-card {
  max-width: 52rem;
  padding: var(--space-5);
  background: var(--color-surface);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-large);
  box-shadow: var(--shadow-soft);
}

.interior-card h2 {
  margin-top: 0;
  font-size: clamp(1.75rem, 3vw, 2.6rem);
  line-height: 1.15;
}

.interior-card p {
  color: var(--color-slate);
}