/* responsive.css — fluido prima, breakpoint poi */

/* <= 960px */
@media (max-width: 960px) {
  .header-center { display: none; }
  .build-cards { grid-template-columns: 1fr; gap: var(--space-sm); }
  .build-card { min-height: 0; }
  .build-head { padding-top: 6svh; }
  .build-cards { margin-top: 2svh; }
  .marquee { display: none; }
  .work-row { grid-template-columns: 2.5rem 1fr auto; }
  .work-row__arrow { display: none; }
  .work-row { min-height: 15svh; }
  .work-row__name { font-size: clamp(1.4rem, 5.4vw, 2.6rem); }
  .homelab-head { max-width: 70vw; }
  .homelab-hint { display: none; }
}

/* <= 600px */
@media (max-width: 600px) {
  :root { --chapter-hold: 30svh; }
  .chapter--hello { --chapter-hold: 40svh; }
  .rail { display: none; }
  .status { display: none; }
  .site-header { font-size: .75rem; }
  /* gli angoli archivio cedono il passo al contenuto */
  .corner--tl, .corner--bl { display: none; }
  .hero-top { padding-top: 2.4rem; }
  .hero-title { font-size: clamp(3.4rem, 17vw, 6rem); }
  .hero-name { font-size: clamp(1rem, 4.6vw, 1.5rem); }
  .hero-top__mid { display: none; }
  .hero-bottom { align-items: flex-start; }
  .work-head, .build-head, .stack-head { padding-top: 11svh; }
  .hero-meta { gap: .55em; font-size: .6875rem; }
  .work-row { grid-template-columns: 1fr; gap: .3em; min-height: 0; padding: 1.1rem 0; }
  .work-row__index { display: none; }
  .work-row__meta { flex-direction: row; gap: 1em; align-items: baseline; }
  .work-preview { display: none; }
  /* pipeline verticale: la linea scende a sinistra, gli stage si impilano
     come una timeline (il pacchetto resta spento: js/stack.js non gira
     sotto i 601px né su touch) */
  .stack-list { grid-template-columns: 1fr; gap: var(--space-lg); margin-top: 6svh; padding-left: 1.5rem; }
  .stack-list::before { top: .3em; bottom: .3em; left: 0; right: auto; width: 1px; height: auto; }
  .stack-list__col { padding-top: 0; }
  .stack-list__col::before { top: .45em; left: calc(-1.5rem - 3.5px); transform: none; }
  .stack-list__col h3 { margin-bottom: .4em; }
  .stack-list__col li { padding: .25em 0; font-size: 1.05rem; }
  .contact-links__h { display: block; margin-left: 0; margin-top: .3em; }
  .homelab-actions { top: auto; bottom: calc(var(--page-padding) * 1.2); left: var(--page-padding); right: auto; flex-direction: row; }
  .node-card { right: var(--page-padding); left: var(--page-padding); width: auto; }
  .homelab-head { top: 11svh; max-width: none; right: var(--page-padding); }
  .homelab-manifest { max-height: 46svh; }
  .menu__name { font-size: clamp(1.8rem, 7.5vh, 3rem); }
  .cursor { display: none !important; }
}

/* touch: niente cursor, niente hover effect */
@media (hover: none) {
  .cursor { display: none !important; }
}