/* ==========================================================================
   ProjectHero, StorySection, ProjectMetadata, QuoteBlock, RelatedProjects
   07 §11.3, §11.10, §11.11, §11.12, §11.24
   ========================================================================== */

/* --- ProjectHero ------------------------------------------------------- */

/* Fixed 2026-08-04 (point 1, pre-launch pass) — still had the old
   pre-scale --section-standard token, never migrated when
   --space-section-* was built for Home/Casa Familiar/Contacto.
   --space-section-generous matches every other page hero
   (.page-hero, .service-hero, .home-hero). */
.project-hero {
  padding-block: var(--space-section-generous);
}

.project-hero__media img {
  width: 100%;
}

/* --- StorySection -------------------------------------------------------
   Narrative-only today (no project section carries media), kept intentionally
   simple rather than building an image/mediaPosition layout with nothing yet
   to exercise it against.

   Fixed 2026-08-04 (point 1, pre-launch pass) — this used to reset every <p>
   margin to 0, which was redundant with the global reset (reset.css already
   zeroes <p> margin) but had just enough specificity (.story-section__body p
   vs .flow > * + *) to silently cancel .story-section__body's own .flow
   class, which exists specifically to put real margin-top between
   consecutive paragraphs (layout.css). Removing this rule lets .flow do the
   job it was already built for — no new CSS needed, this was purely a
   dead/conflicting rule left over from before .flow was added here. */

/* --- ProjectMetadata ------------------------------------------------------
   <dl> laid out as label/value pairs, not a table (07 §11.11 rule). */

.project-metadata__list {
  margin: 0;
  display: grid;
  gap: var(--space-4) var(--space-6);
  grid-template-columns: 1fr;
}

@media (min-width: 36rem) {
  .project-metadata__list {
    grid-template-columns: repeat(2, 1fr);
  }
}

.project-metadata__row {
  padding-bottom: var(--space-3);
  border-bottom: 1px solid var(--border-subtle);
}

.project-metadata__row dt {
  margin: 0 0 var(--space-1);
}

.project-metadata__row dd {
  margin: 0;
  font-family: var(--font-display);
  font-size: var(--text-md);
  color: var(--text-strong);
}

/* --- QuoteBlock ------------------------------------------------------- */

.quote-block {
  margin: 0;
  padding: 0;
  max-width: var(--measure-emphasis);
}

.quote-block--editorial {
  font-style: italic;
}

/* Quotation marks, added 2026-08-04 — scoped to the default variant only:
   this is always a customer review fragment (acu_featured_project()'s
   Historia real quote). The --editorial variant is the artist's own
   closing reflection on the piece, not a quote from someone else, so it
   stays without quote marks — italics alone is its existing convention. */
.quote-block:not(.quote-block--editorial) p::before {
  content: "«";
}

.quote-block:not(.quote-block--editorial) p::after {
  content: "»";
}

.quote-block__footer {
  margin-top: var(--space-4);
}

.quote-block__footer cite {
  font-style: normal;
  font-family: var(--font-body);
  font-size: var(--text-sm);
  color: var(--text-muted);
}

/* --- RelatedProjects ---------------------------------------------------- */

.related-projects {
  border-top: 1px solid var(--border-subtle);
}