/* Why choose Hi Low — prefix wc- */
.wc-hero { position: relative; padding: clamp(48px, 8vh, 96px) 0 var(--hl-space-6); overflow: hidden; }
.wc-hero::before { content: ""; position: absolute; right: -140px; top: -170px; width: 440px; height: 440px; border: 42px solid rgba(227,30,47,.14); border-radius: 50%; }
.wc-hero-inner { position: relative; }
.wc-hero .hl-breadcrumb, .wc-hero .eyebrow { color: var(--hl-white); }
.wc-hero-grid { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: 24px clamp(32px, 6vw, 96px); align-items: end; }
.wc-hero h1 { color: var(--hl-white); }
.wc-hero-lede { font-size: var(--hl-fs-lead); line-height: 1.62; color: rgba(255,255,255,.84); margin-bottom: 26px; }
.wc-jump { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); margin-top: var(--hl-space-6); border-top: 1px solid var(--hl-border-dark); }
.wc-jump a { display: flex; align-items: baseline; gap: 14px; padding: 22px 20px 4px 0; color: var(--hl-white); font-family: var(--hl-font-display); font-size: var(--hl-fs-h4); font-weight: 600; letter-spacing: -.02em; transition: color .2s ease; }
.wc-jump a span { color: var(--hl-red-on-dark); font-family: var(--hl-font-body); font-size: var(--hl-fs-eyebrow); font-weight: 700; letter-spacing: .12em; }
.wc-jump a:hover { color: var(--hl-red-on-dark); }

.wc-cat-head { display: grid; grid-template-columns: minmax(0, 6fr) minmax(0, 6fr); gap: 14px clamp(32px, 6vw, 96px); align-items: end; margin-bottom: var(--hl-space-5); }
.wc-cat-k { grid-column: 1 / -1; display: flex; gap: 14px; font-size: var(--hl-fs-eyebrow); font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--hl-red); }
.wc-cat-k span + span { color: var(--hl-text-muted); }
.wc-cat-head .lede { font-size: var(--hl-fs-body); }
.wc-grid { display: grid; gap: 40px 28px; }
.wc-grid--4 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.wc-grid--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.wc-card-n { margin-top: 20px; font-size: var(--hl-fs-eyebrow); font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--hl-red); }
.wc-card h3 { margin: 6px 0 8px; font-size: var(--hl-fs-h4); }
.wc-card-quote { color: var(--hl-navy); font-weight: 600; margin-bottom: 6px; }
.wc-card p:last-child { color: var(--hl-text-muted); font-size: var(--hl-fs-sm); }

@media (max-width: 1000px) { .wc-grid--3 { grid-template-columns: 1fr 1fr; } }
@media (max-width: 860px) {
  .wc-hero-grid, .wc-cat-head { grid-template-columns: 1fr; }
  .wc-jump { grid-template-columns: 1fr; }
  .wc-jump a { padding: 16px 0; border-bottom: 1px solid var(--hl-border-dark); }
}
@media (max-width: 600px) { .wc-grid--3, .wc-grid--4 { grid-template-columns: 1fr; gap: 32px; } }