@media (width < 40rem) {
  /* ===== Collaboration Section ===== */
  .collaboration-section {
    padding: 40px 15px;
  }

  .collaboration-top p {
    font-size: 0.85rem;
    text-align: center;
  }

  .logo-row {
    gap: 12px;
  }

  .logoNC,
  .logoVku {
    max-height: 50px;
  }

  .logo-row .cross {
    font-size: 1.5rem;
  }

  .collaboration-content {
    flex-direction: column;
    gap: 30px;
  }

  .collab-text {
    min-width: 100%;
  }

  .collab-text h3 {
    font-size: 0.95rem;
  }

  .collab-text p {
    font-size: 0.85rem;
  }

  .collab-image {
    text-align: center;
  }

  .collab-image img {
    max-width: 100%;
    margin-left: 0;
    border-radius: 8px;
  }

  .btn {
    margin-top: 20px;
    padding: 8px 20px;
    font-size: 0.85rem;
  }

  /* ===== Team Section ===== */
  .team-section {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .intro-text {
    font-size: 0.9rem;
    margin-bottom: 2rem;
    text-align: center;
  }

  .profile-image-wrapper {
    width: 160px;
    height: 200px;
  }

  .profile-name {
    font-size: 1rem;
  }

  .profile-title {
    font-size: 0.85rem;
  }

  /* ===== Partners Section ===== */
  .partners-section {
    padding: 2rem 1rem;
  }

  .partners-section p.lead {
    font-size: 0.9rem;
    text-align: center;
  }
}
@media (width >= 40rem) {
  .collaboration-section {
    padding: 50px 20px;
  }

  .collab-text {
    min-width: 100%;
  }

  .profile-image-wrapper {
    width: 180px;
    height: 220px;
  }
}
@media (width >= 48rem) {
  .collaboration-content {
    gap: 50px;
  }

  .collab-text h3 {
    font-size: 1rem;
  }

  .collab-text p {
    font-size: 0.9rem;
  }

  .profile-image-wrapper {
    width: 200px;
    height: 230px;
  }
}
@media (width >= 64rem) {
  .collaboration-section {
    padding: 60px 20px;
  }

  .collaboration-content {
    flex-direction: row;
    gap: 80px;
  }

  .collab-text {
    min-width: 500px;
  }

  .collab-image img {
    margin-left: 90px;
    max-width: 750px;
  }

  .profile-image-wrapper {
    width: 200px;
    height: 240px;
  }

  .partners-section p.lead {
    font-size: 1rem;
  }
}
@media (width >= 80rem) {
  .collaboration-section {
    max-width: 1200px;
  }

  .partners-section p.lead {
    max-width: 1200px;
  }
}