/* Practitioner Story — portrait beside the words, or the words alone. */

.hmt-pract__grid {
  display: grid;
  gap: clamp(30px, 6vw, 72px);
  align-items: center;
}
.hmt-pract--split .hmt-pract__grid { grid-template-columns: 0.85fr 1.15fr; }
.hmt-pract--quote .hmt-pract__grid { max-width: 860px; }

.hmt-pract--flip .hmt-pract__figure { order: 2; }
.hmt-pract--flip .hmt-pract__body { order: 1; }

.hmt-pract__figure img {
  width: 100%;
  aspect-ratio: 4 / 5;
  object-fit: cover;
  border-radius: var(--hm-radius);
}

.hmt-pract__quote {
  margin: 14px 0 0;
  font-family: var(--hm-display);
  font-weight: 700;
  font-size: clamp(1.45rem, 3vw, 2.15rem);
  line-height: 1.28;
  letter-spacing: -0.015em;
  color: var(--hm-ink);
}
.hmt-pract__quote::before { content: "\201C"; }
.hmt-pract__quote::after { content: "\201D"; }

.hmt-pract__text { margin-top: 20px; font-weight: 300; color: var(--hm-ink-soft); }
.hmt-pract__text p + p { margin-top: 14px; }
.hmt-pract__text a { color: var(--hm-gold-dark); text-decoration: underline; text-underline-offset: 3px; }

.hmt-pract__sig {
  margin-top: 26px;
  padding-top: 22px;
  border-top: 1px solid var(--hm-line);
  font-size: 13.5px;
}
.hmt-pract__sig b {
  display: block;
  font-family: var(--hm-text);
  font-weight: 600;
  color: var(--hm-ink);
}

/* No portrait: the quote carries the section, so give it more room. */
.hmt-pract--quote .hmt-pract__quote { font-size: clamp(1.6rem, 3.6vw, 2.5rem); }

@media (max-width: 900px) {
  .hmt-pract--split .hmt-pract__grid { grid-template-columns: 1fr; }
  .hmt-pract__figure { max-width: 420px; }
  .hmt-pract--flip .hmt-pract__figure,
  .hmt-pract--flip .hmt-pract__body { order: 0; }
}