@media (min-width: 761px) {
  .project-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .project.featured { grid-column: 1 / -1; grid-row: auto; min-height: 420px; }
  .project:not(.featured) { min-height: 360px; }
  .featured-details { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(280px, .9fr); gap: 80px; }
  .featured .project-points { margin: 0; padding: 5px 0 0 30px; border-left: 1px solid rgba(255,250,203,.3); }
}

@media (max-width: 760px) {
  .featured-details { display: block; }
}