.lpb-band { background: var(--cream); color: var(--ink); padding: var(--s6) 0; }
.lpb-inner { display: grid; grid-template-columns: 5.5rem minmax(0, 1fr); gap: var(--s4); align-items: center; }
.lpb-media { margin: 0; background: var(--white); border: 1px solid var(--rule); border-radius: var(--radius); padding: var(--s1); }
.lpb-media img { display: block; width: 100%; height: auto; }
.lpb-copy .eyebrow { color: var(--gold-deep); margin-bottom: var(--s1); }
.lpb-copy h2 { margin: 0 0 var(--s2); font-size: 1.5rem; line-height: 1.15; }
.lpb-line { margin: 0 0 var(--s3); max-width: 34rem; color: var(--muted-ink); font-size: var(--fs-0); line-height: 1.45; }
.lpb-min { margin: 0 0 var(--s3); font-weight: 700; font-size: var(--fs-1); line-height: 1.25; }
.lpb-min strong { color: var(--gold-deep); }
.lpb-cta { margin: 0; }
.lpb-cta .btn { display: inline-flex; }
.lpb-cta .btn:focus-visible { outline: 3px solid var(--focus); outline-offset: 3px; }
@media (min-width: 48rem) {
  .lpb-band { padding: var(--s7) 0; }
  .lpb-inner { grid-template-columns: 7.5rem minmax(0, 1fr); gap: var(--s7); max-width: 60rem; }
  .lpb-media { padding: var(--s2); }
  .lpb-copy h2 { font-size: var(--fs-h2); }
  .lpb-line { font-size: var(--fs-1); }
  .lpb-min { font-size: var(--fs-2); margin-bottom: var(--s4); }
}


.lpd-band.lpd-page { padding: var(--s5) 0 var(--s7); }
.lpd-page h1 { margin: 0 0 var(--s3); }
.lpd-page .breadcrumb { margin-bottom: var(--s4); }
.lpd-page .lpd-canvas-box { height: clamp(20rem, 68vh, 44rem); }