@media (min-width: 640px) {
  .skills-grid { grid-template-columns: repeat(3, 1fr); }
  /* Kategori Desain tetap 1 kolom (cuma 1 item) */

  .hero__cta {
    grid-template-columns: repeat(3, 1fr);
    max-width: 100%;
  }
  .btn {
    border-bottom: none;
    border-right: var(--border);   /* garis pemisah antar tombol (horizontal) */
  }
  .btn:last-child {
    border-right: none;
  }
}

@media (min-width: 900px) {
  .nav__menu { display: flex; }
  .nav__burger { display: none; }

  .sec-head { grid-template-columns: auto 1fr auto; gap: 40px; }
  .sec-head__meta { display: block; }

  .hero__top {
    grid-template-columns: 1fr minmax(220px, 300px);
    align-items: start;
    gap: 48px;
  }
  .hero__title .ln--outline { -webkit-text-stroke: 3px var(--ink); }

  .about-grid { grid-template-columns: 2fr 1fr; }
  .about-main {
    padding: 48px;
    border-bottom: none;
    border-right: var(--border);
  }

  .exp-item__head {
    grid-template-columns: 60px 110px 1fr 1fr auto;
    grid-template-areas: "idx year role client toggle";
    gap: 20px;
    padding: 20px 24px;
  }
  .exp-item__role { font-size: 18px; }

  .work-grid { grid-template-columns: repeat(2, 1fr); }

  .contact-grid { grid-template-columns: 1fr 1fr; }
  .contact-main {
    padding: 48px;
    border-bottom: none;
    border-right: var(--border);
  }

  .footer__top {
    grid-template-columns: 1fr auto;
    align-items: end;
  }
  .footer__meta { text-align: right; }
}

@media (min-width: 1100px) {
  .work-grid { grid-template-columns: repeat(3, 1fr); }
}

@media (max-width: 599px) {
  .contact-item {
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
    padding: 18px 20px;
  }
  .contact-item__val { text-align: left; }

  .nav__brand { font-size: 11px; padding: 0 12px; }
  .nav__lang button { padding: 0 10px; font-size: 11px; }
  .nav__burger { padding: 0 14px; font-size: 11px; gap: 4px; }

  .hero__title { font-size: clamp(2rem, 9vw, 3rem); }
  .hero__index { padding: 20px; }
  .hero__index .num-big { font-size: 4rem; }

  :root { --pad-x: 16px; }
}