/* Careers (/careers): clear and calm (15 Oct, full-site pass).
   The first screen was a 360-520 px tall hero with its film (which carries its own words, "The planet is our
   playground") cut off at the sides on phones and the JOIN WAVELENGTH button laid over it; the shared hero headline
   box (.container-hero-headline.home) added Webflow's 15em padding-top and 6em margins, so on a 390 px screen the
   first heading of the page sat 1,300 px down. Now the film plays clean in the kit's rounded frame (whole 16:9 frame on
   phones, so its words read), with the button under it.
   The text is set as side heads: each section title across the page, its paragraphs in a readable column, and the
   short headed points ("Take ownership", ...) as a list with the point on the left and its text beside it, divided by
   hairlines. Perks as a grid of icons, the numbers as a lime stat row, open roles as solid cards.
   Words, order and links are untouched; every rule is scoped to this page id. */

/* ---------- first screen: the film, then the button ---------- */
html[data-wf-page="6891bb2ee23808922898e90f"] .section-hero-careers {
  display: block;
  min-height: 0;
  margin: 0;
  padding: 14px var(--wl-gutter) 0;
  overflow: visible;
  background: none;
  color: #fff;
  text-align: left;
}
html[data-wf-page="6891bb2ee23808922898e90f"] .section-hero-careers::after { content: none; }
html[data-wf-page="6891bb2ee23808922898e90f"] .section-hero-careers .careers-hero-video {
  position: relative;
  inset: auto;
  z-index: 0;
  width: 100%;
  max-width: 1440px;
  height: clamp(300px, 56vh, 620px);
  margin: 0 auto;
  overflow: hidden;
  border-radius: var(--wl-r-lg);
  background: var(--wl-ink-2);
  box-shadow: 0 0 0 1px var(--wl-line);
}
html[data-wf-page="6891bb2ee23808922898e90f"] .section-hero-careers .careers-hero-video > video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  object-fit: cover;
  background-size: cover;
  background-position: center;
}
html[data-wf-page="6891bb2ee23808922898e90f"] .section-hero-careers :is(.container-hero, .container-for-hero) {
  display: block;
  width: 100%;
  max-width: var(--wl-max);
  margin: 0 auto;
  padding: 0;
}
html[data-wf-page="6891bb2ee23808922898e90f"] .section-hero-careers .container-hero-headline.home {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  margin: 0;
  padding: clamp(22px, 2.6vw, 36px) 0 0;
  border-radius: 0;
  font-size: 16px;
}
html[data-wf-page="6891bb2ee23808922898e90f"] .section-hero-careers .spacer-0-5em { display: none; }
html[data-wf-page="6891bb2ee23808922898e90f"] .section-hero-careers .button-6 {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-height: 48px;
  margin: 0;
  padding: 12px 26px;
  border: 1.5px solid var(--wl-lime);
  border-radius: 999px;
  background: var(--wl-lime);
  background-image: none;
  color: var(--wl-ink);
  font-family: Poppins, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: .06em;
  opacity: 1;
  transition: background-color .2s;
}
html[data-wf-page="6891bb2ee23808922898e90f"] .section-hero-careers .button-6::after {
  content: "";
  width: 14px;
  height: 14px;
  background: currentColor;
  -webkit-mask: var(--wl-arrow) center / contain no-repeat;
          mask: var(--wl-arrow) center / contain no-repeat;
}
html[data-wf-page="6891bb2ee23808922898e90f"] .section-hero-careers .button-6:hover { background: #e6ff5c; }

/* ---------- the text columns ---------- */
html[data-wf-page="6891bb2ee23808922898e90f"] .section-hero-careers + .section-cloud { padding-top: clamp(40px, 5vw, 72px); }
/* content boxes: not the Let's Talk card that redesign.css draws for .container-960-left (#contact keeps it) */
html[data-wf-page="6891bb2ee23808922898e90f"] body > :is(.section-cloud, .section-blue) > .container-960-left {
  display: block;
  width: 100%;
  max-width: var(--wl-max);
  margin: 0 auto;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: none;
  color: var(--wl-muted);
}
html[data-wf-page="6891bb2ee23808922898e90f"] body > .section-cloud .rich-text-block {
  display: grid;
  grid-template-columns: minmax(0, 4fr) minmax(0, 8fr);
  column-gap: clamp(32px, 5vw, 88px);
  align-items: start;
  color: var(--wl-muted);
}
html[data-wf-page="6891bb2ee23808922898e90f"] body > .section-cloud .rich-text-block::before,
html[data-wf-page="6891bb2ee23808922898e90f"] body > .section-cloud .rich-text-block::after { content: none; }
html[data-wf-page="6891bb2ee23808922898e90f"] body > .section-cloud :is(.rich-text-block, .button-row) + :is(.rich-text-block, .display-flex) { margin-top: clamp(40px, 5vw, 72px); }
html[data-wf-page="6891bb2ee23808922898e90f"] body > .section-cloud .rich-text-block > :is(p, ul) {
  grid-column: 2;
  max-width: 66ch;
  margin: 0 0 1em;
}
/* the opening paragraphs read a size up, across both columns */
html[data-wf-page="6891bb2ee23808922898e90f"] .section-hero-careers + .section-cloud .container-960-left > .rich-text-block:first-child > p {
  grid-column: 1 / -1;
  max-width: 54ch;
  color: rgba(255, 255, 255, .88);
  font-size: clamp(17px, 15.6px + .55vw, 21.5px);
  line-height: 1.6;
}
html[data-wf-page="6891bb2ee23808922898e90f"] .section-hero-careers + .section-cloud .container-960-left > .rich-text-block:first-child > p:first-child {
  color: #fff;
  font-size: clamp(20px, 16.5px + 1.1vw, 30px);
  font-weight: 500;
  line-height: 1.35;
  letter-spacing: -.015em;
}
/* section titles run across the page */
html[data-wf-page="6891bb2ee23808922898e90f"] body > .section-cloud .rich-text-block > h3 {
  grid-column: 1 / -1;
  max-width: none;
  margin: 0 0 22px;
  padding-top: clamp(28px, 3.4vw, 44px);
  border-top: 1px solid var(--wl-line-2);
  color: #fff;
  font-family: Bungee, sans-serif;
  font-size: clamp(1.35rem, .95rem + 1.25vw, 2.15rem);
  font-weight: 400;
  line-height: 1.1;
  letter-spacing: 0;
}
html[data-wf-page="6891bb2ee23808922898e90f"] body > .section-cloud .rich-text-block > h3:not(:first-child) { margin-top: clamp(36px, 4.4vw, 64px); }
html[data-wf-page="6891bb2ee23808922898e90f"] body > .section-cloud .rich-text-block > h3 strong { color: inherit; font-weight: 400; }
/* headed points: the point on the left, its text beside it */
html[data-wf-page="6891bb2ee23808922898e90f"] body > .section-cloud .rich-text-block > h4 {
  grid-column: 1;
  display: flex;
  align-items: flex-start;
  gap: 12px;
  margin: 0;
  padding: 18px 0;
  border-top: 1px solid var(--wl-line);
  color: #fff;
  font-family: Poppins, sans-serif;
  font-size: clamp(1rem, .95rem + .25vw, 1.15rem);
  font-weight: 600;
  line-height: 1.4;
}
html[data-wf-page="6891bb2ee23808922898e90f"] body > .section-cloud .rich-text-block > h4::before {
  content: "";
  flex: none;
  width: 8px;
  height: 8px;
  margin-top: .55em;
  border-radius: 2px;
  background: var(--wl-lime);
  transform: rotate(45deg);
}
html[data-wf-page="6891bb2ee23808922898e90f"] body > .section-cloud .rich-text-block > h4 + p {
  margin: 0;
  padding: 18px 0;
  border-top: 1px solid var(--wl-line);
}
html[data-wf-page="6891bb2ee23808922898e90f"] body > .section-cloud .rich-text-block > h4 + p + :is(p, h3, ul) { margin-top: 22px; }
html[data-wf-page="6891bb2ee23808922898e90f"] body > .section-cloud .rich-text-block > h4 a {
  color: #fff;
  text-decoration: none;
  border-bottom: 1px solid rgba(210, 248, 1, .6);
}
html[data-wf-page="6891bb2ee23808922898e90f"] body > .section-cloud .rich-text-block > h4 a:hover { color: var(--wl-lime); }

/* buttons: the first in each row is the main action */
html[data-wf-page="6891bb2ee23808922898e90f"] body > .section-cloud .button-row {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin: 8px 0 0;
}
html[data-wf-page="6891bb2ee23808922898e90f"] body > .section-cloud .button-row .partner-button {
  align-self: flex-start;
  min-width: 0;
  margin: 0;
}
html[data-wf-page="6891bb2ee23808922898e90f"] body > .section-cloud .button-row .partner-button:first-child {
  background: var(--wl-lime);
  border-color: var(--wl-lime);
  color: var(--wl-ink);
}
html[data-wf-page="6891bb2ee23808922898e90f"] body > .section-cloud .button-row .partner-button:first-child:hover { background: #e6ff5c; border-color: #e6ff5c; }

/* ---------- perks ---------- */
html[data-wf-page="6891bb2ee23808922898e90f"] body > .section-cloud .display-flex.wfull.top-margin {
  display: block;
  margin: clamp(48px, 6vw, 88px) 0 24px;
  padding-top: clamp(28px, 3.4vw, 44px);
  border-top: 1px solid var(--wl-line-2);
}
html[data-wf-page="6891bb2ee23808922898e90f"] body > .section-cloud .label-brands.center-text {
  padding: 0;
  color: #fff;
  font-size: clamp(1.35rem, .95rem + 1.25vw, 2.15rem);
  line-height: 1.15;
  text-align: left;
}
html[data-wf-page="6891bb2ee23808922898e90f"] body > .section-cloud .w-layout-grid.display-flex {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  align-items: stretch;
  gap: 0;
  border-top: 1px solid var(--wl-line);
}
html[data-wf-page="6891bb2ee23808922898e90f"] .flex-block-13.benefits {
  display: block;
  width: auto;
  padding: 26px clamp(16px, 2vw, 28px) 28px 0;
  border-bottom: 1px solid var(--wl-line);
  background: none;
  color: var(--wl-muted);
  text-align: left;
}
html[data-wf-page="6891bb2ee23808922898e90f"] .flex-block-13.benefits.full { grid-column: span 2; }
html[data-wf-page="6891bb2ee23808922898e90f"] .flex-block-13.benefits .div-block-39 {
  display: block;
  max-width: none;
}
html[data-wf-page="6891bb2ee23808922898e90f"] .benefit-icon {
  display: block;
  width: 40px;
  height: 40px;
  margin: 0 0 18px;
  object-fit: contain;
  border-radius: 0;
  filter: invert(1);
  opacity: .9;
}
html[data-wf-page="6891bb2ee23808922898e90f"] .flex-block-13.benefits .text-home-column { text-align: left; }
html[data-wf-page="6891bb2ee23808922898e90f"] body > .section-cloud .benefit-title {
  display: block;
  margin: 0 0 8px;
  color: #fff;
  font-family: Poppins, sans-serif;
  font-size: 1.05rem;
  font-weight: 600;
  line-height: 1.35;
  text-align: left;
}
html[data-wf-page="6891bb2ee23808922898e90f"] body > .section-cloud .flex-block-13.benefits p.sm-text {
  margin: 0;
  color: var(--wl-muted);
  font-size: 15px;
  line-height: 1.6;
}

/* ---------- our global dna: four numbers ---------- */
html[data-wf-page="6891bb2ee23808922898e90f"] .section-white.stats-section { padding-top: clamp(48px, 6vw, 88px); }
html[data-wf-page="6891bb2ee23808922898e90f"] .stats-section .container-960-centered {
  display: block;
  width: 100%;
  max-width: var(--wl-max);
  margin: 0 auto;
  text-align: left;
}
html[data-wf-page="6891bb2ee23808922898e90f"] .stats-section .label-brands {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 0 0 22px;
  padding: 0;
  color: rgba(255, 255, 255, .88);
  font-family: Poppins, sans-serif;
  font-size: clamp(12px, 11.4px + .2vw, 14px);
  font-weight: 600;
  line-height: 1.35;
  letter-spacing: .16em;
  text-align: left;
  text-transform: uppercase;
}
html[data-wf-page="6891bb2ee23808922898e90f"] .stats-section .label-brands::before {
  content: "";
  flex: none;
  width: 28px;
  height: 3px;
  border-radius: 2px;
  background: var(--wl-lime);
}
html[data-wf-page="6891bb2ee23808922898e90f"] .grid-wavelength-numbers.global-dna {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0;
  max-width: none;
  border-top: 1px solid var(--wl-line-2);
  border-bottom: 1px solid var(--wl-line-2);
}
html[data-wf-page="6891bb2ee23808922898e90f"] .global-dna .container-grid-wavelength-numbers-copy {
  align-items: flex-start;
  justify-content: flex-start;
  padding: clamp(24px, 3vw, 40px) clamp(16px, 2vw, 28px);
  text-align: left;
}
html[data-wf-page="6891bb2ee23808922898e90f"] .global-dna .container-grid-wavelength-numbers-copy + .container-grid-wavelength-numbers-copy { border-left: 1px solid var(--wl-line-2); }
html[data-wf-page="6891bb2ee23808922898e90f"] .global-dna .container-grid-wavelength-numbers-copy:first-child { padding-left: 0; }
html[data-wf-page="6891bb2ee23808922898e90f"] .global-dna .text-wavelength-number-headline {
  margin: 0 0 10px;
  color: var(--wl-lime);
  font-family: Bungee, sans-serif;
  font-size: clamp(2.6rem, 1.4rem + 4vw, 5.2rem);
  line-height: .95;
}
html[data-wf-page="6891bb2ee23808922898e90f"] .global-dna .text-unreel-number-subline {
  color: #fff;
  font-family: Poppins, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.35;
}

/* ---------- open roles: solid cards ---------- */
html[data-wf-page="6891bb2ee23808922898e90f"] #open-roles.section-blue { padding-top: clamp(48px, 6vw, 88px); }
html[data-wf-page="6891bb2ee23808922898e90f"] #open-roles .display-flex.wfull { display: block; margin: 0 0 26px; }
html[data-wf-page="6891bb2ee23808922898e90f"] #open-roles .label-brands {
  padding: 0;
  color: var(--wl-lime);
  font-size: clamp(1.8rem, 1rem + 2.6vw, 3.4rem);
  line-height: 1;
  text-align: left;
}
html[data-wf-page="6891bb2ee23808922898e90f"] #open-roles .grid-3-col {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(16px, 2vw, 28px);
}
html[data-wf-page="6891bb2ee23808922898e90f"] #open-roles .job-post {
  display: flex;
  flex-direction: column;
  gap: 0;
  padding: 0;
  overflow: hidden;
  border-radius: 22px;
  background: var(--wl-card-bg);
  box-shadow: 0 0 0 1px var(--wl-line);
}
html[data-wf-page="6891bb2ee23808922898e90f"] #open-roles .job-post .div-block-39 {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  align-items: stretch;
  justify-content: flex-start;
  max-width: none;
  height: auto;
}
html[data-wf-page="6891bb2ee23808922898e90f"] #open-roles .jobpost-feature {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  border-radius: 0;
}
html[data-wf-page="6891bb2ee23808922898e90f"] #open-roles .job-title {
  margin: 22px 24px 10px;
  color: #fff;
  font-family: Poppins, sans-serif;
  font-size: clamp(1.1rem, 1rem + .35vw, 1.3rem);
  font-weight: 600;
  line-height: 1.3;
}
html[data-wf-page="6891bb2ee23808922898e90f"] #open-roles .text-home-column.black-text {
  margin: 0 24px 16px;
  padding: 0;
  color: var(--wl-muted);
  font-size: 15px;
  text-align: left;
}
html[data-wf-page="6891bb2ee23808922898e90f"] #open-roles .text-home-column.black-text p { margin: 0 0 .8em; color: var(--wl-muted); font-size: 15px; line-height: 1.6; }
html[data-wf-page="6891bb2ee23808922898e90f"] #open-roles .text-home-column.black-text strong { color: #fff; }
html[data-wf-page="6891bb2ee23808922898e90f"] #open-roles .job-post .button-highlight {
  align-self: flex-start;
  margin: auto 24px 24px;
  background: var(--wl-lime);
  border-color: var(--wl-lime);
  color: var(--wl-ink);
}
html[data-wf-page="6891bb2ee23808922898e90f"] #open-roles .job-post .button-highlight:hover { background: #e6ff5c; border-color: #e6ff5c; }

/* ---------- FAQ: category labels as kickers ---------- */
html[data-wf-page="6891bb2ee23808922898e90f"] .wl-faq-category + .wl-faq-category { margin-top: 36px; }
html[data-wf-page="6891bb2ee23808922898e90f"] .wl-faq-category > h4.heading-39 {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 0 0 12px;
  color: rgba(255, 255, 255, .88);
  font-family: Poppins, sans-serif;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.35;
  letter-spacing: .14em;
  text-align: left;
  text-transform: uppercase;
}
html[data-wf-page="6891bb2ee23808922898e90f"] .wl-faq-category > h4.heading-39::before {
  content: "";
  flex: none;
  width: 28px;
  height: 3px;
  border-radius: 2px;
  background: var(--wl-lime);
}

/* ---------- the brands band: a lifted navy band with the white logos ----------
   The lead's white logo files (UNREEL keeps its cut-out NETWORK letters; swapped in by careers.fixes.json),
   no CSS filter (live's site code inverts the last column, made for dark files on lime: undone here). Sized by height
   so the four weigh the same (Extreme 1, UNREEL .62, metdaan .56, Supercar Blondie .42). */
html[data-wf-page="6891bb2ee23808922898e90f"] body #what.section-neon {
  --logo: 64px;
  padding: clamp(30px, 3.6vw, 48px) var(--wl-gutter) clamp(36px, 4.4vw, 56px);
  border-top: 1px solid var(--wl-line);
  border-bottom: 1px solid var(--wl-line);
  background: var(--wl-ink-2);
}
html[data-wf-page="6891bb2ee23808922898e90f"] body #what.section-neon .label-brands {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  margin: 0 0 26px;
  color: rgba(255, 255, 255, .88);
}
html[data-wf-page="6891bb2ee23808922898e90f"] body #what.section-neon .label-brands::before {
  content: "";
  flex: none;
  width: 28px;
  height: 3px;
  border-radius: 2px;
  background: var(--wl-lime);
}
html[data-wf-page="6891bb2ee23808922898e90f"] body #what.section-neon .grid-brand-logos { align-items: center; row-gap: 26px; }
html[data-wf-page="6891bb2ee23808922898e90f"] body #what.section-neon .w-dyn-item { filter: none; }
html[data-wf-page="6891bb2ee23808922898e90f"] body #what.section-neon .container-grid-wavelength-brand { display: flex; align-items: center; justify-content: center; height: var(--logo); padding: 0 12px; }
html[data-wf-page="6891bb2ee23808922898e90f"] body #what.section-neon .image-6 {
  --h: var(--logo);
  display: block;
  width: auto;
  max-width: 100%;
  height: var(--h);
  aspect-ratio: auto;
  object-fit: contain;
  transform: none;
  filter: none;
}
html[data-wf-page="6891bb2ee23808922898e90f"] body #what.section-neon .image-6[src*="net-unreel"] { --h: calc(var(--logo) * .62); }
html[data-wf-page="6891bb2ee23808922898e90f"] body #what.section-neon .image-6[src*="net-metdaan"] { --h: calc(var(--logo) * .56); }
html[data-wf-page="6891bb2ee23808922898e90f"] body #what.section-neon .image-6[src*="net-supercar-blondie"] { --h: calc(var(--logo) * .5); }  /* its thin lettering needs a little more than .42 to read */

/* ---------- tablets ---------- */
@media screen and (max-width: 991px) {
  html[data-wf-page="6891bb2ee23808922898e90f"] .section-hero-careers .careers-hero-video { height: auto; aspect-ratio: 16 / 9; }
  html[data-wf-page="6891bb2ee23808922898e90f"] body > .section-cloud .w-layout-grid.display-flex { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  html[data-wf-page="6891bb2ee23808922898e90f"] .flex-block-13.benefits.full { grid-column: 1 / -1; }
  html[data-wf-page="6891bb2ee23808922898e90f"] #open-roles .grid-3-col { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

/* ---------- phones: one column ---------- */
@media screen and (max-width: 767px) {
  html[data-wf-page="6891bb2ee23808922898e90f"] .section-hero-careers { padding: 10px 10px 0; }
  html[data-wf-page="6891bb2ee23808922898e90f"] .section-hero-careers .careers-hero-video { border-radius: 20px; }
  html[data-wf-page="6891bb2ee23808922898e90f"] .section-hero-careers .container-hero-headline.home { padding: 18px 10px 0; }
  html[data-wf-page="6891bb2ee23808922898e90f"] .section-hero-careers + .section-cloud { padding-top: 36px; }
  html[data-wf-page="6891bb2ee23808922898e90f"] body > .section-cloud .rich-text-block { display: block; }
  html[data-wf-page="6891bb2ee23808922898e90f"] body > .section-cloud .rich-text-block > h4 { padding: 18px 0 8px; }
  html[data-wf-page="6891bb2ee23808922898e90f"] body > .section-cloud .rich-text-block > h4 + p { padding: 0 0 18px 20px; border-top: 0; }
  html[data-wf-page="6891bb2ee23808922898e90f"] body > .section-cloud .w-layout-grid.display-flex { grid-template-columns: minmax(0, 1fr); }
  html[data-wf-page="6891bb2ee23808922898e90f"] .flex-block-13.benefits { display: grid; padding: 20px 0; }
  html[data-wf-page="6891bb2ee23808922898e90f"] .flex-block-13.benefits .div-block-39 {
    display: grid;
    grid-template-columns: 36px minmax(0, 1fr);
    column-gap: 16px;
    align-items: start;
  }
  html[data-wf-page="6891bb2ee23808922898e90f"] .benefit-icon { width: 36px; height: 36px; margin: 2px 0 0; }
  html[data-wf-page="6891bb2ee23808922898e90f"] .grid-wavelength-numbers.global-dna { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  html[data-wf-page="6891bb2ee23808922898e90f"] .global-dna .container-grid-wavelength-numbers-copy:nth-child(odd) { padding-left: 0; border-left: 0; }
  html[data-wf-page="6891bb2ee23808922898e90f"] .global-dna .container-grid-wavelength-numbers-copy:nth-child(n + 3) { border-top: 1px solid var(--wl-line-2); }
  html[data-wf-page="6891bb2ee23808922898e90f"] #open-roles .grid-3-col { grid-template-columns: minmax(0, 1fr); }
  html[data-wf-page="6891bb2ee23808922898e90f"] #open-roles .job-title { margin: 20px 20px 8px; }
  html[data-wf-page="6891bb2ee23808922898e90f"] #open-roles .text-home-column.black-text { margin: 0 20px; }
  html[data-wf-page="6891bb2ee23808922898e90f"] #open-roles .job-post .button-highlight { margin: 6px 20px 20px; }
}

/* the campaigns button under "Some of our high-impact social campaigns" (shared): buttons.css gives it
   line-height: 48px, which beats redesign.css's phone rule, so on phones its two-line label became two 48 px lines in a
   120 px pill. Reported to the lead; held here on this page until the shared fix lands. */
@media screen and (max-width: 767px) {
  html[data-wf-page="6891bb2ee23808922898e90f"] body .section-dark-cloud .button-highlight { height: auto; min-height: 48px; padding: 13px 22px; line-height: 1.3; text-align: left; }
}

@media screen and (max-width: 767px) {
  html[data-wf-page="6891bb2ee23808922898e90f"] body #what.section-neon { --logo: 48px; }
  html[data-wf-page="6891bb2ee23808922898e90f"] body #what.section-neon .grid-brand-logos { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

/* 25 Oct (SEO part 2, line 39, Charlie approved): the page's main heading "Careers at Wavelength", under the film and above
   the button (never on the film), set like the kit's page titles; the headline box stacks instead of sitting in a row. */
html[data-wf-page="6891bb2ee23808922898e90f"] .section-hero-careers .container-hero-headline.home { flex-direction: column; align-items: flex-start; }
html[data-wf-page="6891bb2ee23808922898e90f"] .section-hero-careers .wl-careers-h1 {
  max-width: 17ch;
  margin: 0 0 18px;
  color: var(--wl-lime);
  font-family: Bungee, sans-serif;
  font-size: var(--wl-h-display);
  font-weight: 400;
  line-height: 1.02;
  letter-spacing: 0;
  text-align: left;
}