@media (max-width: 900px) {
  .main-navbar { padding: 22px 24px; }

  .hero {
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    padding: 160px 24px 20px 24px;
  }

  .services-row {
    grid-template-columns: repeat(2, 1fr);
    padding: 20px 24px 35px 24px;
    gap: 20px;
  }

  .works-content { padding: 120px 24px 60px; }
  .works-grid { grid-template-columns: 1fr; gap: 28px; }
  .single-folder-card { margin-top: 50px; margin-bottom: 30px; margin-left: 0; margin-right: 0; }
}

@media (max-width: 768px) {
  .logo { font-size: 18px; letter-spacing: 1.5px; }

  .hamburger-menu { display: flex; }

  .btn {
    position: fixed;
    top: 0;
    right: -100%;
    width: 290px;
    max-width: 82vw;
    height: 100dvh;
    background: rgba(18, 18, 18, 0.94);
    backdrop-filter: blur(20px) saturate(180%);
    border-left: 1px solid rgba(255, 255, 255, 0.12);
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 32px;
    padding: 40px 24px;
    transition: right 0.4s cubic-bezier(0.16, 1, 0.3, 1);
    z-index: 1001;
    box-shadow: -10px 0 35px rgba(0, 0, 0, 0.6);
  }

  .btn.active { right: 0; }

  .btn a {
    font-size: 16px;
    letter-spacing: 2.5px;
    padding: 10px 0;
    width: 100%;
    text-align: center;
  }

  .btn a.btn-touch {
    width: auto;
    padding: 8px 8px 8px 24px;
    margin-top: 10px;
  }

  .hey { font-size: clamp(18px, 4.5vw, 22px); margin-top: 70px; margin-bottom: 0; }

  .about-contact-section {
    left: 50%;
    top: auto;
    bottom: 24px;
    transform: translateX(-50%);
    width: calc(100% - 24px);
    max-width: 520px;
  }

  .liquid-pill-dock { justify-content: center; gap: 10px; }
  .liquid-pill-btn { padding: 8px 16px 8px 8px; font-size: 13px; gap: 10px; }
  .liquid-pill-icon { width: 32px; height: 32px; }
  .liquid-pill-icon svg { width: 15px; height: 15px; }
}

@media (max-width: 480px) {
  .main-navbar { padding: 16px 20px; }
  .logo { font-size: 16px; }

  .hero { padding: 150px 20px 10px 20px; justify-content: center; }
  .hey { font-size: 18px; margin-top: 60px; margin-bottom: 0; }

  .services-row { gap: 16px; padding: 15px 20px 30px 20px; }
  .num { font-size: 14px; }
  .label { font-size: 12px; }

  .about-contact-section { bottom: 14px; width: calc(100% - 16px); }
  .liquid-pill-dock { gap: 8px 6px; }
  .liquid-pill-btn { padding: 6px 12px 6px 6px; font-size: 11px; }
  .liquid-pill-icon { width: 24px; height: 24px; }
  .liquid-pill-icon svg { width: 11px; height: 11px; }
}