.construction-intro .title { max-width: 1200px; font-size: clamp(42px, 4vw, 56px); line-height: 1.08; letter-spacing: -.025em; }
.construction-intro .lead { max-width: 930px; }
.construction-intro + .construction { margin-top: 32px; align-items: stretch; }

.construction-card { display: flex; min-height: 330px; flex-direction: column; }
.construction-card__visual { height: 150px; padding: 9px; border-bottom: 1px solid var(--line); background: linear-gradient(145deg, #f8fcff, #e7f6ff); }
.construction-card__visual img { display: block; width: 100%; height: 100%; object-fit: contain; }
.construction-card__body { flex: 1; padding: 18px 20px 20px; }
.construction-card h3 { font-size: 20px; line-height: 1.2; }
.construction-card p { font-size: 14px; line-height: 1.48; }
.construction-help { display: flex; align-items: center; gap: 24px; margin-top: 20px; padding: 17px 19px; border: 1px solid var(--line); border-radius: 12px; background: var(--sky); }
.construction-help p { flex: 1; margin: 0; color: #31516d; font-size: 15px; font-weight: 700; }
.construction-help .button { flex: 0 0 auto; }

@media (max-width: 620px) {
  .construction-intro .title { font-size: clamp(32px, 9vw, 42px); }
  .construction-intro + .construction { margin-top: 26px; }
  .construction-card { min-height: 0; }
  .construction-card__visual { height: 155px; }
  .construction-help { align-items: stretch; flex-direction: column; gap: 14px; padding: 20px; }
  .construction-help .button { width: 100%; }
}
