/* Keep the vans visible behind the entire homepage. */
body { position: relative; isolation: isolate; background: transparent; }
body::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background: linear-gradient(rgba(0,0,0,.18),rgba(0,0,0,.18)), url("project-rewire-vans.jpg") center 70% / cover no-repeat;
}
header.background-tint {
  background: transparent;
  height: 74svh;
  min-height: 460px;
  max-height: 900px;
}
header.background-tint .tex { align-self: flex-start; padding-top: 110px; }
header.background-tint .tex img { width: clamp(240px,32vw,460px); height: auto; }
body > .tex-1, body > main, body > footer {
  width: calc(100% - 48px);
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
}
body > .tex-1 {
  background: rgba(255,255,255,.94);
  border-radius: 16px;
  margin-top: 28px;
  margin-bottom: 28px;
  padding: 24px 12px;
}
body > .tex-1 h1 { padding-top: 0; margin-bottom: 0; }
body > main { background: transparent; }
body > main > .container-fluid, body > main > .row {
  background-color: rgba(255,255,255,.94);
  border-radius: 16px;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 28px;
}
body > footer {
  background-color: rgba(255,255,255,.96);
  border-radius: 16px 16px 0 0;
  margin-top: 28px;
}
@media (max-width: 600px) {
  body::before { background-position: 57% center; }
  header.background-tint { height: 72svh; min-height: 420px; }
  header.background-tint .tex { padding-top: 90px; }
  body > .tex-1, body > main, body > footer { width: calc(100% - 24px); }
}