/* Batch A: About, Services, Interior Design & Styling, Complete Interior Solutions. Loads after style.css. */

.hero { justify-content: center; } /* Figma centres hero content when it is shorter than 500px */
.h2 { font: 400 24px/normal var(--serif); }
.t-center { text-align: center; }
.cta--line { border-bottom: 2px solid var(--gold); }
.cta:not(.cta--dark) .eyebrow { color: var(--charcoal); }
.steps__full { grid-column: 1 / -1; }
.flow > * + * { margin-top: 15.6px; } /* serif sub-heads + paragraphs inside one Figma text block */

/* ---------- Icon cards (Figma "Services card" without image) ---------- */
.icards { display: grid; grid-template-columns: repeat(var(--cols, 5), minmax(0, 1fr)); gap: 24px; }
.icard { padding: 24px; display: flex; flex-direction: column; align-items: center; gap: 12px; text-align: center; }
.icard img { height: 35px; }

/* ---------- Numbered list ("How to choose…") ---------- */
.numlist { margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 24px; }
.numlist li { display: flex; align-items: center; gap: 10px; }
.numlist__n {
  flex: none; width: 45px; height: 45px; display: grid; place-items: center;
  background: var(--gold); color: var(--bronze); font: 400 20px/normal var(--serif);
}

@media (min-width: 1025px) {
  .steps--3 { grid-template-columns: minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr); }
  .split { min-height: var(--sh, 0); } /* fixed-height Figma frames */
  .feature--fit .feature__img { height: 100%; } /* image matches the card's text height */
  .split__media--wide { right: auto; left: 50.9%; width: 62.43%; } /* 899px image overflowing the frame, clipped */
}

@media (max-width: 1300px) {
  .icards { grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); }
}

@media (max-width: 640px) {
  .icards { grid-template-columns: 1fr 1fr; gap: 12px; }
  .icard { padding: 12px 0; }
  .h2 { font-size: 22px; }
}