/* Brand-only adaptations for the imported projects page. */
#projects .as-projects-wordmark {
  display: block;
  width: 100%;
  height: auto;
  object-fit: contain;
}

#projects .l-heder__left .l-header__logo {
  width: clamp(130px, 15rem, 180px);
}

#projects .l-hambergerMenu__logo {
  width: clamp(130px, 15rem, 180px);
}

#projects .l-footer__logo {
  aspect-ratio: 1;
}

#projects .as-projects-shuffle-rocket {
  display: inline-block;
  width: 0.92em;
  height: 0.92em;
  margin-inline: 0.02em;
  vertical-align: -0.12em;
  background: url("/assets/img/custom/rocket.gif") center / contain no-repeat;
  image-rendering: pixelated;
  transform: rotate(90deg);
}

#projects .as-projects-state {
  min-height: 42rem;
  display: grid;
  place-items: center;
  padding: 4rem;
  color: #181818;
  background: #fff;
  font-size: 1.4rem;
  text-align: center;
}

#projects .as-projects-state.-error {
  color: #6e1826;
}

#projects .p-project-contentsImage img[data-display-mode="cover"] {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

#projects .p-project-contentsImage img[data-display-mode="contain"] {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

#projects .p-project-contents .p-project-contentsSecondry .p-project-contentsWrap {
  align-items: center;
}

#projects .p-project-contents .p-project-contentsSecondry .p-project-contentsText {
  grid-column: 1 / span 4;
  grid-row: 1;
  align-self: center;
}

#projects .p-project-contents .p-project-contentsSecondry .p-project-contentsImage {
  grid-column: 6 / 9;
  grid-row: 1;
  align-self: center;
  display: grid;
  place-items: center;
}

#projects .p-project-contents .p-project-contentsSecondry .p-project-contentsImage img {
  width: auto;
  max-width: 100%;
  max-height: clamp(18rem, 24vw, 34rem);
  height: auto;
  object-fit: contain;
}

#projects .as-projects-text-link {
  width: auto;
  padding-inline: 1rem;
  font-size: 1.2rem;
  text-decoration: none;
}

@media screen and (max-width: 768px) {
  #projects .l-heder__left .l-header__logo,
  #projects .l-hambergerMenu__logo {
    width: 13rem;
  }

  #projects .p-project-contents .p-project-contentsSecondry .p-project-contentsText {
    grid-column: span 8;
    grid-row: 2;
  }

  #projects .p-project-contents .p-project-contentsSecondry .p-project-contentsImage {
    grid-column: span 8;
    grid-row: 1;
  }

  #projects .p-project-contents .p-project-contentsSecondry .p-project-contentsImage img {
    width: 70%;
    max-height: none;
  }
}