/* ── SPLIT FEATURE ── */
.hds-split-feature {
  display: grid;
  grid-template-columns: 3fr 2fr;
  min-height: 480px;
}
.hds-split-feature--content-right {
  grid-template-columns: 2fr 3fr;
}
.hds-split-feature--content-right .hds-split-feature__content-col { order: 2; }
.hds-split-feature--content-right .hds-split-feature__img-col { order: 1; }
.hds-split-feature__content-col {
  display: flex;
  align-items: center;
  padding: var(--space-2xl) var(--space-xl);
}
.hds-split-feature__panel--plum-light { background: var(--plum-lighter); }
.hds-split-feature__panel--sage-light { background: var(--sage-light); }
.hds-split-feature__panel--sand { background: var(--sand); }
.hds-split-feature__panel--dark { background: var(--charcoal); color: var(--white); }
.hds-split-feature__panel--dark h2,
.hds-split-feature__panel--dark .body-text { color: rgba(255,255,255,.8); }
.hds-split-feature__content-inner { max-width: 480px; }
.hds-split-feature__img-col { overflow: hidden; }
.hds-split-feature__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.hds-split-feature__img-placeholder {
  width: 100%;
  height: 100%;
  background: rgba(44,40,38,.07);
}
@media (max-width: 900px) {
  .hds-split-feature,
  .hds-split-feature--content-right { grid-template-columns: 1fr; }
  .hds-split-feature--content-right .hds-split-feature__content-col,
  .hds-split-feature--content-right .hds-split-feature__img-col { order: unset; }
  .hds-split-feature__img-col { height: 320px; }
  .hds-split-feature__content-col { padding: var(--space-xl) var(--gutter); }
}