/* ── Section 36: Careers Hero — "Upward Trajectory" atmospheric depth ── */
    .careers-hero {
      position: relative;
      overflow: hidden;
    }

    /* Layer 1: Multi-gradient vignette — upward energy, asymmetric warmth */
    .careers-hero::before {
      content: "";
      position: absolute;
      inset: 0;
      background:
        radial-gradient(ellipse 55% 45% at 50% 70%, rgba(231, 65, 50, 0.055), transparent 60%),
        radial-gradient(ellipse 65% 50% at 35% 40%, rgba(231, 65, 50, 0.03), transparent 55%),
        radial-gradient(ellipse 40% 35% at 70% 55%, rgba(245, 240, 235, 0.015), transparent 50%),
        linear-gradient(0deg, rgba(20, 12, 8, 0.3) 0%, transparent 40%);
      pointer-events: none;
      z-index: 0;
    }

    /* Layer 2: SVG noise texture for grain */
    .careers-hero::after {
      content: '';
      position: absolute;
      inset: 0;
      opacity: 0.033;
      background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");
      background-size: 256px 256px;
      pointer-events: none;
      z-index: 1;
    }

    /* Layer 3: Atmospheric glow orb — center-bottom, energy rising from below */
    .careers-hero-glow {
      position: absolute;
      width: 480px;
      height: 300px;
      top: 60%;
      left: 50%;
      transform: translate(-50%, -50%);
      background: radial-gradient(ellipse at center, rgba(231, 65, 50, 0.06) 0%, rgba(231, 65, 50, 0.02) 40%, transparent 70%);
      filter: blur(3.5rem);
      pointer-events: none;
      z-index: 0;
    }

    /* Heading text-shadow stacking (3 layers) — upward offset for rising energy */
    .careers-hero .hero-heading {
      letter-spacing: -0.01em;
      text-shadow:
        0 -2px 16px rgba(0, 0, 0, 0.6),
        0 4px 32px rgba(0, 0, 0, 0.35),
        0 0 60px rgba(0, 0, 0, 0.2);
    }

    /* ── Rising particles — @keyframes ── */
    @keyframes particleRise {
      0% {
        transform: translateY(0);
        opacity: var(--p-opacity);
      }
      85% {
        opacity: var(--p-opacity);
      }
      100% {
        transform: translateY(-120vh);
        opacity: 0;
      }
    }

    /* Particle container — full overlay so nth-child counts correctly */
    .careers-particles {
      position: absolute;
      inset: 0;
      pointer-events: none;
      z-index: 0;
    }

    /* Particle base style */
    .careers-particle {
      position: absolute;
      bottom: -20px;
      border-radius: 50%;
      background: rgba(231, 65, 50, var(--p-opacity, 0.1));
      width: var(--p-size, 4px);
      height: var(--p-size, 4px);
      pointer-events: none;
      animation: particleRise var(--p-duration, 12s) var(--p-delay, 0s) linear infinite;
      will-change: transform, opacity;
    }

    /* 15 unique particle instances — varied positions, sizes, speeds, opacities */
    .careers-particle:nth-child(1)  { --p-size: 3px; --p-opacity: 0.08;  --p-duration: 11s;  --p-delay: 0s;    left: 8%; }
    .careers-particle:nth-child(2)  { --p-size: 4px; --p-opacity: 0.12;  --p-duration: 14s;  --p-delay: 2s;    left: 15%; }
    .careers-particle:nth-child(3)  { --p-size: 3px; --p-opacity: 0.06;  --p-duration: 9s;   --p-delay: 5s;    left: 22%; }
    .careers-particle:nth-child(4)  { --p-size: 5px; --p-opacity: 0.10;  --p-duration: 13s;  --p-delay: 1s;    left: 30%; }
    .careers-particle:nth-child(5)  { --p-size: 3px; --p-opacity: 0.09;  --p-duration: 10s;  --p-delay: 7s;    left: 37%; }
    .careers-particle:nth-child(6)  { --p-size: 4px; --p-opacity: 0.15;  --p-duration: 12s;  --p-delay: 3s;    left: 44%; }
    .careers-particle:nth-child(7)  { --p-size: 3px; --p-opacity: 0.07;  --p-duration: 15s;  --p-delay: 6s;    left: 50%; }
    .careers-particle:nth-child(8)  { --p-size: 5px; --p-opacity: 0.11;  --p-duration: 8s;   --p-delay: 0.5s;  left: 57%; }
    .careers-particle:nth-child(9)  { --p-size: 4px; --p-opacity: 0.08;  --p-duration: 14s;  --p-delay: 4s;    left: 63%; }
    .careers-particle:nth-child(10) { --p-size: 3px; --p-opacity: 0.13;  --p-duration: 11s;  --p-delay: 7.5s;  left: 70%; }
    .careers-particle:nth-child(11) { --p-size: 5px; --p-opacity: 0.06;  --p-duration: 13s;  --p-delay: 2.5s;  left: 76%; }
    .careers-particle:nth-child(12) { --p-size: 4px; --p-opacity: 0.10;  --p-duration: 9s;   --p-delay: 5.5s;  left: 83%; }
    .careers-particle:nth-child(13) { --p-size: 3px; --p-opacity: 0.14;  --p-duration: 12s;  --p-delay: 1.5s;  left: 89%; }
    .careers-particle:nth-child(14) { --p-size: 4px; --p-opacity: 0.07;  --p-duration: 10s;  --p-delay: 8s;    left: 94%; }
    .careers-particle:nth-child(15) { --p-size: 5px; --p-opacity: 0.09;  --p-duration: 15s;  --p-delay: 3.5s;  left: 5%; }

    /* ── Mobile ── */
    @media (max-width: 768px) {
      .careers-hero-glow {
        width: 300px;
        height: 200px;
      }
      /* Hide some particles on mobile for perf */
      .careers-particle:nth-child(n+10) {
        display: none;
      }
    }