/* Archivio Memoriale: portfolio and navigation, using the active VxD theme. */
.vxd-project-archivio {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: minmax(0, 1.8fr) minmax(230px, .8fr);
  gap: 0 32px;
  min-height: 0;
  scroll-margin-top: 110px;
}
.vxd-project-archivio > :not(.vxd-project-roadmap) { grid-column: 1; }
.vxd-project-archivio .vxd-project-mark svg { width: 30px; height: 30px; }
.vxd-project-archivio h3 { font-size: clamp(26px, 3vw, 36px); }
.vxd-project-archivio .vxd-project-open { justify-self: start; }
.vxd-project-roadmap {
  position: relative;
  z-index: 2;
  grid-column: 2;
  grid-row: 1 / span 5;
  padding: 24px;
  border: 1px solid color-mix(in srgb, var(--vxd-primary) 24%, var(--vxd-popup-border));
  border-radius: 16px;
  background: color-mix(in srgb, var(--vxd-primary) 6%, var(--vxd-popup-bg));
  align-self: stretch;
}
.vxd-project-roadmap-status {
  display: inline-block;
  padding: 5px 9px;
  border: 1px solid color-mix(in srgb, var(--vxd-primary) 30%, transparent);
  border-radius: 999px;
  color: var(--vxd-primary);
  font-size: 11px;
  font-weight: 800;
}
.vxd-project-roadmap h4 { margin: 16px 0 10px; font-size: 22px; line-height: 1.2; color: var(--vxd-fg); }
.vxd-project-roadmap p { margin: 0; line-height: 1.6; color: var(--vxd-fg); opacity: .8; }
.vxd-dropdown-menu.vxd-project-menu {
  width: min(350px, calc(100vw - 32px)) !important;
  min-width: 0 !important;
  max-height: calc(100dvh - 110px);
  overflow-y: auto;
}
.vxd-project-menu > .vxd-project-menu-item,
.vxd-mobile-submenu .vxd-project-menu-item {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  padding: 12px 14px !important;
  text-align: left !important;
  white-space: normal;
}
.vxd-project-menu-item > .vxd-project-menu-title {
  font-size: 14px !important;
  font-weight: 750 !important;
  line-height: 1.3 !important;
  text-align: left !important;
}
.vxd-project-menu-item > .vxd-project-menu-desc {
  display: block;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 12px !important;
  font-weight: 400 !important;
  line-height: 1.45 !important;
  letter-spacing: normal !important;
  text-transform: none !important;
  text-align: left !important;
  opacity: 1 !important;
  color: inherit;
}
.vxd-home-v3 #projects .vxd-home-catalog-list > li:has(> a[href="https://archiviomemoriale.com/"]) { grid-column: 1 / -1; }
@media (max-width: 820px) {
  .vxd-project-archivio { display: flex; gap: 0; }
  .vxd-project-roadmap { margin-top: 22px; padding: 20px; }
}