/* ============================================
   RESPONSIVE ADJUSTMENTS
   ============================================ */

@media (max-width: 600px) {
  section { padding-block: var(--space-6); }
  .section-title { font-size: var(--fs-2xl); }

  .hero { padding-top: 88px; }
  .hero-actions { flex-direction: column; align-items: stretch; }
  .hero-actions .btn { width: 100%; }

  .about-facts { grid-template-columns: 1fr; }

  .cv-box { flex-direction: column; align-items: flex-start; text-align: left; }
  .cv-box-actions { width: 100%; }
  .cv-box-actions .btn { flex: 1; }

  .project-body { padding: var(--space-4); }
  .project-actions { flex-direction: column; align-items: stretch; }
  .project-actions .btn { width: 100%; }

  .footer-grid { flex-direction: column; align-items: flex-start; }
}

@media (min-width: 601px) and (max-width: 899px) {
  .hero-photo-frame { width: min(340px, 60vw); }
}