/* ==========================================================================
   Bedrok Media — Careers Page Styles
   Page-specific overrides. Base tokens and shared classes live in base.css.
   ========================================================================== */

/* ---- Careers hero image -------------------------------------------------- */
.careers-image-section {
  padding-block: 56px;
}

.careers-hero-img {
  border-radius: var(--radius);
  box-shadow: var(--shadow-lg);
  max-width: 600px;
  width: 100%;
  margin-inline: auto;
}

/* ---- Positions grid — single card left-aligns naturally ----------------- */
/* Nothing extra needed; .grid.grid-2 handles layout. */

/* ---- Responsive ---------------------------------------------------------- */
@media (max-width: 860px) {
  .careers-hero-img {
    max-width: 480px;
  }
}

@media (max-width: 560px) {
  .careers-hero-img {
    max-width: 100%;
  }
}