/* Portfolio page: same hero as index, style sections */
.portfolio-page .portfolio-hero .hero-title {
  margin-bottom: var(--space-sm);
}
.portfolio-page .portfolio-hero .hero-title:not(.hero-logo) {
  font-size: clamp(2rem, 5vw, 3rem);
  font-weight: 700;
  color: var(--text);
}
.portfolio-hero .hero-sub {
  font-size: 0.95rem;
  color: var(--text-muted);
  margin: 0 0 var(--space-lg);
  max-width: 640px;
  margin-left: auto;
  margin-right: auto;
}
.portfolio-style {
  padding: var(--space-2xl) 0;
  background: var(--bg);
}
.portfolio-style:nth-child(even) {
  background: var(--bg-elevated);
}
.portfolio-style .section-title {
  margin-bottom: var(--space-lg);
}
.portfolio-style .portfolio-gallery {
  margin-bottom: 0;
}
.portfolio-cta {
  padding: var(--space-2xl) 0;
  text-align: center;
  background: var(--bg-elevated);
}
.portfolio-cta .lead {
  margin-bottom: var(--space-md);
}
.portfolio-cta .btn + .btn {
  margin-left: var(--space-sm);
}
@media (max-width: 680px) {
  .portfolio-cta .lead + .btn {
    display: block;
    margin-bottom: var(--space-sm);
  }
  .portfolio-cta .btn + .btn {
    margin-left: 0;
  }
}