/* ════════════════════════════════════════════════
   RESPONSIVE
════════════════════════════════════════════════ */

@media (max-width: 1024px) {
  .about-layout,
  .skills-layout {
    grid-template-columns: 1fr;
    gap: 40px;
  }
  .port-wrap  { max-width: 260px; }
  .pgrid      { grid-template-columns: 1fr 1fr; }
  .sgrid      { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 768px) {
  .wrap { padding: 0 22px; }

  .nav-links { display: none; }
  .burger    { display: flex; }

  #hero .vrule { display: none; }

  .hero-lower {
    grid-template-columns: 1fr;
    gap: 22px;
  }

  .hero-strip { grid-template-columns: 1fr 1fr; }
  .sc:nth-child(2) { border-right: none; }
  .sc:nth-child(3),
  .sc:nth-child(4) { border-top: 1px solid var(--rule); }
  .sc:nth-child(4) { border-right: none; }

  .r-cols    { grid-template-columns: 1fr; gap: 32px; }
  .pgrid     { grid-template-columns: 1fr; }
  .sgrid     { grid-template-columns: 1fr; }
  .ct-layout { grid-template-columns: 1fr; gap: 40px; }
  .f2        { grid-template-columns: 1fr; }

  .ft-row { flex-direction: column; text-align: center; }

  .coord { display: none; }
}