.ml-hero { text-align: center; padding: var(--space-3xl) var(--space-md) var(--space-xl); border-bottom: 1px solid var(--color-border); }
    .ml-hero__eyebrow { font-family: var(--font-sans); font-size: var(--text-xs); letter-spacing: var(--tracking-widest); text-transform: uppercase; color: var(--color-text-muted); }
    .ml-hero__title { font-family: var(--font-serif); font-size: var(--text-3xl); font-weight: 300; margin: var(--space-md) 0 var(--space-sm); line-height: var(--leading-tight); }
    .ml-hero__lede { max-width: 640px; margin: 0 auto; color: var(--color-text-muted); line-height: var(--leading-normal); }
    .ml-container { max-width: var(--container-wide); margin: 0 auto; padding: var(--space-2xl) var(--space-lg) var(--space-5xl); }
    .ml-category { margin-top: var(--space-3xl); }
    .ml-category:first-child { margin-top: 0; }
    .ml-category__heading { font-family: var(--font-sans); font-size: var(--text-sm); letter-spacing: var(--tracking-wide); text-transform: uppercase; color: var(--color-text-muted); margin-bottom: var(--space-lg); padding-bottom: var(--space-sm); border-bottom: 1px solid var(--color-border); }
    .ml-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: var(--space-lg); }
    .ml-card { display: block; padding: var(--space-lg); border: 1px solid var(--color-border); text-decoration: none; color: var(--color-text); transition: border-color .15s, transform .15s, box-shadow .15s; background: var(--color-bg); }
    .ml-card:hover { border-color: var(--color-text); transform: translateY(-2px); box-shadow: 0 4px 16px rgba(0, 0, 0, 0.06); }
    .ml-card__model { font-family: var(--font-sans); font-size: var(--text-lg); font-weight: 500; margin-bottom: var(--space-xs); letter-spacing: -0.01em; }
    .ml-card__role { font-size: var(--text-sm); color: var(--color-text-muted); line-height: var(--leading-snug); margin-bottom: var(--space-md); }
    .ml-card__meta { display: flex; gap: var(--space-md); font-size: var(--text-xs); color: var(--color-text-muted); padding-top: var(--space-sm); border-top: 1px dashed var(--color-border); }
    .ml-card__meta span::before { content: "· "; color: var(--color-border-dark); }
    .ml-card__meta span:first-child::before { content: ""; }
    .ml-note { max-width: 640px; margin: var(--space-3xl) auto 0; padding: var(--space-lg); background: var(--color-bg-warm); border-left: 3px solid var(--color-text); font-size: var(--text-sm); line-height: var(--leading-normal); color: var(--color-text); }

    @media (max-width: 768px) {
      .ml-hero__title { font-size: var(--text-2xl); }
      .ml-grid { grid-template-columns: 1fr; gap: var(--space-md); }
    }