/* ==========================================================================
   Studio Concentric — real asset bindings
   --------------------------------------------------------------------------
   These classes connect the markup to the actual asset images. Swap any
   URL when newer artwork arrives; markup never changes.
   ========================================================================== */

/* HERO */
.ph-hero {
  background-color: #050505;
  background-image: url("hero-background.png");
  background-size: cover;
  background-position: center;
}

/* FEATURED WORK CARDS */
.ph-card-1 {
  background-color: #14181f;
  background-image: url("featured-the-hollow.png");
  background-size: cover;
  background-position: center;
}
.ph-card-2 {
  background-color: #1f1410;
  background-image: url("featured-all-this-time.png");
  background-size: cover;
  background-position: center;
}
.ph-card-3 {
  background-color: #0e1218;
  background-image: url("featured-liminal.png");
  background-size: cover;
  background-position: center;
}
.ph-card-4 {
  background-color: #1a1820;
  background-image: url("featured-echoes.png");
  background-size: cover;
  background-position: center;
}

/* ABOUT — eclipse / horizon */
.ph-about {
  background-color: #b8b0a0;
  background-image: url("about-eclipse.png");
  background-size: cover;
  background-position: center;
}

/* NEWS THUMBNAILS */
.ph-news-1 {
  background-color: #1c1810;
  background-image: url("news-first-look.png");
  background-size: cover;
  background-position: center;
}
.ph-news-2 {
  background-color: #0a1418;
  background-image: url("news-cannes.png");
  background-size: cover;
  background-position: center;
}
.ph-news-3 {
  background-color: #1c1816;
  background-image: url("news-echoes-production.png");
  background-size: cover;
  background-position: center;
}
/* News slot #4 reuses the first-look image until a fourth asset arrives. */
.ph-news-4 {
  background-color: #1c1810;
  background-image: url("news-first-look.png");
  background-size: cover;
  background-position: center;
  filter: hue-rotate(180deg) brightness(0.85);
}