@scope (.design-whole-home) {
    .hero { min-height: 0; }
    .hero-media img { filter: brightness(.92); }
    .load-priority { padding: 38px 0; background: var(--dark); }
    .load-priority-grid { display: grid; grid-template-columns: .7fr 1.3fr; gap: 28px; align-items: center; }
    .load-priority-copy { color: var(--white); }
    .load-priority-copy strong { display: block; margin-bottom: 8px; font-size: 1.3rem; }
    .load-priority-copy span { color: rgba(255,255,255,.66); font-size: .78rem; }
    .load-bands { display: grid; grid-template-columns: repeat(3,1fr); gap: 10px; }
    .load-band { padding: 20px; border-radius: 14px; color: var(--ink); background: var(--white); }
    .load-band strong, .load-band span { display: block; }
    .load-band strong { margin-bottom: 7px; color: var(--green); font-size: .78rem; }
    .load-band span { color: var(--muted); font-size: .73rem; }
    .load-band:nth-child(2) { background: #eaf3ee; }
    .load-band:nth-child(3) { color: var(--dark); background: var(--lime); }
    .load-band:nth-child(2) span,
    .load-band:nth-child(3) span { color: var(--dark); }
    .icon-grid { grid-template-columns: repeat(3,1fr); }
    @media(max-width:700px){.load-priority-grid,.load-bands,.icon-grid{grid-template-columns:1fr}}
  }