@media screen and (min-width: 1280px) {
  /* Query Rules */
  .media-mobile {
    display: none !important;
  }
  .media-reduced {
    display: none !important;
  }
  .media-not-desktop {
    display: none !important;
  }
}

/* REDUCED */
@media screen and (min-width: 920px) and (max-width: 1280px) {
  /* Query Rules */
  .media-desktop {
    display: none !important;
  }
  .media-mobile {
    display: none !important;
  }
  .media-not-reduced {
    display: none !important;
  }
  .grid-4-cols {
    --cols: 2;
  }
  .grid-5-cols {
    --cols: 3;
  }
  .grid-1-3-cols {
    grid-template-columns: 1fr 2fr;
  }

  .form-aside {
    width: 80%;
  }
  .ultra {
    font-size: 5em;
  }
}

/* MOBILE */
@media screen and (max-width: 920px) {
  @keyframes ig-carousel {
    0% {
      background-position: 0px center;
    }
    100% {
      background-position: 300% center;
    }
  }

  :root {
    --doc-min-padding: 1.5rem;
    --header-height: 90px;
  }

  /* Query Rules */
  .media-desktop {
    display: none !important;
  }
  .media-reduced {
    display: none !important;
  }
  .media-not-mobile {
    display: none !important;
  }
  .grid-2-cols,
  .grid-3-cols {
    --cols: 1;
  }
  .grid-4-cols,
  .grid-5-cols {
    --cols: 2;
  }
  .grid-1-2-cols,
  .grid-1-3-cols,
  .grid-2-1-cols {
    grid-template-columns: 1fr;
  }

  html {
    font-size: 0.9em;
  }
  
  h2 {
    font-size: 2.8rem;
  }
  h3 {
    font-size: 1.6rem;
  }

  .form-aside {
    width: 100%;
  }
  .gradient-card {
    grid-template-columns: 1fr !important;
    grid-template-rows: auto 250px !important;
    grid-template-areas:
      "content"
      "cover" !important;
  }
  .gradient-card .card-cover {
    align-items: flex-end;
    justify-content: flex-end !important;
  }
  .gradient-card .cover-icon {
    background-image: radial-gradient(circle farthest-side at bottom right, var(--ag-blue) 50%, transparent) !important;
  }
  .ultra {
    font-size: 4.1em;
  }

  #ig-carousel {
    background-size: 300% auto;
    animation: ig-carousel 60s linear infinite;
  }
    #ig-carousel img {
      width: 300%;
    }
  #main-logo {
    height: 90%;
  }
  #main-splash {
    gap: var(--default-gap);
    padding: var(--doc-margin) var(--doc-margin) 3.2rem var(--doc-margin);
  }
  #nav-overlay-container {
    justify-content: flex-start;
  }
  #oar-3d {
    height: 350px;
  }
  #wa-bubble {
    --ratio: 4em;
  }

  carousel items {
    --cols: 1;
  }
}

/* SLIM */
@media screen and (max-width: 640px) {
  h2 {
    font-size: 2.6rem;
  }
  main > div {
    padding-right: 0px;
    padding-left: 0px;
  }
  
  .landscape-thumb {
    grid-template-columns: 1fr;
    grid-template-rows: 250px 1fr;
    grid-template-areas:
      "cover"
      "content";
  }
  .ultra {
    font-size: 3.75em;
  }

  #wa-bubble {
    --ratio: 3.5em;
  }
}