/* BechWood's own project photography, treated with calm editorial overlays. */
.hero {
  background-image: linear-gradient(90deg, rgba(240,239,234,.96) 0%, rgba(240,239,234,.86) 42%, rgba(20,21,18,.21) 100%), url("assets/hero-project.png");
  background-size: cover;
  background-position: center;
}

.hero-art { opacity: .42; mix-blend-mode: multiply; }

.project-placeholder { background-size: cover; background-position: center; }
.p-one { background-image: linear-gradient(145deg, rgba(12,13,11,.07), rgba(12,13,11,.42)), url("assets/projects/projekt-1.png"); }
.p-two { background-image: linear-gradient(145deg, rgba(12,13,11,.07), rgba(12,13,11,.38)), url("assets/projects/projekt-2.png"); }
.p-three { background-image: linear-gradient(145deg, rgba(12,13,11,.06), rgba(12,13,11,.44)), url("assets/projects/projekt-3.png"); }

@media(max-width:760px) {
  .hero { background-image: linear-gradient(90deg, rgba(240,239,234,.97) 0%, rgba(240,239,234,.77) 100%), url("assets/hero-project.png"); background-position: 61% center; }
}