/* V3.18 — natural-format cards and category-local portrait ordering */
/* The normal browser scroll bar and all other V3.17 styling remain unchanged. */
.project-card.is-narrow-source .project-image { background:#1c2428; }
.project-card.is-narrow-source .project-media { background:#1b2227; }
.project-card.is-narrow-source .project-background {
  position:absolute; inset:-16%; width:132%; height:132%;
  z-index:0; object-fit:cover; filter:blur(30px) brightness(.68) saturate(.92);
  opacity:1; display:block; pointer-events:none;
}
.project-card.is-narrow-source .project-preview,
.project-card.is-narrow-source .project-poster {
  z-index:2; object-fit:contain!important; background:transparent!important;
}
.project-card.is-portrait-source .project-preview,
.project-card.is-portrait-source .project-poster { width:100%; height:100%; max-width:100%; }
/* Use the same still for a blurred backdrop when a separately hosted poster is available. */
.project-card.is-narrow-source.has-poster .project-media:before {
  content:""; position:absolute; inset:-18%; z-index:0;
  background-image:var(--project-poster-url,none);
  background-size:cover; background-position:center;
  filter:blur(32px) brightness(.62);
}