/* Page-specific theme for the Umami case file.
   Only overrides the CSS custom properties defined on .project-page
   in the shared /style.css, plus link + hero-video treatment specific
   to this page. */

.project-page[data-theme="umami"] {
  --proj-accent: #C1592E;      /* salmon-orange, sampled from the fish in animations.png */
  --proj-accent-2: #3E5C3A;    /* nori green */
  --proj-accent-soft: #F5EDE1; /* rice cream */
  --proj-ink: #2B2420;         /* near-black ink, matches the sketch line art */
}

.project-page[data-theme="umami"] .project-main a {
  color: var(--proj-accent);
  text-decoration: underline;
  text-underline-offset: 2px;
}

.project-page[data-theme="umami"] .project-main a:hover {
  color: var(--proj-ink);
}

/* The hero figure normally frames a photo; here it frames the pitch
   video itself, so it needs the same fill rule .project-hero-figure
   already gives img. */
.project-page[data-theme="umami"] .project-hero-figure video {
  display: block;
  width: 100%;
  flex: 1 1 auto;
  min-height: 0;
  object-fit: cover;
}

/* ---- Stat chips: the three concept values in Overview, and the
   award/placement in Reflection, pulled out of the paragraph so they
   register at a glance. Same component as bird.css's — page-specific
   since it isn't in the shared stylesheet. ---- */
.stat-row {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  margin: 22px 0 28px;
}

.stat-chip {
  flex: 1 1 160px;
  padding: 18px 20px;
  background: var(--proj-accent-soft);
  border: 1.5px solid var(--proj-ink);
  border-radius: 4px 14px 3px 12px / 12px 3px 14px 4px;
  box-shadow: 5px 5px 0px var(--proj-accent-2);
}

.stat-chip .stat-number {
  display: block;
  font-family: "Just Me Again Down Here", cursive;
  font-weight: 400;
  font-size: 2em;
  line-height: 1.1;
  color: var(--proj-accent);
}

.stat-chip .stat-label {
  display: block;
  margin-top: 6px;
  font-family: "Courier New", Courier, monospace;
  font-size: 0.76rem;
  letter-spacing: 0.03em;
  color: var(--proj-ink);
  opacity: 0.75;
  line-height: 1.35;
}

/* ---- Reflection pull-quote: plain text, not the boxed/bordered
   .project-pullquote treatment — just Aubrey set in the theme's main
   accent color. ---- */
.project-page[data-theme="umami"] .quote-line {
  max-width: min(100%, 680px);
  margin: 20px 0;
  font-family: "Aubrey", serif;
  font-size: 1.4em;
  line-height: 1.3;
  color: var(--proj-accent);
}