/* Archive titles: more space between photography and editorial copy. */
.project-next-inner > a:first-child > img { display:block; }
.project-next-inner > a:first-child > p {
  margin-top:36px;
  font-size:clamp(32px,4.9vw,76px);
  line-height:1.12;
}
.project-info { margin-top:36px; padding-top:30px; }
.project-info h3 { font-size:clamp(30px,3.75vw,58px); line-height:1.12; }
@media(max-width:800px) {
  .project-next-inner > a:first-child > p { margin-top:26px; font-size:32px; }
  .project-info { margin-top:28px; padding-top:24px; }
  .project-info h3 { font-size:30px; }
}

/* Quiet mobile links, with comfortable touch targets. */
@media(max-width:800px) {
  .project-next .project-next-inner > .button,
  .project-info .text-link {
    display:inline-flex;
    align-items:center;
    min-height:44px;
    padding:8px 0;
    border:0;
    border-radius:0;
    background:transparent;
    font-size:13px;
    font-weight:400;
    line-height:1.4;
    letter-spacing:0;
    gap:10px;
    text-decoration:none;
  }
  body .project-next .project-next-inner > .button:hover {
    background:transparent;
    color:#fff!important;
    text-decoration:underline;
    text-underline-offset:5px;
  }
  .project-next .project-next-inner > .button:focus-visible,
  .project-info .text-link:focus-visible {
    outline:2px solid currentColor;
    outline-offset:5px;
  }
}