[data-signature="before-after-slider"] .ba__frame > :is(.ba__after, .ba__before) { pointer-events: none; }

.hm-cascade { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 3fr); align-items: start; gap: var(--space-m) 0; }
.hm-cascade__a { display: grid; grid-template-columns: minmax(0, 3fr) minmax(0, 2fr); grid-template-rows: auto auto; align-content: start; row-gap: var(--space-m); }
.hm-cascade__b { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 2fr); grid-template-rows: auto auto; align-content: start; row-gap: var(--space-m); }
.hm-cascade__head { grid-column: 1 / -1; padding: 0 var(--cell) var(--space-xs); }
.hm-cascade__head h2 { margin: 0.2rem 0 0; max-inline-size: 22ch; white-space: normal; text-wrap: balance; font-size: clamp(1.35rem, 0.85rem + 1.25vw, 1.95rem); line-height: 1.08; }
.hm-cascade__item { min-width: 0; padding-inline: var(--cell); }
.hm-cascade__item .cap { margin: 0; }
.hm-cascade__portrait { grid-column: 1; grid-row: 2; align-self: start; }
.hm-cascade__brush { grid-column: 2; grid-row: 2; align-self: start; }
.hm-cascade__kitchen { grid-column: 1 / -1; }
.hm-cascade__square { grid-column: 1 / -1; grid-row: 2; align-self: start; padding-top: 0; }

.hm-leader { position: relative; min-height: 0; display: flex; align-items: center; margin-bottom: var(--space-xs);
  border-left: 2px solid var(--sec-ink); padding: 0.15rem 0 0.15rem var(--space-xs); }
.hm-leader::before { display: none; }
.hm-leader span { font-size: var(--fs-label); font-weight: 700; text-transform: uppercase; letter-spacing: var(--tracking-eyebrow); line-height: 1.25; max-inline-size: none; }

.hm-splice__text { display: flex; flex-direction: column; justify-content: space-between; gap: var(--space-m); align-self: stretch; }
.hm-splice__text .eyebrow { margin: 0; }
.hm-splice h2 { font-size: clamp(1.65rem, 1rem + 1.55vw, 2.4rem); line-height: 1.06; margin: 0.2rem 0 0; }
.hm-splice__text .copy { margin: 0; font-size: 0.9375rem; line-height: 1.38; color: var(--ink-light); }
.hm-ba .ba__head > * { flex: 1 1 0; text-align: center; padding-block: 0.35rem; }
.hm-ba .ba__head > * + * { border-left: 1px solid var(--sec-border); }
.hm-ba .ba__frame { aspect-ratio: 16 / 8.5 !important; }

.hm-pq { padding-bottom: var(--space-m); }
.hm-pq .eyebrow { margin-bottom: var(--space-xs); }
.hm-pq .pull-quote--xl { font-size: clamp(2.1rem, 1.1rem + 3.05vw, 3.85rem); max-inline-size: none; }
.hm-nowrap { white-space: nowrap; }
.hm-ledger-title { font-family: var(--font-sans); line-height: 1.3; }
.hm-tariff .tariff p { max-inline-size: none; }
.hm-map { padding: var(--space-xs) 0 0; }

.hm-team__grid { align-items: start; }
.hm-team__bleed { position: relative; display: grid; padding: var(--cell); }
.hm-team__bleed > .shot { block-size: auto; }
.hm-team__overlay { position: static; padding: var(--space-xs) 0 0; background: transparent; }
.hm-team__overlay .eyebrow { margin: 0; color: var(--sec-ink-muted); }
.hm-team__duo { margin: 0.15rem 0 0; font-family: var(--font-display); font-size: clamp(1.25rem, 0.9rem + 0.8vw, 1.6rem); line-height: 1.1; color: var(--sec-ink); }
.hm-team__right { display: grid; gap: var(--space-m); align-content: start; margin-top: 0; }
.hm-team__split { display: grid; grid-template-columns: 1.15fr 1fr; gap: var(--space-m); align-items: start; }
.hm-team__split h2 { margin: 0.15rem 0; }
.hm-team__sub { margin-top: 0.25rem; color: var(--sec-ink-muted); }
.hm-team__copy { margin: 0; font-size: 0.9375rem; line-height: 1.45; }
.hm-team__faq details summary { padding-block: 0.45rem; }

.hm-cta .mono-grid { align-items: end; }
.hm-cta__head { grid-column: 1 / 3; }
.hm-cta__head h2 { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-s); font-family: var(--font-sans); font-weight: 400; font-size: clamp(1.45rem, 0.9rem + 1.35vw, 2.15rem); margin: 0.2rem 0 0; max-inline-size: none; }
.hm-cta__head .arrow-icon { inline-size: clamp(2.5rem, 1rem + 3.5vw, 4.5rem); }
.hm-cta__note { display: none; }
.hm-ledger { grid-column: 3 / 5; display: grid; grid-template-columns: 1fr 1fr; gap: 0.45rem 0; margin-top: 0; align-items: end; }
.hm-ledger label { grid-column: 1; padding-inline: var(--cell); }
.hm-ledger .quick-ledger__foot { grid-column: 2; grid-row: 3; align-self: end; padding-inline: var(--cell); }
.hm-ledger .quick-ledger__foot .btn { inline-size: 100%; justify-content: space-between; }

@media (max-width: 64rem) {
  .hm-cascade { grid-template-columns: minmax(0, 1fr); }
  .hm-cascade__a, .hm-cascade__b { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .hm-cascade__b { grid-template-rows: auto; margin-top: var(--space-l); }
  .hm-cascade__kitchen { grid-column: 1; }
  .hm-cascade__square { grid-column: 2; grid-row: 1; padding-top: 0; }
  .hm-leader::before { inline-size: 100%; }
  .hm-splice__text { grid-column: 1 / -1; padding-bottom: var(--space-l); }
  .hm-team__right { margin-top: var(--space-xl); }
  .hm-team .span-2 { grid-column: 1 / -1; }
  .hm-cta__head, .hm-cta__note { grid-column: 1 / -1; }
  .hm-cta__note { margin-top: var(--space-s); }
  .hm-ledger { grid-column: 1 / -1; grid-template-columns: minmax(0, 1fr); margin-top: var(--space-s); }
  .hm-ledger label, .hm-ledger .quick-ledger__foot { grid-column: 1; grid-row: auto; }
  .hm-ledger .quick-ledger__foot .btn { inline-size: auto; }
}
@media (max-width: 42.5rem) {
  .hm-cascade__a, .hm-cascade__b, .hm-team__split { grid-template-columns: minmax(0, 1fr); }
  .hm-cascade__portrait, .hm-cascade__brush, .hm-cascade__kitchen, .hm-cascade__square { grid-column: 1; grid-row: auto; }
  .hm-cascade__item { padding-bottom: var(--space-m); }
  .hm-cascade__b { margin-top: 0; }
  .hm-leader { min-height: 3rem; }
  .hm-cascade__brush .shot { aspect-ratio: 4 / 3; }
  .hm-team__right { margin-top: var(--space-l); }
  .hm-ledger .quick-ledger__foot .btn { inline-size: 100%; }
}

/* Tablet two-up: same crop on all four images and a matching top offset so the rows line up. */
@media (min-width: 42.6rem) and (max-width: 64rem) {
  .hm-cascade__item .shot { aspect-ratio: 4 / 5 !important; }
  .hm-cascade__portrait { padding-top: 1.8rem; }
}