/* Shared case-study navigation and project footer. */
:is(.page-case-study, .page-home) .corner-link {
  display: grid;
  place-items: center;
  width: 70px;
  height: 33px;
  border: 1px solid currentColor;
  border-radius: 200px;
  font-size: 1rem;
  line-height: 1;
  transform-origin: center;
}
:is(.page-case-study, .page-home) .corner-link--works { left: 6.56px; top: 18.29px; }
:is(.page-case-study, .page-home) .corner-link--contacts { right: 5.32px; top: 24.7px; width: 93px; }
:is(.page-case-study, .page-home) .corner-link--about { left: 6.56px; bottom: 18.71px; }
:is(.page-case-study, .page-home) .language-button {
  display: grid;
  place-items: center;
  width: 33px;
  height: 33px;
  right: 8.96px;
  bottom: 8.96px;
  font-size: 1rem;
}
:is(.page-case-study, .page-home) .language-button::before {
  content: "";
  position: absolute;
  inset: -5.5px;
}
.project-footer {
  padding: 7.03125vw 0 max(10px, .520833vw);
  background: var(--paper);
}
.project-footer .project-nav {
  width: 89.583333%;
  min-height: 0;
  padding: 0;
  margin: 0 auto;
  column-gap: 7.5vw;
}
.project-footer .project-nav__link {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 18.697917vw;
  align-items: end;
  column-gap: 3.697917vw;
  width: 100%;
}
.project-footer .project-nav__link--previous {
  grid-template-columns: 18.697917vw minmax(0, 1fr);
  text-align: left;
}
.project-footer .project-nav__link--next { text-align: right; }
.project-footer .project-nav__image {
  width: 100%;
  height: auto;
  aspect-ratio: 359 / 270;
  object-fit: cover;
  border-radius: 10px;
}
.project-footer .project-nav__link--next .project-nav__image {
  aspect-ratio: 359 / 268.5;
  align-self: end;
}
.project-footer .project-nav__copy {
  display: flex;
  flex-direction: column;
  gap: .5625em;
  color: #000;
  line-height: 1;
}
.project-footer .project-nav__copy span { color: #888; }
.project-footer .project-nav__copy strong { color: #000; }
.project-footer .project-nav__copy > span,
.project-footer .project-nav__copy > strong {
  text-box-trim: trim-both;
  text-box-edge: cap alphabetic;
}
.project-footer .contact-links {
  width: 44.791667%;
  margin: 11.822917vw auto 0;
  align-items: end;
  font-family: var(--nav-mono);
}
.project-footer .pill {
  min-height: 33px;
  height: 33px;
  padding: 0 10px;
  font-size: 1rem;
  line-height: 1;
  color: #303030;
  border-color: #000;
}
.project-footer .pill:nth-child(1) { width: 101px; min-height: 31px; height: 31px; }
.project-footer .pill:nth-child(2) { width: 97px; min-height: 31px; height: 31px; }
.project-footer .pill:nth-child(3) { width: 70px; }
.project-footer .pill:nth-child(4) { width: 109px; }
.project-footer .pill:disabled { opacity: 1; }
.project-footer a.pill:hover { color: #fff; }

@media (max-width: 900px) {
  .project-footer { padding: 3rem 1.5rem 5rem; }
  .project-footer .project-nav {
    width: 100%;
    align-items: start;
    column-gap: 1.5rem;
  }
  .project-footer .project-nav__link,
  .project-footer .project-nav__link--previous {
    grid-template-columns: minmax(0, 1fr);
    row-gap: 1rem;
    text-align: left;
  }
  .project-footer .project-nav__image { grid-row: 1; }
  .project-footer .project-nav__copy { grid-row: 2; line-height: 1.25; gap: .35rem; }
  .project-footer .project-nav__link--next { text-align: right; }
  .project-footer .contact-links {
    width: 100%;
    margin-top: 4rem;
    justify-content: center;
    gap: .75rem 1.5rem;
  }
  .project-footer .pill:nth-child(n) { min-height: 44px; height: 44px; }
}

/* Keep standalone case slides whole at desktop scroll stops. */
@media(min-width:901px){
 .page-case-study main > figure.full-art{height:100svh;display:flex;align-items:center;justify-content:center;overflow:hidden}
 .page-case-study main > figure.full-art > img{display:block;width:100%;height:100%;object-fit:contain}
 .page-jikon main > .art-duo{min-height:100svh;box-sizing:border-box;padding-top:5svh;padding-bottom:5svh;align-items:center}
 .page-jikon main > .art-duo img{max-height:90svh;object-fit:contain}
}

.project-footer .project-nav__copy .contact-wave-letter{color:inherit}

/* Circular covers for adjacent projects at every viewport size. */
.project-footer .project-nav__link .project-nav__image{
 box-sizing:border-box;
 aspect-ratio:1 / 1;
 height:auto;
 border-radius:50%;
}