/* Text & Image — editorial copy beside a photograph. */

.hmt-split__grid {
  display: grid;
  grid-template-columns: 1.05fr 0.95fr;
  gap: clamp(32px, 6vw, 80px);
  align-items: center;
}
.hmt-split--flip .hmt-split__media { order: -1; }
.hmt-split--text .hmt-split__grid { grid-template-columns: 1fr; max-width: 820px; }

.hmt-split__copy h2 { font-size: clamp(1.9rem, 4.2vw, 2.9rem); margin: 14px 0 20px; }
.hmt-split__text { font-size: 17px; font-weight: 300; color: var(--hm-ink-soft); }
.hmt-split__text p + p { margin-top: 14px; }
.hmt-split__text a { color: var(--hm-gold-dark); text-decoration: underline; text-underline-offset: 3px; }
.hmt-split__text a:hover { color: var(--hm-ink); }

.hmt-split__points {
  display: grid;
  gap: 12px;
  margin: 26px 0 0;
  padding: 0;
  list-style: none;
}
.hmt-split__points li { display: flex; gap: 12px; align-items: flex-start; font-size: 15px; color: var(--hm-ink); }
.hmt-split__points svg {
  width: 22px;
  height: 22px;
  flex: none;
  padding: 4px;
  border-radius: 50%;
  background: var(--hm-gold-tint);
  color: var(--hm-gold-dark);
}
.hmt-split__cta { margin-top: 30px; }

.hmt-split__media {
  margin: 0;
  overflow: hidden;
  border-radius: 24px;
  aspect-ratio: 4 / 5;
  background: var(--hm-panel);
}
.hmt .hmt-split__media img { width: 100%; height: 100%; object-fit: cover; }
/* A device or product shot is shown whole on a soft panel, never cropped. */
.hmt-split__media--contain { aspect-ratio: 1 / 1; padding: clamp(20px, 4vw, 44px); background: var(--hm-gold-tint); }
.hmt .hmt-split__media--contain img { object-fit: contain; }

@media (max-width: 900px) {
  .hmt-split__grid { grid-template-columns: 1fr; }
  .hmt-split--flip .hmt-split__media { order: 0; }
  .hmt-split__media { aspect-ratio: 4 / 3; max-width: 560px; }
}