@import url("./styles-2-base.css");

/* V10: Afterlife project copy spacing */
body:has(.project-row[data-project="afterlife"].is-active) .project-detail__body{
  grid-template-columns:minmax(410px,.96fr) minmax(360px,1.04fr);
}

body:has(.project-row[data-project="afterlife"].is-active) .project-copy{
  min-width:0;
  padding:22px 42px 20px 20px;
}

body:has(.project-row[data-project="afterlife"].is-active) .project-title{
  font-size:clamp(34px,3.4vw,48px);
  line-height:.94;
  max-width:8.8ch;
  overflow-wrap:anywhere;
}

body:has(.project-row[data-project="afterlife"].is-active) .project-description{
  max-width:30ch;
}

@media(max-width:1160px){
  body:has(.project-row[data-project="afterlife"].is-active) .project-detail__body{
    grid-template-columns:1fr;
  }
  body:has(.project-row[data-project="afterlife"].is-active) .project-copy{
    padding:18px 22px 20px 18px;
  }
  body:has(.project-row[data-project="afterlife"].is-active) .project-title{
    max-width:none;
  }
  body:has(.project-row[data-project="afterlife"].is-active) .project-description{
    max-width:none;
  }
}

@media(max-width:700px){
  body:has(.project-row[data-project="afterlife"].is-active) .project-copy{
    padding:18px 14px 20px;
  }
  body:has(.project-row[data-project="afterlife"].is-active) .project-title{
    font-size:30px;
  }
}