/* Variant used by cypher-project-education.html.
   Differs from project-default.css: `.project-hero-img` has border-radius and
   margin-bottom, `.detail-meta-grid` has gap: 0, and an empty `.detail-meta-item`
   rule is present in the mock. */
.project-hero-img { width: 100%; aspect-ratio: 16/7; object-fit: cover; display: block; background: var(--bg-soft); border-radius: var(--radius); margin-bottom: 0; }
.detail-meta-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 0; border-top: 1px solid var(--border); padding-top: 32px; margin-top: 8px; }
.detail-meta-item { }