/* Latest-video reference variant. Shared tokens, real thumbnail and existing links. */
.home-workspace .home-project-spotlight:has(.latest-project-featured) { align-self: stretch; }
.home-workspace .latest-project-featured {
  --latest-rim: color-mix(in srgb, var(--sia-teal) 65%, var(--sia-line));
  background: var(--sia-sidebar-bg) !important;
  border: 1px solid var(--latest-rim) !important;
  border-radius: 24px;
  box-shadow: inset 0 1px 0 color-mix(in srgb, var(--sia-teal) 10%, transparent), 0 0 24px color-mix(in srgb, var(--sia-teal) 7%, transparent) !important;
  container: latest-video / inline-size;
  height: 100%;
  padding: 24px;
}
.home-workspace .latest-project-featured .latest-project-head { align-items: center; border: 0; flex-wrap: nowrap; gap: 16px; padding: 0; }
.home-workspace .latest-project-featured .latest-project-icon { border-radius: 16px; flex: 0 0 56px; height: 56px; width: 56px; }
.home-workspace .latest-project-featured .latest-project-icon svg { height: 30px; width: 30px; }
.home-workspace .latest-project-featured .home-card-heading { flex: 1; min-width: 0; }
.home-workspace .latest-project-featured .latest-project-label { font-size: 14px; letter-spacing: .08em; }
.home-workspace .latest-project-featured .home-card-heading p { font-size: 15px; line-height: 1.5; margin-top: 4px; }
.home-workspace .latest-project-featured .latest-project-status {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  font-size: 13px;
  gap: 8px;
  line-height: 1.4;
  max-width: none;
  padding: 9px 12px;
  white-space: normal;
}
.home-workspace .latest-project-featured .latest-project-status::before { background: currentColor; border-radius: 50%; content: ""; flex: 0 0 7px; height: 7px; }
.home-workspace .latest-project-featured.is-completed .latest-project-status { color: var(--sia-teal-dark) !important; }
html[data-theme="dark"] .home-workspace .latest-project-featured.is-completed .latest-project-status { color: var(--sia-sidebar-accent) !important; }
.home-workspace .latest-project-featured .latest-project-media {
  aspect-ratio: 16 / 9;
  border: 1px solid var(--latest-rim);
  border-radius: 18px;
  box-shadow: 0 0 16px color-mix(in srgb, var(--sia-teal) 8%, transparent);
  flex: 0 0 auto;
  margin-top: 24px;
  max-height: none;
}
.home-workspace .latest-project-featured .latest-project-media.can-play.has-image::after {
  background: color-mix(in srgb, var(--sia-heading) 86%, transparent);
  border: 1px solid var(--sia-sidebar-accent);
  box-shadow: 0 0 0 6px color-mix(in srgb, var(--sia-teal) 8%, transparent), 0 0 24px color-mix(in srgb, var(--sia-teal) 22%, transparent);
  color: var(--sia-surface);
  font-size: 26px;
  height: 72px;
  width: 72px;
}
html[data-theme="dark"] .home-workspace .latest-project-featured .latest-project-media.can-play.has-image::after { background: color-mix(in srgb, var(--sia-teal-dark) 45%, #102a36); color: #fff; }
.home-workspace .latest-project-featured .latest-project-media:hover::after { box-shadow: 0 0 0 6px color-mix(in srgb, var(--sia-teal) 12%, transparent), 0 0 28px color-mix(in srgb, var(--sia-teal) 30%, transparent); }
.home-workspace .latest-project-featured h2 { display: block; font-size: 24px; font-weight: 800; letter-spacing: -.015em; line-height: 1.35; margin: 20px 0 10px; overflow: visible; overflow-wrap: anywhere; }
.home-workspace .latest-project-featured .latest-project-copy { font-size: 15px; line-height: 1.6; padding: 0 0 24px; }
.home-workspace .latest-project-featured .latest-project-footer { align-items: stretch; display: flex; flex-direction: column; gap: 12px; margin-top: auto; padding-top: 16px; }
.home-workspace .latest-project-featured .latest-project-date { flex: none; font-size: 12px; }
.home-workspace .latest-project-featured .latest-project-actions { align-items: stretch; display: flex; gap: 16px; justify-content: space-between; margin: 0; width: 100%; }
.home-workspace .latest-project-featured .latest-project-action { border-radius: 16px; font-size: 15px; gap: 10px; min-height: 52px; padding: 12px 20px; }
.home-workspace .latest-project-featured .latest-project-action.secondary { flex: 0 0 52px; padding: 12px; width: 52px; }
.home-workspace .latest-project-featured .latest-project-action.secondary svg { height: 24px; width: 24px; }
.home-workspace .latest-project-featured .latest-project-action.primary { background: linear-gradient(110deg, #0b7178, #0c666f) !important; border-color: var(--latest-rim) !important; color: #fff !important; max-width: calc(100% - 68px); text-align: center; white-space: normal; }
html[data-theme="dark"] .home-workspace .latest-project-featured .latest-project-action.primary { background: linear-gradient(110deg, var(--sia-teal), var(--sia-teal-dark)) !important; color: #09262e !important; }
.home-workspace .latest-project-featured:has(.can-play) .latest-project-action.primary::before { background: currentColor; clip-path: polygon(14% 0, 100% 50%, 14% 100%); content: ""; flex: 0 0 16px; height: 18px; }
.home-workspace .latest-project-featured .latest-project-action.primary::after { margin-left: 0; }
@container home-layout (max-width: 820px) {
  .home-workspace .latest-project-featured { height: auto; }
  .home-workspace .latest-project-featured .latest-project-copy { padding-bottom: 0; }
  .home-workspace .latest-project-featured .latest-project-footer { margin-top: 24px; }
}
@container latest-video (max-width: 440px) {
  .home-workspace .latest-project-featured .latest-project-head { flex-wrap: wrap; gap: 12px; }
  .home-workspace .latest-project-featured .latest-project-status { margin-left: 68px; }
  .home-workspace .latest-project-featured .latest-project-label { letter-spacing: .06em; }
  .home-workspace .latest-project-featured .home-card-heading { flex-basis: calc(100% - 68px); }
}
@container latest-video (max-width: 340px) {
  .home-workspace .latest-project-featured .latest-project-actions { flex-wrap: wrap; gap: 12px; }
  .home-workspace .latest-project-featured .latest-project-action.primary { flex: 1; max-width: none; padding: 12px; }
  .home-workspace .latest-project-featured h2 { font-size: 22px; }
  .home-workspace .latest-project-featured .latest-project-media.can-play.has-image::after { height: 56px; width: 56px; }
}
@media (max-width: 600px) {
  .home-workspace .latest-project-featured { border-radius: 22px; padding: 16px; }
}