/* TABLET (1024px) */
@media (max-width: 1024px) {
  .cv-grid {
    gap: 28px;
  }

  .hero-photo img {
    width: 160px;
    height: 160px;
  }

  .comp-badge {
    width: 190px;
  }

  .project-card--featured {
    grid-template-columns: 1fr 1fr;
  }
}

/* MOBILE (768px) */
@media (max-width: 768px) {
  header {
    padding: 32px 16px 20px;
  }

  .hero-layout {
    flex-direction: column-reverse;
    gap: 20px;
    text-align: center;
  }

  .hero-photo img {
    width: 128px;
    height: 128px;
  }

  .content-wrapper {
    padding: 0 16px 40px;
  }

  h1 {
    font-size: 1.3rem;
    white-space: normal;
  }

  .hero-desc {
    font-size: 0.82rem;
  }

  .hero-credential {
    font-size: 0.72rem;
  }

  .hero-credentials-line {
    font-size: 0.64rem;
  }

  nav {
    flex-direction: column;
    align-items: center;
    gap: 12px;
    padding: 12px 16px;
  }

  .nav-controls {
    width: 100%;
    flex-direction: column;
    gap: 12px;
  }

  .lang-switcher {
    border-right: none;
    padding-right: 0;
    border-bottom: 1px solid var(--card-border);
    padding-bottom: 8px;
    width: 100%;
    justify-content: center;
  }

  .section-switcher {
    width: 100%;
    justify-content: center;
  }

  .sect-btn {
    padding: 8px 12px;
    font-size: 0.7rem;
  }

  .cv-grid {
    grid-template-columns: 1fr;
    gap: 32px;
  }

  .cv-role {
    font-size: 0.9rem;
  }

  .cv-details {
    font-size: 0.78rem;
  }

  .compliance-bar {
    flex-direction: column;
    align-items: stretch;
    padding: 16px;
    gap: 12px;
  }

  .comp-badge {
    width: auto;
  }

  .footer-content {
    flex-direction: column;
    padding: 24px 16px;
    gap: 20px;
  }

  .tech-pillars {
    flex-direction: column;
    align-items: center;
    padding: 16px;
  }

  .service-item {
    padding: 16px;
  }

  .project-card {
    padding: 16px;
  }

  .grid-layout,
  .blog-grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }

  .project-card--featured {
    grid-template-columns: 1fr;
    grid-template-rows: auto;
  }

  .project-card--featured .card-img {
    grid-column: 1;
    grid-row: auto;
    min-height: 180px;
  }

  .services-list {
    gap: 12px;
  }

  .tech-badge {
    font-size: 0.64rem;
    padding: 4px 8px;
  }

  .btn-download {
    padding: 12px 24px;
    font-size: 0.8rem;
    margin-top: 24px;
  }
}

/* SMALL PHONES (480px) */
@media (max-width: 480px) {
  .nav-brand {
    font-size: 0.82rem;
    gap: 8px;
  }

  .nav-icon {
    width: 22px;
    height: 22px;
  }

  h1 {
    font-size: 1.1rem;
  }

  .hero-desc {
    font-size: 0.78rem;
  }

  .hero-credential {
    font-size: 0.65rem;
  }

  .hero-credentials-line {
    font-size: 0.58rem;
  }

  .hero-photo img {
    width: 100px;
    height: 100px;
  }


  .card-title {
    font-size: 1.05rem;
  }

  .card-desc {
    font-size: 0.8rem;
  }

  .card-cta {
    font-size: 0.68rem;
    padding: 6px 12px;
  }

  .service-title {
    font-size: 1rem;
  }

  .sect-btn {
    padding: 6px 8px;
    font-size: 0.6rem;
  }

  .btn-download {
    padding: 10px 20px;
    font-size: 0.75rem;
  }

  .comp-title {
    font-size: 0.72rem;
  }

  .comp-desc {
    font-size: 0.68rem;
  }

  .service-outcome {
    font-size: 0.72rem;
  }

  .service-cta-mini {
    font-size: 0.68rem;
  }

  .theme-btn {
    width: 28px;
    height: 28px;
    font-size: 14px;
  }

  .post-card-title {
    font-size: 1rem;
  }

  .post-card-excerpt {
    font-size: 0.8rem;
  }

  .form-row {
    grid-template-columns: 1fr;
  }
}