/* Shared category headings; deliberately excludes Home and project detail headings. */
.portfolio-category-page { --category-heading-size: 64px; }
.portfolio-category-page .gallery-page-head { margin-bottom: 44px; }
.portfolio-category-page .gallery-page-head h1,
.portfolio-category-page .game-project-title h1 {
  max-width: none;
  color: #f34c7a;
  margin: 0;
  font-size: var(--category-heading-size);
  font-weight: 700;
  letter-spacing: -.035em;
  line-height: 1.05;
  text-align: left;
}
.portfolio-category-page.game-project-page .game-project-description {
  min-height: 0;
  display: block;
  padding: clamp(32px, 4vw, 58px) clamp(20px, 4vw, 64px) 44px;
  gap: 32px;
}
.portfolio-category-page .category-intro-copy { min-width: 0; }
.portfolio-category-page .category-intro-copy .game-project-subtitle { min-height: 0; margin: 0 0 12px; font-size: 16px; }
.portfolio-category-page .category-intro-copy .game-project-subtitle:empty { display: none; }
.portfolio-category-page .category-intro-copy .game-project-copy { font-size: 16px; font-weight: 400; line-height: 1.6; }
.portfolio-category-page.game-project-page .game-project-description + .victoria-media-stack { padding-top: 0; }
@media (max-width: 1100px) { .portfolio-category-page { --category-heading-size: 48px; } }
@media (max-width: 760px) {
  .portfolio-category-page.game-project-page .game-project-description { display: flex; flex-direction: column; align-items: stretch; gap: 28px; padding-inline: 12px; }
}
@media (max-width: 600px) { .portfolio-category-page { --category-heading-size: 36px; } }

/* Tech videos retain their existing 980px width; align the header to that edge. */
.portfolio-category-page[data-project-slug="new-page-01"] .game-project-description { width: calc(100% - 40px); max-width: 980px; margin-inline: auto; padding-inline: 0; }
@media (max-width: 760px) { .portfolio-category-page[data-project-slug="new-page-01"] .game-project-description { width: calc(100% - 24px); } }

/* Tech now has a title-only introduction. */
.portfolio-category-page[data-project-slug="new-page-01"] .game-project-description { display: block; }
@media (max-width: 760px) { .portfolio-category-page[data-project-slug="new-page-01"] .game-project-description { align-items: stretch; } }
