/* Homepage only — compact spacing, justified bio, no extra gaps */

body.portfolio-home {
  white-space: normal;
  margin: 1.25rem auto !important;
  padding: 0 1.25rem 2rem;
}

body.portfolio-home .page-body {
  white-space: normal;
}

body.portfolio-home .page-title {
  margin-bottom: 0.5rem;
}

body.portfolio-home .page-body p:empty {
  display: none;
  margin: 0;
  padding: 0;
  height: 0;
}

body.portfolio-home hr {
  margin: 0.5rem 0;
}

body.portfolio-home h2 {
  margin: 0.75rem 0 0.35rem;
}

body.portfolio-home h3 {
  margin: 0.5rem 0 0.2rem;
}

body.portfolio-home .page-body p {
  margin: 0.35rem 0;
  white-space: normal;
}

/* Body copy (black text) — full-width + justify both edges */
body.portfolio-home .page-body p:not(:empty) {
  display: block;
  width: 100%;
  max-width: 100%;
  text-align: justify;
  text-justify: inter-word;
  -webkit-hyphens: auto;
  hyphens: auto;
}

/* Keep sidebar greeting & project card titles left-aligned */
body.portfolio-home #2227bb89-0c64-8105-858d-eae0b951247c p,
body.portfolio-home .project-card p {
  text-align: left;
  hyphens: manual;
}

body.portfolio-home .column-list {
  gap: 1.25rem !important;
}

body.portfolio-home .column {
  min-width: 0;
}

body.portfolio-home .callout {
  padding: 0.65rem 0.85rem;
  margin: 0;
}

body.portfolio-home #2227bb89-0c64-814f-b47d-ea6ef77f8e3f.column-list {
  gap: 0.75rem !important;
  margin-bottom: 0.25rem;
}

body.portfolio-home .collection-content {
  margin: 0.5rem 0 0;
}

/* Featured Work / Interesting Things — match Get in touch (h2 + highlight-teal) */
body.portfolio-home .collection-content .collection-title {
  display: block;
  font-size: 1.5rem;
  font-weight: 600;
  letter-spacing: -0.01em;
  line-height: 1.2;
  color: rgba(80, 148, 110, 1);
  margin: 0.75rem 0 0.35rem;
}

body.portfolio-home .project-gallery {
  gap: 0.85rem;
  margin: 0.35rem 0 1rem;
}

body.portfolio-home .project-card-body {
  padding: 0.55rem 0.75rem 0.7rem;
}

body.portfolio-home .project-card-title {
  margin: 0 0 0.35rem;
}

body.portfolio-home .project-card .tags {
  gap: 0.25rem;
}

body.portfolio-home .project-card .selected-value {
  margin: 0;
  padding: 0.1em 0.45em;
  font-size: 0.8125rem;
}

body.portfolio-home .project-card .tags {
  display: flex;
  flex-wrap: wrap;
  line-height: 1.3;
  white-space: normal;
}

/* Passion thumbnail — upper portion of portrait */
body.portfolio-home .project-card-cover.passion-thumbnail-top {
  object-position: top center !important;
  object-fit: cover !important;
}