/* ============ PAGE TITLE (section 207 → 364) ============ */
.design-hero { padding: 23px var(--pad-x) 37px; }
.design-hero-title {
  font-family: var(--serif);
  font-size: 48px;
  font-weight: 400;
  line-height: 57.6px;
  margin: 0;
}
.design-hero-sub { font-size: 18px; line-height: 28.8px; margin: 11px 0 0; }

/* ============ RESPONSIVE ============ */
@media (max-width: 991px) {
  .design-hero { padding: 15px 10px 26px; }
  .design-hero-title { font-size: 20px; line-height: 24px; }
  .design-hero-sub { font-size: 16px; line-height: 24px; margin-top: 6px; }
  .dg-info { padding: 0 12px 12px; }
  .dg-info-title { font-size: 14px; line-height: 18px; }
  .dg-info-desc { font-size: 13px; line-height: 18px; -webkit-line-clamp: 3; }
}