/* =========================================
   HORIZON — MUSÉE
   Responsive
   ========================================= */

@media (max-width: 980px) {

  .museum-hero__grid,
  .museum-origin__grid {
    grid-template-columns: 1fr;
  }

  .museum-hero__grid {
    gap: 45px;
  }

  .museum-ticket {
    max-width: 620px;
  }

  .museum-origin__grid {
    gap: 35px;
  }

  .museum-bridge {
    grid-template-columns: 1fr;
  }

  .museum-bridge__line {
    width: 1px;
    height: 50px;

    margin-left: 21px;
  }

  .museum-bridge__line span {
    margin: auto 0;
    transform: translate(-4px, 20px);
  }

  .museum-foundations {
    grid-template-columns: 1fr;
  }

  .museum-foundations article {
    min-height: 250px;
  }

  .museum-foundations__word {
    margin-top: 55px;
  }

  .museum-founders {
    grid-template-columns: 1fr;
  }

  .museum-founders article {
    border-right: 0;
  }

  .museum-documents {
    grid-template-columns: 1fr;
  }

  .museum-documents article {
    min-height: 220px;
  }

  .museum-final__inner {
    grid-template-columns:
      70px minmax(0, 1fr);
  }

  .museum-final__links {
    grid-column: 2;
  }

}


@media (max-width: 640px) {

  .museum-hero {
    padding: 122px 0 58px;
  }

  .museum-hero h1 {
    line-height: 1;
  }

  .museum-ticket {
    padding: 20px 0;
  }

  .museum-section {
    padding: 70px 0;
  }

  .museum-heading {
    grid-template-columns: 1fr;

    gap: 7px;
    margin-bottom: 30px;
  }

  .museum-heading__room {
    padding: 0;
  }

  .museum-origin__story
  .museum-dropcap {
    font-size: 1.32rem;
  }

  .museum-quote p {
    font-size: 1.7rem;
  }

  .museum-timeline article {
    grid-template-columns:
      42px minmax(0, 1fr);

    gap: 12px;
  }

  .museum-foundations article {
    min-height: 220px;

    padding: 22px 20px;
  }

  .museum-foundations__word {
    margin-top: 42px;

    font-size: 2.15rem;
  }

  .museum-founders article {
    grid-template-columns: 1fr;

    min-height: 0;

    padding: 25px 0;
  }

  .museum-founders h3 {
    margin-top: 25px;
  }

  .museum-projects a {
    grid-template-columns:
      40px minmax(0, 1fr);

    gap: 10px;
  }

  .museum-projects small {
    grid-column: 2;

    text-align: left;
  }

  .museum-archive__foot {
    align-items: flex-start;
    flex-direction: column;
  }

  .museum-documents article {
    min-height: 0;
  }

  .museum-documents h3 {
    margin-top: 38px;
  }

  .museum-final {
    padding: 70px 0 84px;
  }

  .museum-final__inner {
    grid-template-columns: 1fr;

    padding: 30px 22px;
  }

  .museum-final__number {
    display: none;
  }

  .museum-final__links {
    grid-column: auto;
  }

}