/* Home only: preserve the reference's 3 + 2 + 1 + 1 composition. */
#home .composition {
  grid-template-columns: repeat(7, minmax(0, 1fr));
  grid-template-rows: minmax(0, 1fr);
  align-content: normal;
  align-items: center;
  padding-block: var(--gap);
}
#home .preview-column { grid-column: 1 / span 3; grid-row: 1; }
#home .project-copy { grid-column: 4 / span 2; grid-row: 1; }
#home .roles { grid-column: 6; grid-row: 1; }
#home .spacer { grid-column: 7; grid-row: 1; }
#home .preview {
  flex: 0 1 auto;
  width: min(39.2vw, 80.7svh);
  max-width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
  margin-left: auto;
}
#home .project-copy, #home .roles, #home .rail {
  height: min(var(--height), 41svh);
}
@media (max-width:639px) {
  #home .composition { column-gap: 10px; padding-inline: 10px; }
  #home .preview-column { gap: 6px; }
  #home .project-copy { grid-column: 4 / span 3; height: min(140px, 34svh); }
  #home .roles { grid-column: 7; font-size: 8px; height: min(140px, 34svh); }
  #home .rail { height: min(100px, 24svh); }
  #home .project-title #title { font-size: clamp(18px, 4.4vw,28px); }
  #home .metadata, #home .project-bottom { font-size: 9px; }
}

/* Remove the marked homepage copy while retaining its exact layout footprint. */
#home .metadata,
#home #roles,
#home .home-footer > p,
#home #motion { visibility: hidden !important; pointer-events: none; }

#home #preview, #home #project-open { cursor: default; }
#home #preview video { pointer-events: none; }

/* The second and third cover previews are links to their corresponding pages. */
#home .preview-link{position:absolute;inset:0;z-index:5;display:block;cursor:pointer}#home .preview-link:focus-visible{outline:2px solid white;outline-offset:-5px}