/* Auto-segmented: layout.css */

.hero.section {
  padding: 0;
}

.eyebrow.small {
  font-size: 12px;
    opacity: .85;
}

.section-title {
  margin: 0 0 18px;
    font-size: clamp(26px, 3.5vw, 40px);
}

.section-subtitle {
  color: #b7c0de;
    margin: 0 0 26px;
}

.pricing-grid {
  display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 22px;
}

.portfolio-grid {
  display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 22px;
}