/* ============================================
   desktop.css — Large screens (≥ 1200px)
   ============================================ */

@media (min-width: 1200px) {

  /* Wider padding so content breathes on big monitors */
  #bio,
  #cosa,
  #competenze,
  #esperienze,
  #portfolio,
  .works-grid,
  .dark-section {
    padding-left: 8vw;
    padding-right: 8vw;
  }

  /* Bio: avatar gets bigger */
  .bio-avatar { width: 420px; }

  /* Bigger gap between hero columns */
  #bio { gap: 80px; min-height: 85vh; }

  /* Cosa faccio: tighter columns */
  #cosa { grid-template-columns: 0.8fr 1.3fr; gap: 80px; }

  /* Competenze: title even larger */
  #competenze { gap: 60px; }

  /* Portfolio list: more breathing room */
  #portfolio { gap: 80px; }

  /* Works grid: stays 3 cols but bigger gap */
  .works-grid { gap: 28px; }

  /* Slightly larger exp date column */
  .exp-item { grid-template-columns: 130px 1fr; }

  /* Nav links a bit larger */
  nav a { font-size: 14px; }

}