/* One title system, matching the restrained FILMS page. */
html body .page-heading h1,
html body .collection-heading{
  font-family:Arial,Helvetica,sans-serif!important;
  font-size:clamp(3.5rem,7vw,7rem)!important;
  font-weight:400!important;
  line-height:1.02!important;
  letter-spacing:-.075em!important;
  color:#eef0f3!important;
  text-transform:uppercase!important;
}

html body .page-heading{
  margin-bottom:38px!important;
  padding-bottom:22px!important;
}

/* Case studies use the same typography, at a quieter editorial scale. */
html body.case-editorial .editorial{
  max-width:1200px!important;
  padding-top:44px!important;
}
html body.case-editorial .case-list>a{
  grid-template-columns:38px minmax(0,1fr) auto!important;
  column-gap:20px!important;
  row-gap:4px!important;
  min-height:0!important;
  padding:22px 8px!important;
  margin:0!important;
  background:transparent!important;
  border-radius:0!important;
  box-shadow:none!important;
}
html body.case-editorial .case-list>a>span{
  width:34px!important;
  height:34px!important;
  font-family:Arial,Helvetica,sans-serif!important;
  font-size:.75rem!important;
}
html body.case-editorial .case-list>a>strong{
  font-family:Arial,Helvetica,sans-serif!important;
  font-size:1.125rem!important;
  font-weight:500!important;
  line-height:1.3!important;
  letter-spacing:.01em!important;
}
html body.case-editorial .case-list>a>em{
  font-size:.875rem!important;
  line-height:1.45!important;
}
html body.case-editorial .case-list>a>b{
  font-size:.75rem!important;
  letter-spacing:.06em!important;
}
html body.case-editorial .story{
  max-width:760px!important;
  margin:46px auto!important;
}
html body.case-editorial .story h2{
  font-family:Arial,Helvetica,sans-serif!important;
  font-size:1.5rem!important;
  font-weight:500!important;
  line-height:1.3!important;
  letter-spacing:0!important;
  margin:34px 0 18px!important;
  padding-top:24px!important;
}
html body.case-editorial .story p,
html body.case-editorial .project-summary>p{
  font-size:1rem!important;
  line-height:1.75!important;
}
html body.case-editorial .project-summary h2{
  font-family:Arial,Helvetica,sans-serif!important;
  font-size:1.75rem!important;
  font-weight:500!important;
  letter-spacing:-.02em!important;
}
html body.case-editorial .project-gallery{
  gap:18px!important;
  margin:44px 0!important;
}
html body.case-editorial .project-films{
  gap:14px!important;
  margin-top:18px!important;
}
html body.case-editorial .project-films .card{
  width:210px!important;
  flex-basis:210px!important;
}
html body.case-editorial .next-project{
  margin-top:54px!important;
  padding-top:24px!important;
}
html body.case-editorial .next-project strong{
  font-family:Arial,Helvetica,sans-serif!important;
  font-size:1.5rem!important;
  font-weight:500!important;
}

@media(max-width:760px){
  html body .page-heading h1,
  html body .collection-heading{font-size:clamp(2.75rem,14vw,4.5rem)!important}
  html body.case-editorial .case-list>a{grid-template-columns:34px minmax(0,1fr)!important;padding:18px 0!important}
  html body.case-editorial .case-list>a>b{grid-column:2!important;grid-row:3!important;margin-top:5px!important}
  html body.case-editorial .project-films .card{width:calc((100% - 14px)/2)!important;flex-basis:calc((100% - 14px)/2)!important}
}