.prod-hero { padding: var(--space-9) 0 var(--space-10); background: linear-gradient(135deg, var(--brand-cream) 0%, var(--tint-sage-lt) 100%); }
  .prod-hero__grid { display: grid; grid-template-columns: 1.1fr 1fr; gap: var(--space-9); align-items: center; }
  .prod-hero h1 { font-family: var(--font-serif); font-weight: 500; font-size: clamp(2.6rem, 4.6vw, 4rem); line-height: 1.02; letter-spacing: -0.025em; margin: var(--space-4) 0 var(--space-5); }
  .prod-hero h1 em { font-style: italic; color: var(--accent-sage-ink); font-weight: 500; }
  .prod-hero__visual { background: var(--surface); border-radius: var(--radius-2xl); padding: var(--space-7); box-shadow: var(--shadow-lg); aspect-ratio: 4/5; display: flex; align-items: center; justify-content: center; border: 1px solid var(--border); }
  .prod-cap { display: grid; grid-template-columns: 1fr 1fr; gap: var(--space-9); padding: var(--space-9) 0; align-items: center; border-top: 1px solid var(--border); }
  .prod-cap.reverse > div:first-child { order: 2; }
  .prod-cap h3 { font-family: var(--font-serif); font-weight: 500; font-size: 2rem; line-height: 1.1; letter-spacing: -0.015em; margin: var(--space-3) 0 var(--space-4); }
  .prod-cap p { font-size: 1.0625rem; color: var(--fg-2); line-height: 1.6; }
  .prod-cap__v { background: var(--surface); border-radius: var(--radius-xl); padding: var(--space-6); border: 1px solid var(--border); }