.portfolio-hero {
  padding-top: var(--space-16);
}

.portfolio-hero__grid {
  align-items: center;
}

.portfolio-hero__lead {
  font-size: var(--font-size-lg);
  max-width: 38rem;
}

.portfolio-hero__visual {
  min-height: 18rem;
}

.portfolio-hero__actions {
  flex-wrap: wrap;
}

.portfolio-intro {
  background: radial-gradient(circle at top, rgba(245, 166, 35, 0.06), transparent 60%);
}

.portfolio-grid__header p {
  max-width: 40rem;
}

.portfolio-card__image {
  max-height: 14rem;
}

.portfolio-list {
  list-style: disc;
  padding-left: 1.25rem;
  color: var(--color-text-muted);
  font-size: var(--font-size-sm);
}

.portfolio-list li + li {
  margin-top: 0.35rem;
}

.portfolio-events {
  background-color: var(--color-surface);
}

.portfolio-fine-art {
  background-color: var(--color-surface-alt);
}

.portfolio-product {
  background-color: var(--color-surface);
}

.portfolio-retouching {
  background-color: var(--color-surface-alt);
}

.portfolio-cta__card {
  align-items: center;
}

.portfolio-cta__card {
  background: radial-gradient(circle at top left, rgba(245, 166, 35, 0.2), transparent 60%), var(--color-surface);
}

.portfolio-cta__actions {
  margin-left: auto;
}

@media (max-width: 768px) {
  .portfolio-hero {
    padding-top: var(--space-12);
  }

  .portfolio-hero__visual {
    margin-top: var(--space-6);
    min-height: 14rem;
  }

  .portfolio-cta__actions {
    margin-left: 0;
  }
}