/* Headings and decorative geometry change, while content grids and spacing stay shared. */
.themed-project .project-title,
.themed-project .project-section h2 {
  font-family: var(--project-display, 'DM Sans'), sans-serif;
  font-weight: var(--project-weight, 700);
  letter-spacing: var(--project-tracking, -.025em);
}
.theme-brookings { --project-display: 'Special Elite'; --project-weight: 400; --project-tracking: -.035em; }
.theme-handspell { --project-display: 'Cinzel'; --project-weight: 600; --project-tracking: -.045em; }
.theme-meteocraft { --project-display: 'Nunito'; --project-weight: 800; }
.theme-starwars { --project-display: 'Chakra Petch'; --project-tracking: -.035em; }
.theme-consume { --project-display: 'VT323'; --project-weight: 400; --project-tracking: 0; }
.theme-flying-home,
.theme-flying-machine { --project-display: 'Pixelify Sans'; --project-weight: 600; --project-tracking: -.035em; }
.theme-perfect-loop { --project-display: 'Patrick Hand'; --project-weight: 400; --project-tracking: -.015em; }
.theme-pixar { --project-display: 'Libre Baskerville'; --project-tracking: -.05em; }
.theme-cyberpunk { --project-display: 'Rajdhani'; --project-tracking: .005em; }
.theme-pending { --project-display: 'Arial Black', Arial; --project-tracking: -.025em; }
.theme-pending .project-section h2 { font-family: Tahoma, Arial, sans-serif; font-weight: 600; letter-spacing: -.025em; }
.theme-pending .project-title,
.theme-cyberpunk .project-title { text-transform: uppercase; }

/* Each motif uses the existing heading-art rectangle. */
.theme-brookings .project-mark {
  border-radius: 0;
  background: repeating-linear-gradient(90deg, transparent 0 22%, var(--paper) 22% 25%),
    linear-gradient(0deg, var(--green) 0 20%, var(--yellow) 20% 22%, var(--green) 22% 75%, var(--stripe) 75% 77%, var(--green) 77%);
  box-shadow: inset 0 0 0 1px var(--line);
}
.theme-brookings .project-meta { border-radius: 0; box-shadow: inset 0 0 0 1px var(--line); }
.theme-handspell .project-mark {
  border-radius: 50% 50% 8px 8px;
  background: radial-gradient(circle at 50% 57%, transparent 0 23%, var(--yellow) 23.5% 24%, transparent 24.5% 34%, var(--yellow) 34.5% 35%, transparent 35.5%),
    linear-gradient(90deg, var(--green) 49.5%, var(--yellow) 49.5% 50%, var(--green) 50%);
  box-shadow: inset 0 0 0 1px var(--yellow);
}
.theme-handspell .project-meta { border-top-right-radius: 4rem; box-shadow: inset 0 0 0 1px var(--line); }
.theme-meteocraft .project-mark {
  border-radius: 2.5rem;
  background: radial-gradient(circle at 77% 27%, var(--yellow) 0 13%, transparent 13.5%),
    radial-gradient(ellipse at 18% 105%, var(--paper) 0 32%, transparent 32.5%),
    radial-gradient(ellipse at 48% 99%, var(--paper) 0 35%, transparent 35.5%),
    radial-gradient(ellipse at 88% 113%, var(--paper) 0 33%, transparent 33.5%), var(--green);
}
.theme-meteocraft .project-meta { border-radius: 1.5rem; }
.theme-starwars .project-mark,
.theme-cyberpunk .project-mark { border-radius: 0; clip-path: polygon(0 0, 86% 0, 100% 20%, 100% 100%, 14% 100%, 0 80%); }
.theme-starwars .project-mark {
  background: repeating-linear-gradient(0deg, transparent 0 20%, var(--paper) 20% 22%),
    linear-gradient(105deg, var(--green) 0 61%, var(--stripe) 61% 65%, var(--green) 65% 73%, var(--yellow) 73% 76%, var(--green) 76%);
}
.theme-starwars .project-meta { border-radius: 0 1.5rem 0 0; box-shadow: inset 3px 0 0 var(--stripe); }
.theme-consume .project-mark {
  border-radius: 0;
  clip-path: polygon(0 12%, 12% 12%, 12% 0, 88% 0, 88% 12%, 100% 12%, 100% 88%, 88% 88%, 88% 100%, 12% 100%, 12% 88%, 0 88%);
  background: radial-gradient(ellipse at 23% 78%, var(--paper) 0 17%, transparent 17.5%),
    radial-gradient(ellipse at 85% 15%, var(--paper) 0 28%, transparent 28.5%), var(--green);
}
.theme-consume .project-meta { border-radius: 0; box-shadow: 4px 4px 0 var(--surface); }
.theme-flying-home .project-mark,
.theme-flying-machine .project-mark {
  border-radius: 0;
  clip-path: polygon(0 18%, 12% 18%, 12% 8%, 24% 8%, 24% 0, 85% 0, 85% 10%, 94% 10%, 94% 22%, 100% 22%, 100% 100%, 0 100%);
}
.theme-flying-home .project-mark {
  background: linear-gradient(90deg, var(--green) 0 18%, transparent 18% 23%, var(--green) 23% 38%, transparent 38% 44%, var(--green) 44% 72%, transparent 72% 79%, var(--green) 79%) bottom / 100% 45% no-repeat,
    linear-gradient(var(--surface) 0 48%, var(--stripe) 48% 68%, var(--rust) 68%);
}
.theme-flying-home .project-meta,
.theme-flying-machine .project-meta { border-radius: 0; box-shadow: 4px 4px 0 var(--surface); }
.theme-perfect-loop .project-mark {
  border-radius: 50%;
  background: radial-gradient(ellipse, var(--paper) 0 24%, var(--green) 24.5% 34%, var(--yellow) 34.5% 38%, var(--green) 38.5% 52%, transparent 52.5%);
}
.theme-perfect-loop .project-meta { border-radius: 2rem .5rem 2rem .5rem; }
.theme-pixar .project-mark {
  border-radius: 50% 50% 0 0;
  background: conic-gradient(from 157deg at 50% 15%, var(--paper) 0 46deg, transparent 46deg), var(--green);
  box-shadow: inset 0 -6px 0 var(--stripe);
}
.theme-pixar .project-meta { border-radius: 1.5rem 1.5rem 0 0; }
.theme-cyberpunk .project-mark {
  background: repeating-linear-gradient(120deg, transparent 0 10px, var(--paper) 10px 14px) right / 18% 100% no-repeat,
    linear-gradient(120deg, var(--yellow) 0 56%, var(--paper) 56% 61%, var(--stripe) 61% 70%, var(--green) 70%);
}
.theme-cyberpunk .project-meta { border-radius: 0 1.5rem 0 0; box-shadow: inset 3px 0 0 var(--stripe); }
.theme-cyberpunk .portfolio-logo-disc { filter: brightness(0) invert(.92); }
.theme-pending .portfolio-logo-disc { filter: none; }

/* Classic Desktop palette, with the existing Windows-style frames retained. */
.pending-project {
  --paper: #c8cbc8; --ink: #202b38; --muted: #435261;
  --green: #164b9d; --rust: #174c9b; --yellow: #8c989c;
  --on-green: #f3f5e9; --line: #8c989c; --panel: #eceee8;
  --surface: #eceee8; --stripe: #45b966; --active-color: #174c9b;
  background: var(--paper);
}
.pending-project .project-film,
.pending-project .project-meta,
.pending-project .project-section { box-shadow: 3px 3px 0 #0003; }
.pending-project .project-mark {
  border-radius: 0; background: var(--panel); box-shadow: 3px 3px 0 #0003;
}
.pending-project .project-mark::after { color: var(--rust); }
.pending-project .core-loop { background: var(--surface); }
.pending-project .section-number { color: var(--on-green); }