/* Tablet: 768px - 1023px */
@media (min-width: 768px) and (max-width: 1023px) {
  .footer-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 2rem;
  }
  
  .footer-grid .footer-brand {
    grid-column: 1 / -1;
  }
  
  .footer-bottom-content {
    justify-content: center;
    gap: 1.5rem;
  }

  /* Job items tablet layout improvements */
  .job-card {
    padding: 1.75rem;
  }

  .job-title {
    font-size: 1.75rem;
    margin-bottom: 1rem;
  }

  .job-meta {
    gap: 0.75rem;
    font-size: 0.85rem;
    margin-bottom: 1rem;
  }

  .job-description {
    margin-bottom: 1.5rem;
    flex-grow: 1;
  }

  .job-responsibilities,
  .job-skills {
    gap: 0.5rem;
    margin-bottom: 1rem;
  }

  .job-responsibilities h4,
  .job-skills h4 {
    font-size: 0.95rem;
    margin-bottom: 0.5rem;
  }

  .job-responsibilities li,
  .job-skills li {
    font-size: 0.85rem;
    margin-bottom: 0.25rem;
  }

  .feature-tag {
    padding: 0.35rem 0.8rem;
    font-size: 0.75rem;
  }

  .job-image {
    min-height: 250px;
  }

  /* Benefits grid tablet improvements */
  .benefits-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 1.75rem;
  }

  .benefit-card {
    padding: 1.75rem;
  }

  .benefit-title {
    font-size: 1.1rem;
    margin-bottom: 0.75rem;
  }

  .benefit-description {
    font-size: 0.9rem;
    margin-bottom: 1rem;
  }

  /* Contact grid tablet improvements */
  .contact-grid {
    gap: 1.75rem;
  }

  .contact-card {
    padding: 2rem;
    flex: 1 1 calc(50% - 1.25rem);
    min-width: 280px;
  }

  .contact-card h3 {
    font-size: 1.1rem;
    margin-bottom: 1rem;
  }

  .contact-card p {
    font-size: 0.9rem;
    margin-bottom: 0.75rem;
  }
}

/* Desktop: 1024px+ */
@media (min-width: 1024px) {
  .footer-grid {
    grid-template-columns: 2fr 1.2fr 1.2fr 1.2fr;
    gap: 3rem;
  }
  
  .footer-grid .footer-brand {
    grid-column: 1;
  }
  
  .footer-bottom-content {
    justify-content: center;
  }
}

/* Animations */
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.fade-in {
  animation: fadeIn 0.6s ease-out;
}

/* Reveal system */
.will-animate {
  opacity: 0;
  transform: translateY(14px) scale(0.985);
  transition: opacity var(--duration-m) var(--ease-standard), transform var(--duration-m) var(--ease-emph), box-shadow var(--duration-m) var(--ease-standard);
}

.will-animate.fade-in {
  opacity: 1;
  transform: translateY(0) scale(1);
}

/* Smooth Scrolling */
html {
  scroll-behavior: smooth;
}

/* Selection */
::selection {
  background: hsl(var(--primary) / 0.3);
  color: hsl(var(--text-primary));
}

/* Responsive */
@media (max-width: 767px) {
  .section-title {
    font-size: 1.75rem;
  }

  .section-description {
    font-size: 1rem;
  }

  section {
    padding: 2rem 0;
  }

  .hero-title {
    font-size: 2rem;
  }
}

/* Tablet: 768px - 1023px */
@media (min-width: 768px) and (max-width: 1023px) {
  .nav-links {
    display: flex;
  }

  .mobile-menu-btn {
    display: none;
  }

  .hero-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .hero-title {
    font-size: 3rem;
  }

  .section-title {
    font-size: 2.2rem;
  }

  .section-description {
    font-size: 1rem;
  }

  section {
    padding: 2.5rem 0;
  }
}

/* Desktop: 1024px+ */
@media (min-width: 1024px) {
  .nav-links {
    display: flex;
  }

  .mobile-menu-btn {
    display: none;
  }

  .hero-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .hero-title {
    font-size: 4.5rem;
  }

  .section-title {
    font-size: 2.5rem;
  }

  section {
    padding: 4rem 0;
  }
}

@media (min-width: 1280px) {
  .container {
    padding: 0 4rem;
  }
}