.services-page__grid {
  max-width: var(--container-wide);
  margin: 0 auto;
  padding: 0 var(--gutter);
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: clamp(2rem, 3.5vw, 3.25rem) clamp(1.5rem, 3vw, 2.5rem);
}

.services-page__grid > .service-card { width: 100%; }

@media (max-width: 900px) { .services-page__grid { grid-template-columns: repeat(2, 1fr); } }

@media (max-width: 600px) { .services-page__grid { grid-template-columns: 1fr; } }

/* Services PAGE variant of the .services section (reference: `#services-page
   .services`) — the page-hero supplies the header, so no divider and a
   shorter top padding. Class added by the widget in Grid layout. */
.services.services--page { border-top: none; padding-top: clamp(2rem, 6vw, 5rem); }


/* Page intro under the heading */
.services-page__lead {
  max-width: 60ch;
  margin: 1.25rem 0 0;
  font-family: "Anuphan", system-ui, sans-serif;
  font-weight: 300;
  font-size: 1.02rem;
  line-height: 1.8;
  opacity: 0.85;
}

.services-page__lead .show-th { line-height: 2; }


/* Closing CTA */
/* CTA "Begin a Journey" — ยึดสไตล์จากหน้า article-detail (.adx-cta) */
.services-page__cta {
  display: flex; flex-direction: column; align-items: center; text-align: center;
  max-width: var(--container-wide);
  margin: clamp(3rem,7vw,6rem) auto 0;
  padding: clamp(3.5rem,9vw,7rem) var(--gutter) 0;
  border-top: 1px solid rgba(24,23,21,0.14);
}

.services-page__cta-eyebrow {
  display: inline-flex; align-items: center; gap: 0.55rem;
  font-family: "Anuphan", system-ui, sans-serif; font-weight: 500;
  font-size: 0.72rem; letter-spacing: 0.16em; text-transform: uppercase;
  color: var(--c-rust, #7C3C1B);
}

.services-page__cta-eyebrow::before {
  content: ""; width: 6px; height: 6px; border-radius: 50%;
  background: currentColor; flex: 0 0 auto;
}

.services-page__cta h2 {
  font-family: var(--font-en-serif, "Old Standard TT", serif);
  font-weight: 400; font-size: clamp(1.9rem,4vw,3.2rem); line-height: 1.15;
  margin: 1.1rem 0 1.8rem; max-width: none;
}

.services-page__cta h2 .show-th { font-family: "JS Pumpuang","Old Standard TT",serif; }

.services-page__cta-btn {
  display:inline-flex; align-items:center; gap:0.55rem;
  background: var(--c-rust,#7C3C1B); border: 1px solid var(--c-rust,#7C3C1B); color: var(--c-cream,#EEEEE5);
  font-family:"Anuphan",sans-serif; font-weight:500; letter-spacing:0.14em; text-transform:uppercase; font-size:0.76rem;
  padding:0.95rem 1.7rem; text-decoration:none;
  transition: background .25s ease, color .25s ease, border-color .25s ease;
}

.services-page__cta-btn:hover { background: var(--c-cream,#EEEEE5); color: var(--ink,#181715); border-color: var(--c-cream,#EEEEE5); }