/* Base */
@import url("./base/fonts.css");
@import url("./base/variables.css");
@import url("./base/reset.css");

/* Layout */
@import url("./layout/containers.css");
@import url("./layout/animations.css");

/* Components */
@import url("./components/theme-toggle.css");
@import url("./components/button.css");
@import url("./components/modal.css");
@import url("./components/lightbox.css");

/* Sections */
@import url("./sections/logo-carousel.css");
@import url("./sections/about.css");
@import url("./sections/work-intro.css");
@import url("./sections/projects.css");
@import url("./sections/archives.css");
@import url("./sections/pricing.css");
@import url("./sections/testimonials.css");
@import url("./sections/cta.css");
@import url("./sections/footer.css");

/* Responsive */
@media (max-width: 600px) {
  .site-header {
    padding: 40px 0 32px;
  }

  .archive-tags {
    display: none;
  }

  .logo-slide {
    gap: 32px;
  }

  .modal.open {
    padding: 24px 16px;
  }

  .modal-inner {
    padding: 32px 24px;
    margin: 0;
  }

  .modal-hero-wrap {
    margin: -32px -24px 24px;
  }

  .modal-hero {
    height: 160px;
  }

  .modal-images {
    grid-template-columns: 1fr;
  }

  .lightbox {
    padding: 24px 16px;
  }

  .lightbox-img {
    max-height: 60vh;
  }

  .quote {
    font-size: 2rem;
  }
}