/* small */

@media (max-width: 960px) {
  .hal9000lmc {
    height: 100%;
    display: grid;
    grid-template-columns: auto minmax(320px, 400px) auto;
    grid-template-rows: auto auto auto auto auto auto;
    gap: 0;
    grid-template-areas:
      "idx1 mre idx2"
      "idx3 logo idx4"
      "idx5 lmc idx6"
      "idx7 access idx8"
      "idx9 dro idx10"
      "idx9 contact idx10";
  }

  .module_mre,
  .module_dro,
  .module_logo {
    padding: 0;
  }

  .module_lmc {
    margin: 0;
  }

  .lmc {
    aspect-ratio: 1.8;
    aspect-ratio: initial;
  }

  .lmc .content {
    margin: calc(var(--content-margin) * 1.5) var(--content-margin);
    height: calc(100% - var(--content-margin) * 3);
    align-items: center;
  }

  .module_dro {
    max-width: 144px;
  }

  .access,
  .contact {
    background-color: var(--bg-white);
  }

  .access .content {
    border-color: var(--bg-red);
  }

  .module_access {
    color: initial;
    margin: initial;
  }

  .module_contact {
    color: black;
    background-color: initial;
    margin: initial;
  }

  .idx3 {
    background-color: initial;
  }

  .idx5,
  .idx6 {
    background-color: var(--bg-red);
  }

  .content,
  .dro .content,
  .access .content,
  .contact .content {
    height: calc(100% - var(--content-margin) * 2);
    align-items: center;
  }
}