/* ---- Mobile / narrow viewport ---- */
@media (max-width: 900px) {
.hud.tl, .hud.bl { left: 20px; }
  .hud.tr, .hud.br { right: 20px; }

  .hero { padding: 0 20px 80px; }
  section.block { padding: 100px 20px; }

  .section-head,
  .about-grid,
  .skills-wrap,
  .exp-wrap,
  .proj-wrap,
  .blog-wrap,
  .contact-wrap { grid-template-columns: 1fr; gap: 24px; }

  .skills-cols       { grid-template-columns: 1fr; }
  .proj-wrap > div:first-child { display: none; }
  .blog-grid         { grid-template-columns: 1fr; }
  .contact-main      { grid-template-columns: 1fr; gap: 32px; }
  .exp-item          { grid-template-columns: 1fr; gap: 8px; }
  .exp-tags          { justify-content: flex-start; max-width: none; }
}