/* The glass introduction sits directly below the service title at every width. */
.services > .section-heading {
  display: grid;
  grid-template-columns: minmax(0,1fr);
  align-items: start;
  gap: 28px;
}
.services > .section-heading > div { min-width: 0; }
.services .section-heading h2 {
  font-size: clamp(42px,4.8vw,66px);
  line-height: 1.1;
}
.services .about-copy {
  position: relative;
  width: 100%;
  max-width: 880px;
  margin-top: 0;
  padding: clamp(26px,2.8vw,36px);
  border: 1px solid rgba(250,210,226,.23);
  border-radius: 26px;
  background:
    radial-gradient(ellipse at 100% 0%,rgba(142,28,61,.12),transparent 72%),
    linear-gradient(140deg,rgba(255,255,255,.075),rgba(78,20,42,.07));
  -webkit-backdrop-filter: blur(18px) saturate(135%);
  backdrop-filter: blur(18px) saturate(135%);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.1),0 18px 50px rgba(0,0,0,.12);
  color: #cdbec5;
  font-size: 15px;
  line-height: 1.85;
}
.services .about-copy p + p { margin-top: 18px; }
@media (max-width: 900px) {
  .services > .section-heading { grid-template-columns: minmax(0,1fr); gap: 24px; }
  .services .section-heading h2 { font-size: clamp(36px,7.8vw,52px); }
  .services .about-copy { max-width: none; margin-top: 0; padding: 26px; font-size: 14px; line-height: 1.8; }
}
@media (max-width: 600px) {
  .services .about-copy { padding: 24px 22px; border-radius: 22px; }
}
@media (hover: none) {
  .services .about-copy { -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); }
}