/* =========================================================
   TEMPORARY PLACEHOLDER STYLES
   Delete this file and its <link> tag in index.html once your
   real photos are sitting in the /images folder.
   Nothing else in the site depends on it.
   ========================================================= */

/* The hero banner is a CSS background image, so it can't use the
   JS placeholder. This paints a labeled stand-in behind the overlay
   until images/truckbanner.jpg exists. Once the file is uploaded,
   the real photo covers this automatically. */
.hero-media{
  background-color:#1c2f52;
}
.hero-media::after{
  position:absolute;
  left:50%;
  bottom:14px;
  transform:translateX(-50%);
  font-family:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size:.72rem;
  letter-spacing:.06em;
  color:#c9d6ee;
  background:rgba(9,17,34,.6);
  border:1px dashed rgba(201,214,238,.45);
  border-radius:999px;
  padding:.3rem .8rem;
  white-space:nowrap;
  pointer-events:none;
}

/* Soften the black card background behind gallery placeholders */
.cf-card{ background:#eef1f7; }