@media screen and (max-width: 1024px) {
  /* --- Root Variables --- */
  :root {
    --text-width: 60ch;
    --main-padding: 1.5rem;
  }

  /* --- Typography --- */
  .h0 {
    font-size: 5rem;
  }

  h1,
  .h1 {
    font-size: 3rem;
  }

  h2,
  .h2 {
    font-size: 2rem;
  }

  h3,
  .h3 {
    font-size: 1.5rem;
  }

  p {
    font-size: 1.125rem;
  }

  /* --- Navigation --- */
  nav ul#main-menu {
    grid-template-columns: [start] repeat(2, 1fr) [end];
  }

  /* --- Header & Footer --- */
  footer section.main-footer {
    grid-template-columns: repeat(3, auto);
    row-gap: 2rem;
  }

  /* --- Content Grids --- */
  ul:is(.news-list, .events-list, .exhibition-list, .retrospective-list, .publication-list, .external-downloads-list) {
    grid-template-columns: [start] repeat(auto-fill, minmax(250px, 1fr)) [end];
    margin: 0;
    width: 100%;
    gap: 3rem var(--main-padding);
  }

  ul.jobs-list {
    grid-template-columns: [start] repeat(auto-fill, minmax(450px, 1fr)) [end];
  }

  /* --- Featured Content --- */
  ul.news-list li.featured a,
  a.overview.exhibition {
    /* display: grid; */
    grid-template-columns: 1.75fr 1fr;
  }
  
  ul.news-list li.featured a.portrait, a.overview.exhibition.portrait {
    /* grid-template-columns: 2fr 1fr; */
  }

  ul.news-list .featured img {
    max-width: 100%;
  }

  /* --- Swiper Containers --- */
  swiper-container:not(.filter, .artists) swiper-slide {
    width: min(35%,22.5rem);
  }

  /* --- Gallery & Visit Content --- */
  section.gallery div#gallery-container, 
  div.block.gallery div#gallery-container {
    grid-template-columns: [start] repeat(auto-fill, minmax(250px, 1fr)) [end];
  }

  article.visit-content {
    grid-template-columns: [start] repeat(auto-fill, minmax(300px, 1fr)) [end];
  }

ul.rent-list {
    grid-template-columns: [start] repeat(auto-fill, minmax(280px, 1fr)) [end];
}

  article.rent-content {
    grid-template-columns: 1fr;
  }

  /* --- Contact & Team --- */
  section.contact-content {
    grid-template-columns: [start] repeat(auto-fill, minmax(400px, 1fr)) [end];
  }

  /* --- Home Page --- */
  main.home .home-header section.hero {
    /* height: calc(60vh + var(--header-height) + clamp(3rem, 14vw, 18rem)); */
  }

  main.home div.logo-animation {
  /* top: calc(30vh - var(--header-height)); */
  /* transform: translateY(20%); */
  }

  /* --- Block Components --- */
  .block.overview {
    column-count: 1;
  }
  
  
  ul:is(.news-list, .events-list, .exhibition-list, .retrospective-list, .jobs-list, .publication-list) > li {
      padding: 0;
    }
    
    ul:is(.news-list, .events-list, .exhibition-list, .retrospective-list, .jobs-list, .publication-list) > li:not(.documenta-title):hover {
        background-color: inherit;
    }
    
    li.retrospective-documenta {}
    
    .video-wrapper.position-relative {
        /* height: calc(60vh - var(--header-height)); */
    }
    
    aside.animated-d-logo {
      font-size: min(30rem, 39vw);
      width: 30vw;
    }
    
    nav.month.navigation {
      justify-content: space-between;
    }
    
    nav.view-navigation {
      position: inherit;
      right: unset;
      top: unset;
      display: flex;
      gap: 0.5rem;
    }
    section.team-section ul.contact-list {
      columns: 3;
      column-gap: var(--main-padding);
    }
    
    main.accessibility article .column_2_grid {
      grid-template-columns: 1fr;
    }
  }