/* FilmIndustry Jobs UP1669 — Homepage Required Modules Compact Mobile Polish
   Keeps Join the Platform and Career Hub on the homepage, but makes them calmer and shorter on mobile. */
@media (max-width: 760px) {
  body.fij-design-v1669 {
    --fij-mobile-edge: clamp(14px, 4vw, 18px);
  }

  body.fij-design-v1669 .fij-home-v1669 .fij-home-section-v1658 {
    padding-left: var(--fij-mobile-edge) !important;
    padding-right: var(--fij-mobile-edge) !important;
  }

  body.fij-design-v1669 .fij-home-v1669 .container {
    width: 100% !important;
    max-width: none !important;
  }

  /* Join module: keep the three entry paths, reduce height and visual weight. */
  body.fij-design-v1669 .fij-home-v1669 .fij-join-section-v1658 {
    padding-top: 26px !important;
    padding-bottom: 24px !important;
  }

  body.fij-design-v1669 .fij-home-v1669 .fij-join-grid-v1658 {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }

  body.fij-design-v1669 .fij-home-v1669 .fij-join-grid-v1658 > div:first-child {
    padding: 22px 20px !important;
    min-height: 0 !important;
    background: #07111f !important;
    color: #fff !important;
    border: 1px solid rgba(255,255,255,.08) !important;
  }

  body.fij-design-v1669 .fij-home-v1669 .fij-join-grid-v1658 > div:first-child .fij-kicker-v1658 {
    font-size: 10px !important;
    letter-spacing: .18em !important;
  }

  body.fij-design-v1669 .fij-home-v1669 .fij-join-grid-v1658 > div:first-child h2 {
    margin-top: 10px !important;
    font-size: clamp(1.55rem, 7vw, 2rem) !important;
    line-height: 1.02 !important;
    letter-spacing: -.035em !important;
    max-width: 12.5em !important;
  }

  body.fij-design-v1669 .fij-home-v1669 .fij-join-grid-v1658 > div:first-child p {
    margin-top: 10px !important;
    font-size: .92rem !important;
    line-height: 1.55 !important;
    color: rgba(255,255,255,.72) !important;
    max-width: 28em !important;
  }

  body.fij-design-v1669 .fij-home-v1669 .fij-join-card-v1658 {
    display: grid !important;
    grid-template-columns: 1fr auto !important;
    align-items: center !important;
    gap: 10px !important;
    min-height: 68px !important;
    padding: 14px 16px !important;
    border: 1px solid rgba(15,23,42,.12) !important;
    box-shadow: none !important;
    background: #fff !important;
  }

  body.fij-design-v1669 .fij-home-v1669 .fij-join-card-v1658::after {
    content: '›';
    color: #00a9bc;
    font-size: 1.35rem;
    line-height: 1;
    font-weight: 900;
  }

  body.fij-design-v1669 .fij-home-v1669 .fij-join-card-v1658 strong {
    font-size: 1.08rem !important;
    line-height: 1.1 !important;
    letter-spacing: -.02em !important;
  }

  body.fij-design-v1669 .fij-home-v1669 .fij-join-card-v1658 span {
    margin-top: 4px !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden !important;
    font-size: .84rem !important;
    line-height: 1.4 !important;
    color: #64707f !important;
  }

  /* Career Hub: important for SEO, but homepage only needs a small preview on mobile. */
  body.fij-design-v1669 .fij-home-v1669 .fij-resources-v1658 {
    padding-top: 24px !important;
    padding-bottom: 26px !important;
  }

  body.fij-design-v1669 .fij-home-v1669 .fij-resources-v1658 .fij-section-head-v1658 {
    display: grid !important;
    gap: 12px !important;
    margin-bottom: 14px !important;
  }

  body.fij-design-v1669 .fij-home-v1669 .fij-resources-v1658 .fij-section-head-v1658 h2 {
    font-size: clamp(1.65rem, 7vw, 2.1rem) !important;
    line-height: 1.05 !important;
    letter-spacing: -.035em !important;
    max-width: 12.5em !important;
  }

  body.fij-design-v1669 .fij-home-v1669 .fij-resources-v1658 .fij-section-head-v1658 > a {
    justify-self: start !important;
    width: auto !important;
    min-height: 40px !important;
    padding: 10px 16px !important;
    font-size: 11px !important;
    letter-spacing: .11em !important;
    border: 1px solid rgba(15,23,42,.16) !important;
    background: #fff !important;
  }

  body.fij-design-v1669 .fij-home-v1669 .fij-resource-grid-v1658 {
    display: block !important;
  }

  body.fij-design-v1669 .fij-home-v1669 .fij-resource-grid-v1658 > *:nth-child(n+2) {
    display: none !important;
  }

  body.fij-design-v1669 .fij-home-v1669 .fij-resource-card-v1658 {
    display: grid !important;
    grid-template-columns: 108px 1fr !important;
    gap: 14px !important;
    align-items: stretch !important;
    padding: 12px !important;
    border: 1px solid rgba(15,23,42,.12) !important;
    background: #fff !important;
    box-shadow: none !important;
  }

  body.fij-design-v1669 .fij-home-v1669 .fij-resource-card-v1658 .fij-image-shell,
  body.fij-design-v1669 .fij-home-v1669 .fij-resource-card-v1658 .fij-image-shell.is-missing {
    grid-row: 1 / span 4 !important;
    width: 108px !important;
    min-height: 108px !important;
    height: 108px !important;
    border: 0 !important;
    background: #07111f !important;
  }

  body.fij-design-v1669 .fij-home-v1669 .fij-resource-card-v1658 .fij-image-shell::after {
    font-size: 10px !important;
    letter-spacing: .18em !important;
  }

  body.fij-design-v1669 .fij-home-v1669 .fij-resource-card-v1658 > span:not(.fij-image-shell) {
    align-self: end !important;
    font-size: 10px !important;
    letter-spacing: .14em !important;
    color: #d92370 !important;
    margin: 0 !important;
  }

  body.fij-design-v1669 .fij-home-v1669 .fij-resource-card-v1658 h3 {
    margin: 2px 0 0 !important;
    font-size: 1.08rem !important;
    line-height: 1.18 !important;
    letter-spacing: -.025em !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden !important;
  }

  body.fij-design-v1669 .fij-home-v1669 .fij-resource-card-v1658 p {
    margin: 4px 0 0 !important;
    font-size: .86rem !important;
    line-height: 1.45 !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden !important;
  }

  body.fij-design-v1669 .fij-home-v1669 .fij-empty-v1658 {
    padding: 16px !important;
    min-height: 0 !important;
  }

  /* Final employer CTA stays, but not as a tall billboard on mobile. */
  body.fij-design-v1669 .fij-home-v1669 .fij-final-cta-v1658 {
    padding: 24px var(--fij-mobile-edge) 96px !important;
  }

  body.fij-design-v1669 .fij-home-v1669 .fij-final-cta-inner-v1658 {
    display: grid !important;
    gap: 14px !important;
    padding: 22px 20px !important;
    min-height: 0 !important;
  }

  body.fij-design-v1669 .fij-home-v1669 .fij-final-cta-inner-v1658 h2 {
    font-size: clamp(1.65rem, 7vw, 2.15rem) !important;
    line-height: 1.05 !important;
    letter-spacing: -.035em !important;
  }

  body.fij-design-v1669 .fij-home-v1669 .fij-final-cta-inner-v1658 p {
    font-size: .94rem !important;
    line-height: 1.55 !important;
  }

  body.fij-design-v1669 .fij-home-v1669 .fij-final-cta-inner-v1658 > a {
    justify-self: start !important;
    width: auto !important;
    min-height: 42px !important;
    padding: 12px 18px !important;
    font-size: 11px !important;
    letter-spacing: .12em !important;
  }

  /* Floating Lucas is useful, but should not visually dominate homepage modules. */
  body.fij-design-v1669:not(.fij-job-detail-context) .fij-lucas-float {
    width: 46px !important;
    height: 46px !important;
    right: 18px !important;
    bottom: calc(82px + env(safe-area-inset-bottom, 0px)) !important;
    box-shadow: 0 10px 22px rgba(0,194,215,.24) !important;
  }

  body.fij-design-v1669 .fij-lucas-float .fij-lucas-copy {
    display: none !important;
  }

  body.fij-design-v1669 .fij-lucas-float .fij-lucas-orb {
    width: 46px !important;
    height: 46px !important;
    font-size: 15px !important;
  }
}
