/* One border per project; transparent marks share a compact heading band. */
#main-content .about-projects-widget { border: 0; padding: 0; background: transparent; box-shadow: none; }
#main-content .about-project-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }
#main-content .about-projects-widget .about-project-list > article.project-card {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 1.5rem;
  border: 1px solid var(--border);
  border-radius: 0.75rem;
  min-width: 0;
}
#main-content .project-card-header { display: grid; grid-template-columns: 7.5rem minmax(0, 1fr); align-items: center; gap: 1rem; min-height: 5rem; }
#main-content .project-brand {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 7.5rem;
  height: 5rem;
  min-width: 0;
  padding: 0;
  background: transparent;
  border: 0;
  box-shadow: none;
}
#main-content .project-brand-powershell img { display: block; flex: none; width: 6rem; height: auto; }
#main-content .project-heading { min-width: 0; }
#main-content .project-card .project-heading h2 { margin: 0.375rem 0 0; font-size: 1.125rem; line-height: 1.3; overflow-wrap: anywhere; }
#main-content .project-card .project-status { font-size: 0.6875rem; line-height: 1.4; letter-spacing: 0.04em; text-transform: uppercase; }
#main-content .project-copy { display: flex; flex-direction: column; flex: 1; min-width: 0; padding: 0; gap: 1rem; }
#main-content .project-copy > p { margin: 0; }
#main-content .project-copy .tag-list { display: flex; flex-wrap: wrap; gap: 0.375rem 0.625rem; margin: 0; }
#main-content .project-copy a { display: inline-flex; align-items: center; min-height: 2.75rem; margin-top: auto; align-self: flex-start; }
#main-content .project-copy .project-availability { display: flex; align-items: center; min-height: 2.75rem; margin-top: auto; font-size: 0.875rem; }
#main-content .about-project-list .project-card .trend-lockup { display: block; width: 7rem; aspect-ratio: 32 / 11; }
#main-content .trend-lockup img { display: block; width: 100%; height: auto; }
#main-content .trend-lockup .trend-logo-white { display: none; }
html[data-theme="dark"] #main-content .trend-lockup .trend-logo-black { display: none; }
html[data-theme="dark"] #main-content .trend-lockup .trend-logo-white { display: block; }
@media (prefers-color-scheme: dark) {
  html:not([data-theme]) #main-content .trend-lockup .trend-logo-black { display: none; }
  html:not([data-theme]) #main-content .trend-lockup .trend-logo-white { display: block; }
}
@container portfolio-card (max-width: 760px) {
  #main-content .about-project-list { grid-template-columns: minmax(0, 1fr); }
}
@container portfolio-card (max-width: 600px) {
  #main-content .about-projects-widget .about-project-list > article.project-card { padding: 1.25rem; }
  #main-content .project-card-header { grid-template-columns: 6.5rem minmax(0, 1fr); gap: 0.75rem; }
  #main-content .project-brand { width: 6.5rem; }
  #main-content .project-brand-powershell img { width: 5.5rem; }
  #main-content .about-project-list .project-card .trend-lockup { width: 6.25rem; }
  #main-content .project-card .project-heading h2 { font-size: 1rem; }
}