/* Inset enquiry panels with a white surround, shared across the site. */
.portfolio-enquiry, .case-enquiry, .about-contact {
  background: #fff;
  padding: 48px 0 64px;
}
.portfolio-enquiry > div, .case-enquiry > div, .about-contact > div {
  box-sizing: border-box;
  width: min(1200px, calc(100% - 64px));
  margin-inline: auto;
  padding: 36px;
  background: #e8eff5;
}
.case-project-return { display: flex; justify-content: space-between; align-items: center; gap: 24px; padding-block: 0; }
.case-scope + .case-project-return { padding-top: 48px; }
.case-project-return a { color: #203f60; font-size: 14px; }
.case-project-return a:hover { text-decoration: underline; text-underline-offset: 4px; }
.case-project-return a:focus-visible { outline: 2px solid #547a9b; outline-offset: 5px; }
.case-project-return + .case-enquiry { padding-top: 32px; }
@media (max-width: 700px) {
  .case-scope + .case-project-return { padding-top: 32px; }
  .portfolio-enquiry, .case-enquiry, .about-contact { padding: 32px 0 40px; }
  .portfolio-enquiry > div, .case-enquiry > div, .about-contact > div {
    width: calc(100% - 32px);
    padding: 24px;
  }
}