@font-face {
  font-family: "Career Manrope";
  src: url("../contact-page/assets/manrope-latin.woff2") format("woff2");
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
}

/* Careers page — Figma adaptation for the project's plain Blade/CSS/JS stack. */
html:has(body.careers-page) {
  scrollbar-gutter: stable;
}

body.careers-page,
body.career-detail-page {
  --career-paper: #fcfbfa;
  --career-ink: #2a2523;
  --career-muted: #59544c;
  --career-soft: #746c64;
  --career-line: #d7d3d0;
  --career-line-light: #e8e5e3;
  --career-red: #9f001a;
  --career-red-bright: #be001f;
  --career-pink: #ffeef1;
  --career-dark: #1d1916;
  --career-ease: cubic-bezier(0, 0, .2, 1);
  margin: 0;
  overflow-x: clip;
  background: var(--career-paper);
  color: var(--career-ink);
  font: 500 16px/1.5 "Plus Jakarta Sans", Arial, sans-serif;
  color-scheme: light;
}

html[lang="fa"] body.careers-page,
html[lang="fa"] body.career-detail-page {
  font-family: "Yekan Bakh FaNum", "Yekan Bakh", Arial, sans-serif;
}

body.careers-page *,
body.careers-page *::before,
body.careers-page *::after,
body.career-detail-page *,
body.career-detail-page *::before,
body.career-detail-page *::after {
  box-sizing: border-box;
}

body.careers-page :is(h1, h2, h3, p, blockquote),
body.career-detail-page :is(h1, h2, h3, p, blockquote) {
  margin: 0;
}

body.careers-page :is(button, input, select, textarea),
body.career-detail-page :is(button, input, select, textarea) {
  font: inherit;
}

body.careers-page button,
body.career-detail-page button {
  border: 0;
  color: inherit;
  cursor: pointer;
}

body.careers-page a,
body.career-detail-page a {
  color: inherit;
  text-decoration: none;
}

body.careers-page img,
body.career-detail-page img {
  display: block;
  max-width: 100%;
}

body.careers-page [hidden],
body.career-detail-page [hidden] {
  display: none !important;
}

body.careers-page :is(a, button, input, select, textarea):focus-visible,
body.career-detail-page :is(a, button, input, select, textarea):focus-visible {
  outline: 3px solid rgba(159, 0, 26, .35);
  outline-offset: 3px;
}

.career-wrap {
  width: min(1280px, calc(100% - 48px));
  margin-inline: auto;
}

/* Use the home page's proportional canvas gutters without a desktop width cap. */
body.careers-page .career-wrap:not(.career-faq__list) {
  width: calc(100% * 8 / 9);
}

body.careers-page .career-talent {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

body.careers-page .career-button--light {
  color: var(--career-red);
}

body.careers-page #page-hero .header .pill__icon svg path {
  fill: currentColor;
}

@media (min-width: 900px) {
  body.careers-page .careers-hero {
    height: auto;
    aspect-ratio: 1440 / 900;
  }

  body.careers-page #page-hero .header.wrap {
    top: calc(24px * var(--career-hero-scale, 1));
    right: auto;
    left: calc(50% - 640px);
    scale: var(--career-hero-scale, 1);
    transform-origin: center top;
  }

  body.careers-page .careers-hero__shade {
    inset: 0 0 auto;
    height: calc(706px * var(--career-hero-scale, 1));
  }

  body.careers-page .careers-hero__image {
    inset: auto;
    inset-block-start: calc(-165.0625px * var(--career-hero-scale, 1));
    inset-inline-start: calc(-242px * var(--career-hero-scale, 1));
    width: calc(1682px * var(--career-hero-scale, 1));
    height: calc(946.125px * var(--career-hero-scale, 1));
    max-width: none;
  }

  body.careers-page .careers-hero__content.career-wrap {
    width: 1280px;
    margin-inline: 0;
    inset-inline-start: calc(50% - 640px);
    scale: var(--career-hero-scale, 1);
    transform-origin: center top;
  }

  body.careers-page .career-marquee {
    inset: auto auto 0 calc(50% - 720px);
    width: 1440px;
    scale: var(--career-hero-scale, 1);
    transform-origin: center bottom;
  }

  .careers-hero .career-marquee__track {
    position: relative;
    left: -262px;
  }

  body.careers-page .career-life > .career-heading {
    width: calc((100% + 48px) * 8 / 9);
  }
}

@media (min-width: 701px) {
  body.careers-page .career-benefits__grid {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
}

@media (max-width: 899px) {
  body.careers-page .career-wrap:not(.career-faq__list) {
    width: calc(100% - 32px);
  }
}

.career-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.career-skip-link {
  position: fixed;
  z-index: 9999;
  inset-block-start: 12px;
  inset-inline-start: 12px;
  padding: 10px 16px;
  border-radius: 30px;
  background: #fff;
  color: var(--career-red);
  transform: translateY(-150%);
  transition: transform .2s ease;
}

.career-skip-link:focus {
  transform: translateY(0);
}

.career-section {
  position: relative;
  isolation: isolate;
  overflow: hidden;
}

.career-heading {
  position: relative;
  z-index: 2;
}

.career-heading--center {
  text-align: center;
}

.career-eyebrow {
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--career-red);
  font-size: 18px;
  font-weight: 500;
  line-height: 26px;
}

.career-heading--center .career-eyebrow {
  justify-content: center;
}

.career-eyebrow img {
  flex: 0 0 auto;
  width: 24px;
  height: 12px;
  object-fit: contain;
}

.career-heading h2 {
  margin-top: 16px;
  font-size: 48px;
  font-weight: 800;
  line-height: 60px;
  letter-spacing: -.025em;
}

.career-heading h2 strong,
.career-heading h2 span {
  display: block;
}

.career-heading h2 span {
  color: var(--career-muted);
  font-size: 40px;
  font-weight: 400;
}

.career-heading--light,
.career-heading--light .career-eyebrow {
  color: #fff;
}

.career-heading__subline {
  color: #fff;
  font-size: 40px;
  font-weight: 400;
  line-height: 60px;
}

.career-button {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  padding: 6px 24px;
  border: 1px solid transparent;
  border-radius: 999px;
  font-size: 16px;
  font-weight: 600;
  line-height: 22px;
  transition: color .3s var(--career-ease), background-color .3s var(--career-ease), transform .3s var(--career-ease), box-shadow .3s var(--career-ease);
}

.career-button:is(:hover, :focus-visible) {
  transform: translateY(-2px);
}

.career-button--light {
  min-width: 202px;
  border-color: rgba(255, 255, 255, .7);
  background: #fff;
  color: var(--career-red);
  box-shadow: 0 0 0 4px rgba(255, 255, 255, .25);
}

.career-button--glass {
  justify-content: space-between;
  min-width: 151px;
  padding-inline: 24px 5px;
  background: rgba(255, 255, 255, .22);
  color: #fff;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

.career-button__orb {
  display: grid;
  flex: 0 0 auto;
  width: 38px;
  height: 38px;
  margin-inline-start: 16px;
  place-items: center;
  border-radius: 50%;
  background: #fff;
  color: var(--career-ink);
}

.career-button__orb img {
  width: 24px;
  height: 24px;
  object-fit: contain;
}

.career-button--dark {
  background: var(--career-dark);
  color: #fff;
}

/* Hero */
.careers-hero {
  position: relative;
  height: 900px;
  overflow: hidden;
  background: #151111;
  color: #fff;
}

.careers-hero__image,
.careers-hero__shade {
  position: absolute;
  inset: 0 0 194px;
  width: 100%;
  height: 706px;
}

body.careers-page .careers-hero__image {
  max-width: none;
  object-fit: fill;
}

.careers-hero__shade {
  background: linear-gradient(90deg, rgba(17, 19, 21, .8), rgba(17, 19, 21, .64) 50%, rgba(17, 19, 21, .44));
}

.careers-hero__content {
  position: relative;
  z-index: 3;
  height: 706px;
}

.careers-hero__primary {
  position: absolute;
  inset-block-start: 240px;
  inset-inline-start: 0;
}

.careers-hero h1 {
  display: flex;
  flex-direction: column;
  gap: 2px;
  font-size: 56px;
  font-weight: 800;
  line-height: 72px;
  letter-spacing: 0;
}

.careers-hero h1 span {
  display: block;
}

.careers-metrics {
  display: flex;
  width: 424px;
  margin-top: 42px;
  gap: 32px;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

.careers-metric {
  position: relative;
  display: flex;
  min-width: 0;
  flex: 0 0 120px;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  text-align: center;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  white-space: nowrap;
}

.careers-metric + .careers-metric::before {
  content: "";
  position: absolute;
  inset-block: 0;
  inset-inline-start: -16px;
  width: 1px;
  background: rgba(255, 255, 255, .5);
}

.careers-metric img {
  width: 42px;
  height: 42px;
  object-fit: contain;
}

.careers-metric:not(:first-child) img {
  transform: scale(.875);
}

.careers-hero__secondary {
  position: absolute;
  inset-inline-end: 0;
  inset-block-end: 56px;
  width: 480px;
}

.careers-hero__secondary > p {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}

.careers-hero__actions {
  position: absolute;
  inset-block-start: 594px;
  inset-inline-start: 0;
  display: flex;
  width: 444px;
  gap: 16px;
}

body.careers-page .careers-hero .career-button {
  flex: 0 0 auto;
  height: 56px;
  min-height: 0;
  font-size: 16px;
  font-weight: 600;
  line-height: normal;
  white-space: nowrap;
}

.careers-hero .career-button--light {
  width: 237px;
  min-width: 0;
  padding: 4px;
  border: .5px solid rgba(255, 255, 255, .5);
  background: rgba(255, 255, 255, .12);
  box-shadow: none;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

.careers-hero .career-button--light > span {
  display: grid;
  width: 100%;
  height: 100%;
  place-items: center;
  border-radius: inherit;
  background: #fff;
}

.careers-hero .career-button--glass {
  width: 191px;
  min-width: 0;
  padding: 4px;
  padding-inline-start: 24px;
  background: rgba(255, 255, 255, .26);
  box-shadow: inset 0 0 0 .5px rgba(255, 255, 255, .15);
}

.careers-hero .career-button__orb {
  width: 48px;
  height: 48px;
  margin: 0;
}

.career-marquee {
  position: absolute;
  z-index: 4;
  inset: auto 0 0;
  height: 194px;
  overflow: hidden;
  padding-block: 16px;
  background: var(--career-paper);
}

.career-marquee__track {
  display: flex;
  width: max-content;
  gap: 16px;
  /* Five equal card states at the prototype's 10-second linear timing. */
  animation: career-marquee 50s linear infinite;
  will-change: transform;
}

.career-marquee:is(:hover, :focus-within) .career-marquee__track {
  animation-play-state: paused;
}

.career-marquee:focus-visible {
  outline: 3px solid rgba(159, 0, 26, .45);
  outline-offset: -4px;
}

.career-marquee__group {
  display: flex;
  flex: 0 0 auto;
  gap: 16px;
}

.career-area-card {
  position: relative;
  flex: 0 0 380px;
  width: 380px;
  height: 162px;
  overflow: hidden;
  border-radius: 24px;
  background: #2a2523;
}

.career-area-card::after {
  content: "";
  position: absolute;
  inset: 35% 0 0;
  background: linear-gradient(transparent, rgba(0, 0, 0, .72));
}

.career-area-card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.career-area-card strong {
  position: absolute;
  z-index: 2;
  inset-inline: 16px;
  inset-block-end: 16px;
  color: #fff;
  font-size: 16px;
  font-weight: 800;
  line-height: 24px;
}

@keyframes career-marquee {
  to { transform: translateX(calc(-50% - 8px)); }
}

/* Benefits */
.career-benefits {
  --benefits-entry-duration: 1.2s;
  min-height: 800px;
  padding-block: 120px 96px;
  background: var(--career-paper);
}

.career-benefits .career-heading h2 {
  overflow: hidden;
}

.career-benefits .career-heading h2 .career-benefits__title {
  color: inherit;
  font: inherit;
}

/* Prototype frames 1:6058 → 1:6154: 1200ms Smart Animate, Ease Out. */
.js .career-benefits[data-reveal="benefits"] {
  opacity: 1;
  transform: none;
  transition: none;
}

@media (prefers-reduced-motion: no-preference) {
  .career-benefits.is-benefits-ready .career-eyebrow,
  .career-benefits.is-benefits-ready .career-benefits__title,
  .career-benefits.is-benefits-ready .career-benefit {
    transition: transform var(--benefits-entry-duration) ease-out 1ms,
      opacity var(--benefits-entry-duration) ease-out 1ms;
  }

  .career-benefits.is-benefits-ready:not(.is-revealed) .career-eyebrow {
    opacity: 0;
    transform: translateY(-80px);
  }

  .career-benefits.is-benefits-ready:not(.is-revealed) .career-benefits__title {
    transform: translateY(90px);
  }

  .career-benefits.is-benefits-ready:not(.is-revealed) .career-benefit {
    transform: translateX(var(--benefit-entry-x));
  }
}

.career-benefits__grid {
  display: grid;
  grid-template-columns: repeat(5, 208px);
  justify-content: space-between;
  margin-top: 44px;
  row-gap: 12px;
}

.career-benefit {
  display: flex;
  height: 208px;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  padding: 24px 16px;
  text-align: center;
}

.career-benefit__icon {
  display: grid;
  width: 112px;
  height: 112px;
  place-items: center;
  border-radius: 40px 4px 40px 4px;
  background: var(--career-pink);
  transition: border-radius .3s var(--career-ease), transform .3s var(--career-ease), background-color .3s var(--career-ease);
}

.career-benefit:hover .career-benefit__icon {
  border-radius: 4px 40px 4px 40px;
  background: #ffdae0;
  transform: translateY(-4px);
}

.career-benefit__icon img {
  width: 64px;
  height: 64px;
  object-fit: contain;
}

.career-benefit h3 {
  font-size: 18px;
  font-weight: 500;
  line-height: 26px;
}

/* Life */
.career-life {
  height: 900px;
  margin-inline: 24px;
  border-radius: 24px;
  color: #fff;
}

.career-life__background,
.career-life__shade {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

.career-life__background {
  object-fit: cover;
  object-position: center 45%;
}

.career-life__shade {
  background: linear-gradient(180deg, rgba(29, 25, 22, .79), rgba(29, 25, 22, .43) 48%, rgba(29, 25, 22, .82));
}

.career-life > .career-heading {
  padding-top: 80px;
}

.career-life__viewport {
  position: absolute;
  z-index: 2;
  inset-inline-start: 32px;
  inset-inline-end: 0;
  inset-block-end: 56px;
  overflow: hidden;
  direction: ltr;
  touch-action: pan-y pinch-zoom;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
}

.career-life__track {
  display: flex;
  gap: 24px;
  direction: ltr;
  transition: transform .8s var(--career-ease);
  will-change: transform;
}

.career-life__track.is-dragging,
.career-life__track.is-positioning {
  transition: none;
}

.career-life__viewport:active {
  cursor: grabbing;
}

.career-life-card {
  position: relative;
  flex: 0 0 400px;
  width: 400px;
  height: 280px;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, .35);
  border-radius: 24px;
  scroll-snap-align: start;
}

.career-life-card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .8s var(--career-ease);
}

.career-life-card:hover img {
  transform: scale(1.04);
}

.career-life-card > div {
  position: absolute;
  inset: auto 0 0;
  min-height: 112px;
  padding: 32px 16px 16px;
  background: linear-gradient(transparent, rgba(0, 0, 0, .75));
  backdrop-filter: blur(2px);
  -webkit-backdrop-filter: blur(2px);
}

.career-life-card h3 {
  font-size: 20px;
  font-weight: 800;
  line-height: 30px;
}

.career-life-card p {
  margin-top: 4px;
  font-size: 14px;
  line-height: 20px;
}

.career-dots {
  position: absolute;
  z-index: 3;
  left: 50%;
  inset-block-end: 24px;
  display: flex;
  direction: ltr;
  gap: 8px;
  transform: translateX(-50%);
}

.career-dots button[hidden] {
  display: none;
}

.career-dots button {
  position: relative;
  width: 80px;
  height: 8px;
  padding: 0;
  border-radius: 10px;
  background: rgba(255, 255, 255, .5);
  transition: background-color .3s ease, width .3s ease;
}

.career-dots button::before {
  content: "";
  position: absolute;
  inset: -10px 0;
}

.career-dots button[aria-pressed="true"] {
  background: #fff;
}

/* Feedback */
.career-feedback {
  min-height: 856px;
  padding-top: 120px;
  background: var(--career-paper);
}

.career-feedback > .career-heading { text-align: start; }
.career-feedback .career-heading h2 {
  margin: 16px 0 0;
  overflow: hidden;
  letter-spacing: 0;
}
.career-feedback .career-heading h2 .career-feedback__title {
  margin: 0;
  color: inherit;
  font: inherit;
}

.career-feedback__pattern {
  position: absolute;
  z-index: -1;
  inset: 80px 0 auto;
  height: 360px;
  background: linear-gradient(to top, rgba(229, 3, 40, .05), rgba(229, 3, 40, .5) 50%, rgba(229, 3, 40, .25));
  mask: url("assets/figma/feedback/section-pattern.svg") center / 1440px 360px repeat-x;
  transform: rotate(180deg);
}

.career-testimonials {
  position: relative;
  width: 656px;
  height: 340px;
  margin: 135px auto 0;
}

.career-testimonial {
  position: relative;
  display: flex;
  align-items: stretch;
  justify-content: center;
  gap: 16px;
  height: 100%;
  overflow: hidden;
  padding: 24px;
  border-radius: 24px;
  background: var(--career-red);
  color: #fff;
  box-shadow: 0 4px 25px rgba(0, 0, 0, .35);
  isolation: isolate;
  transition: box-shadow .3s var(--career-ease);
}

.career-testimonial::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  inset-inline-start: 90.414px;
  width: 763.491px;
  height: 385.082px;
  background: url("assets/figma/feedback/card-flourish-hover.svg") center / 100% 100% no-repeat;
  opacity: .533333;
  transition: opacity .3s var(--career-ease);
}

.career-testimonial:hover::before,
.career-testimonial:focus-visible::before { opacity: 1; }
.career-testimonial:hover,
.career-testimonial:focus-visible { box-shadow: 0 4px 25px rgba(229, 3, 40, .35); }

.career-testimonial__clip {
  position: absolute;
  z-index: 3;
  top: -77px;
  left: calc(50% - 58px);
  width: 120px;
  height: 98px;
  overflow: hidden;
  pointer-events: none;
}

.career-testimonials .career-testimonial__clip img {
  position: absolute;
  width: 181.82%;
  max-width: none;
  height: 223.46%;
  left: -57.45%;
  top: -117.43%;
}

.career-testimonial__photo {
  flex: 0 0 280px;
  height: 292px;
  overflow: hidden;
  border-radius: 16px;
  direction: ltr;
}

.career-testimonial__photos {
  display: flex;
  height: 100%;
  transition: transform .8s var(--career-ease);
}

.career-testimonial__frame {
  position: relative;
  flex: 0 0 100%;
  height: 100%;
  overflow: hidden;
  background: #24282b url("assets/figma/feedback/card-background-small.png") center / cover no-repeat;
}

.career-testimonial__portrait {
  position: absolute;
  top: 12px;
  left: 7.857%;
  width: 84.286%;
  aspect-ratio: 236 / 280;
  overflow: hidden;
}

.career-testimonials .career-testimonial__portrait img {
  position: absolute;
  top: .22%;
  left: .21%;
  width: 99.5%;
  max-width: none;
  height: 114.57%;
}

.career-testimonial__portrait--alternate { inset: 0; width: 100%; height: 100%; aspect-ratio: auto; }
.career-testimonials .career-testimonial__portrait--alternate img { top: 1.25%; left: -3.52%; width: 107.03%; height: 102.52%; }

.career-testimonial__content {
  display: grid;
  flex: 0 0 309px;
  padding-block: 40px;
}

.career-testimonial__text {
  grid-area: 1 / 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 10px;
  min-width: 0;
  opacity: 1;
  transform: translateX(0);
  transition: opacity .8s var(--career-ease), transform .8s var(--career-ease), visibility .8s;
}

.career-testimonial__text[aria-hidden="true"] {
  visibility: hidden;
  opacity: 0;
  transform: translateX(24px);
  pointer-events: none;
}

.career-testimonial blockquote { margin: 0; font-size: 16px; font-weight: 500; line-height: 24px; }
.career-testimonial footer { display: flex; flex-direction: column; gap: 4px; padding: 0; background: transparent; }
.career-testimonial footer strong { font-size: 18px; font-weight: 800; line-height: 26px; }
.career-testimonial footer span { font-size: 14px; font-weight: 500; line-height: 20px; }

.career-carousel-controls {
  display: flex;
  justify-content: center;
  margin-top: 43px;
  gap: 12px;
}

.career-carousel-controls button {
  display: flex;
  width: 50px;
  height: 36px;
  padding: 2px;
  align-items: center;
  border-radius: 40px;
  background: var(--career-red);
  transition: background-color .3s ease;
}

.career-carousel-controls button[data-testimonial-next] { justify-content: flex-end; }
.career-carousel-controls button:disabled { background: #ffdae0; cursor: default; }
.career-carousel-controls button > span { display: grid; width: 32px; height: 32px; place-items: center; border-radius: 50%; background: #fff; }
.career-carousel-controls button > span::before { content: ""; width: 24px; height: 24px; background: url("assets/figma/feedback/arrow-next.svg") center / contain no-repeat; }
.career-carousel-controls button:disabled > span::before { background-image: url("assets/figma/feedback/arrow-previous.svg"); }
.career-carousel-controls button[data-testimonial-prev] > span::before { transform: rotate(180deg); }

@media (prefers-reduced-motion: no-preference) {
  .career-feedback.is-feedback-ready .career-eyebrow,
  .career-feedback.is-feedback-ready .career-feedback__title,
  .career-feedback.is-feedback-ready .career-testimonial,
  .career-feedback.is-feedback-ready .career-testimonial__clip { transform-origin: top left; transition: transform .8s var(--career-ease), opacity .8s var(--career-ease), box-shadow .3s var(--career-ease); }
  .career-feedback.is-feedback-ready .career-carousel-controls { transition: opacity .1s var(--career-ease) .8s; }
  .career-feedback.is-feedback-ready:not(.is-revealed) .career-eyebrow { opacity: 0; transform: translateY(-60px); }
  .career-feedback.is-feedback-ready:not(.is-revealed) .career-feedback__title { transform: translateY(60px); }
  .career-feedback.is-feedback-ready:not(.is-revealed) .career-testimonial { transform-origin: top left; transform: translate(247.395px, 659.463px) rotate(50deg); }
  .career-feedback.is-feedback-ready:not(.is-revealed) .career-testimonial__clip { opacity: 0; transform-origin: top left; transform: translate(-16.102px, -296.534px) rotate(-50deg); }
  .career-feedback.is-feedback-ready:not(.is-revealed) .career-carousel-controls { opacity: 0; }
}

/* Job opportunities */
body.careers-page .career-jobs { min-height: 1300px; padding-block: 80px; background: #fcfbfa; }
body.careers-page .career-jobs .career-heading h2 { margin: 16px 0 0; letter-spacing: 0; }
body.careers-page .career-jobs .career-heading h2 > strong { display: block; overflow: hidden; font-size: 48px; font-weight: 800; line-height: 60px; }
body.careers-page .career-jobs .career-heading h2 > .career-jobs__subtitle { display: block; overflow: hidden; margin-top: 2px; color: #59544c; font-size: 40px; font-weight: 400; line-height: 60px; }
body.careers-page .career-jobs .career-heading h2 > strong > span,
body.careers-page .career-jobs .career-heading h2 > .career-jobs__subtitle > span { display: block; margin: 0; color: inherit; font: inherit; }
body.careers-page .career-jobs__content { margin-top: 48px; }
body.careers-page .career-job-tabs { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 16px; }
body.careers-page .career-job-tabs button { min-width: 0; height: 86px; padding: 0 8px; border-radius: 24px; background: #f5f5f4; color: #aaa39c; font-size: 20px; font-weight: 800; line-height: 26px; transition: color .3s var(--career-ease), background-color .3s var(--career-ease); }
body.careers-page .career-job-tabs button:is(:hover, :focus-visible) { color: #2a2523; }
body.careers-page .career-job-tabs button.is-active { background: linear-gradient(0deg, #7a1020, #b31329); color: #fff; }
body.careers-page .career-job-filters { position: relative; z-index: 4; display: grid; grid-template-columns: 1fr 1fr; margin-top: 24px; gap: 16px; }
body.careers-page .career-search-field,
body.careers-page .career-location-toggle { position: relative; display: flex; width: 100%; min-width: 0; height: 56px; align-items: center; border: 1px solid #e8e5e3; border-radius: 16px; background: rgba(255, 255, 255, .12); color: #aaa39c; backdrop-filter: blur(8px); transition: border-color .3s var(--career-ease); }
body.careers-page .career-search-field:focus-within,
body.careers-page .career-location-toggle:focus-visible,
body.careers-page .career-location-toggle[aria-expanded="true"] { border-color: var(--career-red); }
body.careers-page .career-search-field > img { flex: 0 0 auto; width: 24px; height: 24px; margin-inline-start: 16px; }
body.careers-page .career-search-field input { width: 100%; min-width: 0; height: 100%; padding-inline: 8px 16px; border: 0; outline: 0; background: transparent; color: #2a2523; font-size: 16px; font-weight: 400; }
body.careers-page .career-search-field input::placeholder { color: #aaa39c; opacity: 1; }
body.careers-page .career-job-location { position: relative; min-width: 0; }
body.careers-page .career-location-toggle { justify-content: space-between; gap: 8px; padding: 0 16px; font-size: 16px; font-weight: 400; text-align: start; }
body.careers-page .career-location-toggle.has-value { color: #2a2523; }
body.careers-page .career-location-toggle > img { width: 16px; height: 16px; flex: 0 0 auto; transform: rotate(90deg); transition: transform .3s var(--career-ease); }
body.careers-page .career-location-toggle[aria-expanded="true"] > img { transform: rotate(-90deg); }
body.careers-page .career-location-panel { position: absolute; z-index: 5; inset: calc(100% + 8px) 0 auto; padding: 8px; border: 1px solid #e8e5e3; border-radius: 16px; background: rgba(252, 251, 250, .97); backdrop-filter: blur(8px); box-shadow: 0 8px 24px rgba(42, 37, 35, .08); }
body.careers-page .career-location-panel .career-search-field { height: 48px; border-radius: 12px; }
body.careers-page .career-location-panel .career-search-field > img { width: 20px; height: 20px; }
body.careers-page .career-location-panel .career-search-field input { font-size: 14px; }
body.careers-page .career-location-options { max-height: 200px; margin-top: 8px; overflow-y: auto; }
body.careers-page .career-location-options button { display: block; width: 100%; min-height: 40px; padding: 10px 16px; border-bottom: .5px solid #aaa39c; color: #aaa39c; font-size: 14px; line-height: 20px; text-align: start; }
body.careers-page .career-location-options button:last-child { border-bottom: 0; }
body.careers-page .career-location-options button:is(:hover, :focus-visible),
body.careers-page .career-location-options button[aria-selected="true"] { background: #fff1f3; color: var(--career-red); }
body.careers-page .career-location-empty { padding: 12px 16px; color: #aaa39c; font-size: 14px; }
body.careers-page .career-job-count { display: flex; align-items: center; margin: 24px 0 0; gap: 4px; color: #2a2523; font-size: 18px; font-weight: 500; line-height: 26px; }
body.careers-page .career-job-count::after { content: ""; height: 1px; flex: 1; margin-inline-start: 4px; background: #d7d3d0; }
body.careers-page .career-job-count strong { font-weight: inherit; }
body.careers-page .career-job-list { margin-top: 24px; }
body.careers-page .career-job-card { position: relative; display: flex; min-height: 118px; align-items: center; gap: 24px; padding: 24px 0; box-shadow: inset 0 -1px #d7d3d0; }
body.careers-page .career-job-card__content { flex: 1; min-width: 0; }
body.careers-page .career-job-card h3 { margin: 0; color: #2a2523; font-size: 20px; font-weight: 800; line-height: 30px; transition: color .3s var(--career-ease); }
body.careers-page .career-job-card:is(:hover, :focus-within) h3 { color: var(--career-red); }
body.careers-page .career-job-card__meta { display: flex; flex-wrap: wrap; gap: 8px 24px; margin-top: 16px; color: #aaa39c; font-size: 14px; font-weight: 800; line-height: 20px; }
body.careers-page .career-job-card__meta span { display: inline-flex; min-width: 0; align-items: center; gap: 4px; }
body.careers-page .career-job-card__meta img { width: 24px; height: 24px; flex: 0 0 auto; }
body.careers-page .career-job-card__link { display: inline-flex; flex: 0 0 auto; height: 48px; align-items: center; gap: 16px; padding-inline: 24px 4px; border-radius: 40px; background: rgba(255, 255, 255, .12); box-shadow: inset 0 0 0 .5px var(--career-red); color: var(--career-red); font-size: 16px; font-weight: 600; line-height: 20px; white-space: nowrap; transition: background-color .3s var(--career-ease); }
body.careers-page .career-job-card__link::after { content: ""; position: absolute; inset: 0; }
body.careers-page .career-job-card__arrow { display: grid; width: 40px; height: 40px; place-items: center; border-radius: 50%; background: var(--career-red); }
body.careers-page .career-job-card__arrow img { width: 20px; height: 20px; transition: transform .3s var(--career-ease); }
body.careers-page .career-job-card__link:is(:hover, :focus-visible) { background: linear-gradient(0deg, #ffbbc6, #ffeeF1); }
body.careers-page .career-job-card__link:is(:hover, :focus-visible) .career-job-card__arrow img { transform: rotate(90deg); }
body.careers-page .career-load-more { display: block; margin: 42px auto 0; padding: 4px; border-radius: 40px; background: rgba(255, 255, 255, .12); box-shadow: inset 0 0 0 .5px rgba(42, 37, 35, .5); }
body.careers-page .career-load-more > span { display: flex; min-height: 48px; align-items: center; justify-content: center; padding: 0 24px; border-radius: 40px; background: #2a2523; color: #fff; font-size: 16px; font-weight: 600; transition: background-color .3s var(--career-ease); }
body.careers-page .career-load-more:hover > span { background: linear-gradient(0deg, #3b3a3a, #656565); }

@media (prefers-reduced-motion: no-preference) {
  body.careers-page .career-jobs.is-jobs-ready .career-eyebrow,
  body.careers-page .career-jobs.is-jobs-ready .career-heading h2 > strong > span,
  body.careers-page .career-jobs.is-jobs-ready .career-jobs__subtitle > span,
  body.careers-page .career-jobs.is-jobs-ready .career-job-tabs button,
  body.careers-page .career-jobs.is-jobs-ready .career-job-filters,
  body.careers-page .career-jobs.is-jobs-ready .career-job-count { transition: transform .8s var(--career-ease), opacity .8s var(--career-ease), color .3s var(--career-ease); }
  body.careers-page .career-jobs.is-jobs-ready .career-job-card,
  body.careers-page .career-jobs.is-jobs-ready .career-load-more { transition: transform .8s var(--career-ease) .8s; }
  body.careers-page .career-jobs.is-jobs-ready:not(.is-revealed) .career-eyebrow { opacity: 0; transform: translateY(-60px); }
  body.careers-page .career-jobs.is-jobs-ready:not(.is-revealed) .career-heading h2 > strong > span { transform: translateY(50px); }
  body.careers-page .career-jobs.is-jobs-ready:not(.is-revealed) .career-jobs__subtitle > span { transform: translateY(170px); }
  body.careers-page .career-jobs.is-jobs-ready:not(.is-revealed) .career-job-tabs button { opacity: 0; transform: translateX(var(--job-tab-offset, 1380px)); }
  body.careers-page .career-jobs.is-jobs-ready:not(.is-revealed) .career-job-filters { opacity: 0; transform: translateY(130px); }
  body.careers-page .career-jobs.is-jobs-ready:not(.is-revealed) .career-job-count { opacity: 0; transform: translateY(250px); }
  body.careers-page .career-jobs.is-jobs-ready:not(.is-revealed) .career-job-card { transform: translateY(var(--job-enter-offset, 840px)); }
  body.careers-page .career-jobs.is-jobs-ready:not(.is-revealed) .career-load-more { transform: translateY(1800px); }
}

/* Empty results replace the job list (Figma 1:5840 / 1:15171). */
body.careers-page .career-jobs.has-no-results { min-height: 914px; }
body.careers-page .career-jobs-empty { display: flex; flex-direction: column; align-items: center; width: min(560px, 100%); margin: 48px auto 0; gap: 32px; text-align: center; }
body.careers-page .career-jobs-empty__icon { display: grid; place-items: center; flex-shrink: 0; width: 72px; height: 72px; padding: 8px; border-radius: 50%; background: #fffdea; }
body.careers-page .career-jobs-empty__icon > span { display: grid; place-items: center; width: 56px; height: 56px; border-radius: 50%; background: #fff9c5; }
body.careers-page .career-jobs-empty__icon img { width: 36px; height: 36px; }
body.careers-page .career-jobs-empty__headline { width: 100%; }
body.careers-page .career-jobs-empty h3 { color: var(--career-ink); font-size: 32px; font-weight: 800; line-height: 48px; }
body.careers-page .career-jobs-empty p { width: min(440px, 100%); margin: 16px auto 0; color: var(--career-muted); font-size: 16px; font-weight: 500; line-height: 24px; }
body.careers-page .career-jobs-empty__resume { display: block; padding: 4px; border-radius: 40px; background: rgba(255,255,255,.12); box-shadow: inset 0 0 0 .5px rgba(42,37,35,.5); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); }
body.careers-page .career-jobs-empty__resume > span { display: flex; min-height: 48px; align-items: center; justify-content: center; padding: 0 24px; border-radius: 40px; background: #2a2523; color: #fff; font-size: 16px; font-weight: 600; transition: background-color .3s ease-out; }
body.careers-page .career-jobs-empty__resume:is(:hover, :focus-visible) > span { background: #59544c; }

/* Hiring process: 1440 × 700 desktop / 390 × 670 mobile Figma canvases. */
body.careers-page .career-hiring { position: relative; min-height: 700px; padding-block: 80px; overflow: clip; isolation: isolate; }
body.careers-page .career-hiring::before { content: ""; position: absolute; z-index: -1; inset: 333px 0 0; background: linear-gradient(to bottom, rgba(232, 229, 227, .5), rgba(232, 229, 227, .3)); }
body.careers-page .career-hiring .career-heading h2 { overflow: hidden; margin-top: 16px; font-size: 48px; font-weight: 800; line-height: 60px; letter-spacing: 0; }
body.careers-page .career-hiring .career-heading h2 > span { color: inherit; font: inherit; }
body.careers-page .career-hiring__steps { position: relative; display: flex; justify-content: space-between; gap: 16px; margin-top: 60px; padding-inline: 40px; }
body.careers-page .career-hiring__steps::before { content: ""; position: absolute; inset-inline: 0; top: 91px; height: 1px; background: #d7d3d0; }
body.careers-page .career-step { position: relative; z-index: 1; display: flex; flex: 0 1 200px; min-width: 0; min-height: 146px; flex-direction: column; align-items: center; gap: 16px; padding: 0; background: transparent; color: #aaa39c; text-align: center; transition: color .3s ease-out; }
body.careers-page .career-step__icon { display: block; flex-shrink: 0; width: 64px; height: 64px; background: currentColor; mask: var(--step-icon) center / contain no-repeat; }
body.careers-page .career-step__dot { display: grid; place-items: center; width: 24px; height: 24px; border: 1px solid #aaa39c; border-radius: 50%; background: #f0efed; transition: border-color .8s ease-out; }
body.careers-page .career-step__dot::after { content: ""; display: block; width: 16px; height: 16px; border-radius: 50%; background: linear-gradient(#b31329, #7a1020); transform: scale(.01); transition: transform .8s ease-out; }
body.careers-page .career-step strong { font-size: 18px; font-weight: 500; line-height: 26px; }
body.careers-page .career-step small { display: none; }
body.careers-page .career-step.is-active { color: #9f001a; }
body.careers-page .career-step.is-active .career-step__icon { background: linear-gradient(#b31329, #7a1020); }
body.careers-page .career-step.is-active strong { background: linear-gradient(#b31329, #7a1020); background-clip: text; color: transparent; }
body.careers-page .career-step.is-active .career-step__dot { border-color: #7a1020; }
body.careers-page .career-step.is-active .career-step__dot::after { transform: scale(1); }
body.careers-page .career-step:focus-visible { outline: 2px solid #9f001a; outline-offset: 8px; border-radius: 8px; }
body.careers-page .career-hiring__description { display: grid; width: 480px; max-width: calc(100% - 32px); margin: 60px auto 0; overflow: clip; border-radius: 24px; }
body.careers-page .career-hiring__card { grid-area: 1 / 1; align-self: start; min-height: 172px; padding: 32px; border-radius: 24px; background: #fff; visibility: hidden; transform: translateY(252px); pointer-events: none; transition: transform .8s ease-out, visibility 0s .8s; }
body.careers-page .career-hiring__card.is-active { visibility: visible; transform: translateY(0); pointer-events: auto; transition-delay: 0s; z-index: 1; }
body.careers-page .career-hiring__card h3 { font-size: 24px; font-weight: 800; line-height: 36px; }
body.careers-page .career-hiring__card p { margin-top: 24px; color: #59544c; font-size: 16px; font-weight: 500; line-height: 24px; }
@media (hover: hover) {
  body.careers-page .career-step:not(.is-active):hover { color: #2a2523; }
}
@media (min-width: 701px) and (max-width: 1100px) {
  body.careers-page .career-hiring__steps { padding-inline: 16px; gap: 12px; }
  body.careers-page .career-step strong { font-size: 14px; line-height: 20px; }
}
@media (prefers-reduced-motion: no-preference) and (min-width: 701px) {
  body.careers-page .career-hiring.is-hiring-ready .career-eyebrow,
  body.careers-page .career-hiring.is-hiring-ready .career-heading h2 > span,
  body.careers-page .career-hiring.is-hiring-ready .career-hiring__steps,
  body.careers-page .career-hiring.is-hiring-ready .career-hiring__description { transition: transform .8s ease-out, opacity .8s ease-out; }
  body.careers-page .career-hiring.is-hiring-ready:not(.is-revealed) .career-eyebrow { transform: translateY(-60px); opacity: 0; }
  body.careers-page .career-hiring.is-hiring-ready:not(.is-revealed) .career-heading h2 > span { transform: translateY(100%); }
  body.careers-page .career-hiring.is-hiring-ready:not(.is-revealed) .career-hiring__steps { transform: translateX(var(--hiring-entry-x, 1430px)); opacity: 0; }
  body.careers-page .career-hiring.is-hiring-ready:not(.is-revealed) .career-hiring__description { transform: translateY(252px); }
}

/* Talent pool */
body.careers-page .career-talent { display: grid; min-height: 900px; padding-block: 89px; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); align-items: center; gap: 40px; }
body.careers-page .career-talent__visual { position: relative; height: auto; aspect-ratio: 620 / 722; container-type: inline-size; overflow: hidden; border-radius: 24px; background: #9f001a; }
body.careers-page .career-talent__pattern { position: absolute; max-width: none; pointer-events: none; }
body.careers-page .career-talent__pattern--left { left: -50.48%; top: -3.88%; width: 129.03%; height: 58.39%; }
body.careers-page .career-talent__pattern--right { left: 46.77%; top: 43.07%; width: 96.78%; height: 43.79%; }
body.careers-page .career-talent__visual::before,
body.careers-page .career-talent__visual::after { content: ""; position: absolute; z-index: 2; inset-inline: 0; pointer-events: none; }
body.careers-page .career-talent__visual::before { top: 0; height: 20.22%; background: linear-gradient(rgba(29,25,22,.8), transparent); }
body.careers-page .career-talent__visual::after { bottom: 0; height: 38.78%; background: linear-gradient(transparent, rgba(29,25,22,.8)); }
body.careers-page .career-talent__portrait { position: absolute; z-index: 1; bottom: 0; left: 1.66%; width: 96.67%; height: auto; object-fit: contain; }
body.careers-page .career-talent__visual > strong { position: absolute; z-index: 3; bottom: -1.4516cqw; left: 0; width: 100%; color: rgba(255,255,255,.35); font: 800 19.3548cqw/.78333 "Plus Jakarta Sans", Arial, sans-serif; text-align: center; letter-spacing: 0; }
body.careers-page .career-talent__people { position: absolute; z-index: 4; top: 24px; inset-inline-start: 24px; display: flex; align-items: center; gap: 8px; height: 44px; padding: 4px 16px 4px 4px; border-radius: 24px; background: rgba(255,255,255,.2); box-shadow: inset 0 0 0 1px rgba(255,255,255,.25); backdrop-filter: blur(12.5px); color: #fff; font-size: 14px; line-height: 20px; }
body.careers-page .career-talent__avatars { display: flex; direction: ltr; isolation: isolate; }
body.careers-page .career-talent__avatars img { width: 36px; height: 36px; margin-left: -8px; border-radius: 50%; object-fit: cover; }
body.careers-page .career-talent__avatars img:first-child { margin-left: 0; z-index: 3; object-position: 65% center; }
body.careers-page .career-talent__avatars img:nth-child(2) { z-index: 2; object-position: center 19%; }
body.careers-page .career-talent__form-card { display: flex; flex-direction: column; justify-content: space-between; align-self: stretch; min-height: 722px; padding: 32px; border-radius: 24px; box-shadow: inset 0 0 0 1px #e8e5e3; backdrop-filter: blur(10px); }
body.careers-page .career-talent__form-card header h2 { margin-top: 16px; color: #2a2523; font-size: 32px; font-weight: 800; line-height: 48px; }
body.careers-page .career-talent__form-card header > p:last-child { max-width: 420px; margin-top: 16px; color: #59544c; font-size: 16px; font-weight: 500; line-height: 24px; }
body.careers-page .career-form { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); margin-top: 40px; gap: 24px 16px; }
body.careers-page .career-form__field,
body.careers-page .career-file { position: relative; min-width: 0; }
body.careers-page .career-form__wide,
body.careers-page .career-file,
body.careers-page .career-captcha,
body.careers-page .career-consent,
body.careers-page .career-consent-error,
body.careers-page .career-form__submit { grid-column: 1 / -1; }
body.careers-page .career-form__field > label { position: absolute; z-index: 1; top: 18px; inset-inline-start: 16px; color: #aaa39c; font-size: 16px; font-weight: 400; line-height: 20px; pointer-events: none; transition: transform .3s ease-out, font-size .3s ease-out, color .3s ease-out; }
body.careers-page .career-form__field:focus-within > label,
body.careers-page .career-form__field:has(input:not(:placeholder-shown)) > label { color: #59544c; font-size: 12px; transform: translateY(-10px); }
body.careers-page .career-form__field input { width: 100%; height: 56px; padding: 22px 16px 6px; border: 1px solid #e8e5e3; border-radius: 16px; outline: 0; background: rgba(255,255,255,.12); color: #2a2523; font-size: 16px; font-weight: 400; line-height: 24px; transition: border-color .3s ease-out; }
body.careers-page .career-form__field input:focus { border-color: #aaa39c; }
body.careers-page .career-form__field input[aria-invalid="true"],
body.careers-page .career-file:has(input[aria-invalid="true"]) > label { border-color: #be001f; }
body.careers-page .career-form__field:has(input[aria-invalid="true"]) > label { color: #be001f; }
body.careers-page .career-form__field small,
body.careers-page .career-file small,
body.careers-page .career-consent-error { display: block; margin: 4px 0 0; color: #be001f; font-size: 12px; line-height: 18px; }
body.careers-page .career-form__phone { --dial-width: 72px; }
body.careers-page .career-form__phone > label { inset-inline-start: calc(var(--dial-width) + 8px); }
body.careers-page .career-form__phone > input { padding-inline-start: calc(var(--dial-width) + 8px); }
body.careers-page .career-country-code { position: absolute; z-index: 2; top: 18px; inset-inline-start: 16px; width: calc(var(--dial-width) - 16px); height: 20px; padding: 0 20px 0 0; border: 0; border-inline-end: 1px solid #aaa39c; border-radius: 0; outline-offset: 3px; appearance: none; background: transparent; color: #aaa39c; font-size: 14px; line-height: 20px; }
body.careers-page .career-form__phone::after { content: ""; position: absolute; z-index: 3; top: 22px; left: 52px; width: 12px; height: 12px; background: #aaa39c; mask: url("assets/figma/jobs/dropdown-chevron.svg") center / contain no-repeat; transform: rotate(90deg); pointer-events: none; }
body.careers-page .career-file > label { display: flex; min-width: 0; height: 56px; align-items: center; padding: 0 16px; gap: 8px; border: 1px solid #e8e5e3; border-radius: 16px; color: #aaa39c; cursor: pointer; font-size: 16px; font-weight: 600; transition: border-color .3s ease-out, color .3s ease-out; }
body.careers-page .career-file > label > img { width: 24px; height: 24px; flex-shrink: 0; }
body.careers-page .career-file > label > span { white-space: nowrap; }
body.careers-page .career-file > label b { margin-inline-start: auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 400; }
body.careers-page .career-file input { position: absolute; width: 1px; height: 1px; opacity: 0; }
body.careers-page .career-file:hover > label { color: #2a2523; border-color: #aaa39c; }
body.careers-page .career-file:focus-within > label { outline: 2px solid #9f001a; outline-offset: 3px; }
.career-file__loader { position: absolute; top: 18px; inset-inline-end: 18px; display: none; width: 20px; height: 20px; border: 2px solid #ffdae0; border-top-color: #9f001a; border-radius: 50%; animation: career-spin .7s linear infinite; }
.career-file.is-loading .career-file__loader { display: block; }
.career-file.is-loading label b { visibility: hidden; }
body.careers-page .career-file.is-uploaded label { color: #2a2523; border-color: #aaa39c; }
@keyframes career-spin { to { transform: rotate(1turn); } }
body.careers-page .career-captcha { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 10px; }
body.careers-page .career-captcha__challenge { display: flex; height: 56px; align-items: center; justify-content: space-between; gap: 16px; padding: 16px; border-radius: 16px; background: #f5f5f4; }
body.careers-page .career-captcha output { color: #2a2523; font-size: 16px; font-weight: 600; user-select: none; }
body.careers-page .career-captcha__challenge button { display: grid; place-items: center; padding: 0; flex-shrink: 0; width: 24px; height: 24px; background: transparent; transition: transform .3s ease-out; }
body.careers-page .career-captcha__challenge button:hover { transform: rotate(90deg); }
body.careers-page .career-captcha__challenge img { width: 24px; height: 24px; }
body.careers-page .career-consent { position: relative; display: flex; align-items: center; gap: 8px; min-height: 24px; color: #aaa39c; cursor: pointer; }
body.careers-page .career-consent input { position: absolute; opacity: 0; width: 24px; height: 24px; margin: 0; }
body.careers-page .career-consent > span { flex: 0 0 24px; width: 24px; height: 24px; border: 1px solid #aaa39c; border-radius: 4px; background: transparent; }
body.careers-page .career-consent input:checked + span { border-color: #9f001a; background: #9f001a url("assets/figma/talent/check-white.svg") center / 18px 18px no-repeat; }
body.careers-page .career-consent input:focus-visible + span { outline: 2px solid #9f001a; outline-offset: 3px; }
body.careers-page .career-consent input[aria-invalid="true"] + span { border-color: #be001f; }
body.careers-page .career-consent em { font: 500 14px/20px "Career Manrope", Arial, sans-serif; }
body.careers-page .career-form__submit,
body.careers-page .career-talent-success > button { width: 100%; height: 56px; padding: 4px; border: 0; border-radius: 40px; background: #2a2523; background-clip: content-box; box-shadow: inset 0 0 0 .5px rgba(42,37,35,.5); color: #fff; font-size: 16px; font-weight: 600; line-height: 24px; transition: background-color .3s ease-out, box-shadow .3s ease-out; }
body.careers-page .career-form__submit { margin-top: 16px; }
body.careers-page .career-form__submit:hover,
body.careers-page .career-talent-success > button:hover { background-color: #9f001a; box-shadow: inset 0 0 0 .5px #9f001a; }
body.careers-page .career-form__submit:disabled { opacity: .65; cursor: wait; }
.career-honeypot { position: absolute !important; inset-inline-start: -9999px !important; }
@media (prefers-reduced-motion: no-preference) and (min-width: 701px) {
  body.careers-page .career-talent.is-talent-ready > div { transition: transform .8s ease-out; }
  body.careers-page .career-talent.is-talent-ready:not(.is-revealed) .career-talent__visual { transform: translateX(var(--talent-visual-entry, -840px)); }
  body.careers-page .career-talent.is-talent-ready:not(.is-revealed) .career-talent__form-card { transform: translateX(var(--talent-form-entry, 751px)); }
}

.career-form-notice {
  margin-top: 12px;
  padding: 10px 14px;
  border-radius: 12px;
  font-size: 13px;
}

.career-form-notice--success { background: #ebf8f0; color: #17683d; }
.career-form-notice--error { background: #fff0f2; color: #8d0017; }
.career-form-notice strong { margin-inline-start: 6px; }

/* FAQs — desktop 1:4599, mobile 1:15026. */
body.careers-page .career-faq {
  min-height: 980px;
  padding-block: 120px;
  background: var(--career-paper);
}
body.careers-page .career-faq::before,
body.careers-page .career-faq::after {
  content: "";
  position: absolute;
  z-index: -1;
  top: 75.64px;
  width: 201px;
  height: 980px;
  pointer-events: none;
  background: linear-gradient(to bottom, rgba(229,3,40,.52), rgba(229,3,40,0));
  mask: var(--faq-pattern) -0.301px 75.64px / 201.301px 904.37px no-repeat;
  transform: rotate(180deg);
}
body.careers-page .career-faq::before { left: 0; --faq-pattern: url("assets/figma/faq/pattern-left.svg"); }
body.careers-page .career-faq::after { right: 0; --faq-pattern: url("assets/figma/faq/pattern-right.svg"); }
body.careers-page .career-faq .career-eyebrow { justify-content: center; gap: 8px; font-size: 18px; font-weight: 500; line-height: 26px; }
body.careers-page .career-faq .career-eyebrow img { width: 24px; height: 12px; }
body.careers-page .career-faq .career-heading h2 { margin: 16px 16px 0; letter-spacing: 0; }
body.careers-page .career-faq .career-heading h2 > strong,
body.careers-page .career-faq .career-faq__subtitle { display: block; width: fit-content; max-width: 100%; margin-inline: auto; overflow: hidden; }
body.careers-page .career-faq .career-heading h2 > strong { color: var(--career-ink); font-size: 48px; font-weight: 800; line-height: 60px; }
body.careers-page .career-faq .career-faq__subtitle { margin-top: 2px; color: var(--career-muted); font-size: 40px; font-weight: 400; line-height: 60px; }
body.careers-page .career-faq .career-heading h2 > strong > span,
body.careers-page .career-faq .career-faq__subtitle > span { display: block; color: inherit; font: inherit; }
body.careers-page .career-faq__filters {
  position: relative;
  display: flex;
  width: max-content;
  max-width: calc(100% - 32px);
  margin: 16px auto 0;
  padding: 8px;
  gap: 8px;
  border-radius: 40px;
  background: rgba(255,255,255,.12);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.15), 0 4px 20px rgba(229,3,40,.1);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}
body.careers-page .career-faq__filters button {
  min-height: 32px;
  padding: 0 16px;
  border-radius: 40px;
  background: var(--career-soft);
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  line-height: 16px;
  transition: background-color .3s ease-out, box-shadow .3s ease-out;
}
body.careers-page .career-faq__filters button:hover { background: var(--career-muted); }
body.careers-page .career-faq__filters button.is-active { background: var(--career-red); box-shadow: 0 0 16px rgba(229,3,40,.25); }
body.careers-page .career-faq__list { width: min(800px, calc(100% - 32px)); margin: 46px auto 0; }
body.careers-page .career-accordion { box-shadow: inset 0 -1px var(--career-line); }
body.careers-page .career-accordion h3 { margin: 0; }
body.careers-page .career-accordion h3 button {
  --faq-toggle-size: 24px;
  display: grid;
  width: 100%;
  min-height: 78px;
  grid-template-columns: 26px minmax(0, 1fr) var(--faq-toggle-size);
  column-gap: calc((48px - var(--faq-toggle-size)) / 2);
  align-items: center;
  padding: 24px 0;
  background: transparent;
  text-align: center;
}
body.careers-page .career-accordion h3 button[aria-expanded="true"] { --faq-toggle-size: 33.941px; }
body.careers-page .career-accordion__number { color: var(--career-red); font-size: 18px; font-weight: 500; line-height: 26px; white-space: nowrap; }
body.careers-page .career-accordion h3 button > span:nth-child(2) { color: var(--career-ink); font-size: 20px; font-weight: 800; line-height: 30px; overflow-wrap: anywhere; }
body.careers-page .career-accordion__toggle { display: grid; place-items: center; width: var(--faq-toggle-size); height: var(--faq-toggle-size); }
body.careers-page .career-accordion__toggle img { width: 24px; height: 24px; transition: transform .3s ease-out; }
body.careers-page .career-accordion h3 button[aria-expanded="true"] .career-accordion__toggle img { transform: rotate(45deg); }
body.careers-page .career-accordion__answer { overflow: hidden; }
body.careers-page .career-accordion__answer p { width: min(640px, 100%); margin: 0 auto; padding: 8px 0 24px; color: var(--career-soft); font-size: 14px; font-weight: 500; line-height: 20px; text-align: center; overflow-wrap: anywhere; }
@media (prefers-reduced-motion: no-preference) and (min-width: 701px) {
  body.careers-page .career-faq.is-faq-ready .career-eyebrow,
  body.careers-page .career-faq.is-faq-ready .career-heading h2 > strong > span,
  body.careers-page .career-faq.is-faq-ready .career-faq__subtitle > span,
  body.careers-page .career-faq.is-faq-ready .career-faq__filters,
  body.careers-page .career-faq.is-faq-ready .career-faq__list,
  body.careers-page .career-faq.is-faq-ready .career-accordion { transition: transform .8s ease-out, opacity .8s ease-out; }
  body.careers-page .career-faq.is-faq-ready:not(.is-revealed) .career-eyebrow { opacity: 0; transform: translateY(-90px); }
  body.careers-page .career-faq.is-faq-ready:not(.is-revealed) .career-heading h2 > strong > span { transform: translateX(-460px); }
  body.careers-page .career-faq.is-faq-ready:not(.is-revealed) .career-faq__subtitle > span { transform: translateX(260px); }
  body.careers-page .career-faq.is-faq-ready:not(.is-revealed) .career-faq__filters { opacity: 0; transform: translateY(70px); }
  body.careers-page .career-faq.is-faq-ready:not(.is-revealed) .career-faq__list { opacity: 0; }
  body.careers-page .career-faq.is-faq-ready:not(.is-revealed) .career-accordion { transform: translateY(var(--faq-entry-offset, 0px)); }
}

/* Video */
.career-video-dialog {
  width: min(940px, calc(100% - 32px));
  padding: 0;
  overflow: hidden;
  border: 0;
  border-radius: 24px;
  background: #14110f;
  color: #fff;
  box-shadow: 0 30px 80px rgba(0, 0, 0, .45);
}

.career-video-dialog::backdrop { background: rgba(13, 10, 9, .78); backdrop-filter: blur(5px); }
.career-video-dialog__header { display: flex; height: 64px; align-items: center; justify-content: space-between; padding: 0 22px; }
.career-video-dialog__header h2 { font-size: 20px; }
.career-video-dialog__header button { width: 38px; height: 38px; border-radius: 50%; background: rgba(255, 255, 255, .12); color: #fff; font-size: 28px; }
.career-video-dialog video { display: block; width: 100%; max-height: 70vh; background: #000; }

body.careers-page .career-talent-success { width: min(680px, calc(100% - 32px)); max-width: calc(100% - 32px); max-height: calc(100dvh - 32px); margin: auto; padding: 40px; border: 0; border-radius: 24px; background: #fcfbfa; color: #2a2523; text-align: center; }
body.careers-page .career-talent-success[open] { display: flex; flex-direction: column; align-items: center; gap: 48px; }
body.careers-page .career-talent-success::backdrop { background: rgba(0,0,0,.25); }
body.careers-page .career-talent-success__mark { display: grid; place-items: center; flex-shrink: 0; width: 72px; height: 72px; padding: 8px; border-radius: 50%; background: #ffeef1; }
body.careers-page .career-talent-success__mark > span { display: grid; place-items: center; width: 56px; height: 56px; border-radius: 50%; background: #ffdae0; }
body.careers-page .career-talent-success__mark img { width: 36px; height: 36px; }
body.careers-page .career-talent-success__headline { width: 100%; }
body.careers-page .career-talent-success h2 { font-size: 32px; font-weight: 800; line-height: 48px; }
body.careers-page .career-talent-success p { max-width: 440px; margin: 16px auto 0; color: #59544c; font-size: 16px; line-height: 24px; }
body.careers-page .career-talent-success small { display: block; color: #9f001a; font-size: 16px; line-height: 24px; }
body.careers-page .career-talent-success > button { flex-shrink: 0; }

.career-toast {
  position: fixed;
  z-index: 9998;
  inset-inline-start: 50%;
  inset-block-start: 20px;
  max-width: calc(100% - 32px);
  padding: 14px 20px;
  border-radius: 14px;
  background: var(--career-dark);
  color: #fff;
  box-shadow: 0 14px 34px rgba(0, 0, 0, .25);
  transform: translateX(-50%);
}

/* Entry animation */
.js [data-reveal] {
  opacity: 0;
  transform: translateY(24px);
  transition: opacity .8s var(--career-ease), transform .8s var(--career-ease);
}

.js [data-reveal="hero"] { transform: translateY(16px); transition-delay: .08s; }
.js [data-reveal].is-revealed { opacity: 1; transform: none; }

/* The shared footer is used, while the Careers Figma does not include the contact reveal. */
body.careers-page #page-footer .contact { display: none !important; }
body.careers-page #page-footer .closing { min-height: 700px; }
body.careers-page #page-footer .closing__canvas { min-height: 700px; }

@media (max-width: 1100px) and (min-width: 701px) {
  .career-wrap { width: calc(100% - 64px); }
  .career-benefits__grid { grid-template-columns: repeat(5, minmax(130px, 1fr)); }
  .career-benefit { width: auto; }
  .career-talent { grid-template-columns: 1fr 1fr; }
  body.careers-page .career-job-tabs { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  body.careers-page .career-job-tabs button { height: 64px; font-size: 18px; }
}

@media (max-width: 899px) {
  .careers-hero { height: 912px; }
  .careers-hero__shade { inset-block-end: 112px; height: 800px; }
  .careers-hero__image { inset: auto; inset-block-start: -39.578px; inset-inline-start: -765.985px; width: 1621.985px; height: 911.928px; max-width: none; }
  .careers-hero__content { height: 800px; }
  .careers-hero__primary { inset-block-start: 140px; }
  .careers-hero h1 { font-size: 24px; line-height: 30px; }
  .careers-metrics { width: 98px; margin-top: 24px; flex-direction: column; gap: 24px; }
  .careers-metric { width: 98px; min-height: 50px; flex: 0 0 auto; font-size: 12px; line-height: 18px; }
  .careers-metric + .careers-metric::before { inset: -12px 0 auto; width: 98px; height: 1px; }
  .careers-metric img { width: 24px; height: 24px; }
  .careers-hero__secondary { inset-inline: 0; inset-block-end: 136px; width: auto; }
  .careers-hero__secondary > p { font-size: 14px; line-height: 20px; }
  .careers-hero__actions { inset-block-start: auto; inset-block-end: 24px; width: 189px; flex-direction: column; align-items: flex-start; gap: 12px; }
  body.careers-page .careers-hero .career-button { height: 38px; font-size: 12px; }
  .careers-hero .career-button--light { width: 189px; }
  .careers-hero .career-button--glass { width: 146px; padding-inline-start: 24px; }
  .careers-hero .career-button__orb { width: 30px; height: 30px; }
  .careers-hero .career-button__orb img { width: 18px; height: 18px; }
  .career-marquee { height: 112px; padding-block: 16px; }
  .career-marquee__track,
  .career-marquee__group { gap: 8px; }
  .career-area-card { width: 160px; height: 80px; flex-basis: 160px; border-radius: 17px; }
  .career-area-card strong { inset-inline: 8px; inset-block-end: 7px; overflow: hidden; font-size: 12px; line-height: 18px; text-overflow: ellipsis; white-space: nowrap; }
}

@media (max-width: 700px) {
  .career-wrap { width: calc(100% - 32px); }
  .career-eyebrow { justify-content: flex-start; font-size: 12px; line-height: 18px; }
  .career-heading--center .career-eyebrow { justify-content: center; }
  .career-heading h2 { margin-top: 10px; font-size: 24px; line-height: 30px; letter-spacing: -.025em; }
  .career-heading h2 span { margin-top: 0; font-size: 24px; line-height: 30px; }
  .career-heading__subline { font-size: 24px; line-height: 30px; }
  .career-button { min-height: 38px; padding-block: 4px; font-size: 12px; line-height: 18px; }


  .career-benefits { min-height: 810px; padding-block: 48px 36px; }
  .career-benefits__grid { width: calc(100% - 46px); grid-template-columns: 1fr 1fr; margin-top: 32px; row-gap: 25px; column-gap: 46px; }
  .career-benefit { height: 112px; padding: 0; justify-content: flex-start; gap: 14px; }
  .career-benefit__icon { width: 64px; height: 64px; border-radius: 25px 4px 25px 4px; }
  .career-benefit__icon img { width: 42px; height: 42px; }
  .career-benefit h3 { font-size: 14px; line-height: 20px; }

  .career-life { height: 800px; margin-inline: 0; border-radius: 0; }
  .career-life > .career-heading { padding-top: 48px; }
  .career-life__background { object-position: 48% center; }
  .career-life__shade { background: linear-gradient(180deg, rgba(29, 25, 22, .72), rgba(29, 25, 22, .2) 45%, rgba(29, 25, 22, .86)); }
  .career-life__viewport { inset-inline-start: 16px; inset-block-end: 74px; }
  .career-life__track { gap: 16px; }
  .career-life-card { width: 280px; height: 280px; flex-basis: 280px; border-radius: 16px; }
  .career-life-card > div { padding: 36px 8px 12px; }
  .career-life-card h3 { font-size: 14px; line-height: 20px; }
  .career-life-card p { font-size: 12px; line-height: 18px; }
  .career-dots { inset-block-end: 24px; direction: ltr; }
  .career-dots button { width: 40px; height: 4px; }

  .career-feedback { min-height: 786px; padding-top: 48px; padding-bottom: 48px; }
  .career-feedback .career-heading h2 { margin-top: 8px; font-size: 24px; line-height: 30px; }
  .career-feedback .career-eyebrow { font-size: 12px; line-height: 16px; gap: 4px; }
  .career-feedback .career-eyebrow img { width: 16px; height: 8px; }
  .career-feedback__pattern { inset-block-start: 120px; height: 288px; mask-image: url("assets/figma/feedback/section-pattern-mobile-mask.svg"); mask-size: 390px 288px; }
  .career-testimonials { left: -.5px; width: calc(100% - 49px); max-width: 420px; height: auto; margin-top: 90px; }
  .career-testimonial { flex-direction: column; gap: 16px; padding: 16px 16px 24px; box-shadow: 0 4px 20px rgba(0, 0, 0, .25); }
  .career-testimonial::before { display: none; }
  .career-testimonial__clip { top: -58px; left: calc(50% - 44px); width: 88px; height: 72px; }
  .career-testimonial__photo { flex-basis: auto; width: 100%; height: 280px; }
  .career-testimonial__frame { background-size: 100% 322px; background-position: center top; }
  .career-testimonial__portrait { top: 13.244px; }
  .career-testimonial__portrait--alternate { top: 30px; height: 292px; }
  .career-testimonial__content { flex-basis: auto; min-height: 132px; gap: 10px; padding: 0; }
  .career-carousel-controls { margin-top: 42px; }

  body.careers-page .career-jobs { min-height: 1336px; padding-block: 48px; }
  body.careers-page .career-jobs .career-eyebrow { gap: 4px; font-size: 12px; line-height: 16px; font-weight: 600; }
  body.careers-page .career-jobs .career-eyebrow img { width: 16px; height: 8px; }
  body.careers-page .career-jobs .career-heading h2 { margin-top: 8px; }
  body.careers-page .career-jobs .career-heading h2 > strong,
  body.careers-page .career-jobs .career-heading h2 > .career-jobs__subtitle { font-size: 24px; line-height: 30px; }
  body.careers-page .career-jobs__content { margin-top: 32px; }
  body.careers-page .career-job-tabs { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
  body.careers-page .career-job-tabs button { height: 48px; padding: 0 3px; border-radius: 16px; font-size: 14px; line-height: 20px; }
  body.careers-page .career-job-filters { grid-template-columns: 1fr; margin-top: 24px; gap: 16px; }
  body.careers-page .career-search-field,
  body.careers-page .career-location-toggle { height: 48px; border-radius: 12px; }
  body.careers-page .career-search-field > img { width: 20px; height: 20px; }
  body.careers-page .career-search-field input,
  body.careers-page .career-location-toggle { font-size: 14px; font-weight: 500; }
  body.careers-page .career-location-options button { font-size: 12px; }
  body.careers-page .career-job-count { margin-top: 24px; font-size: 14px; line-height: 20px; }
  body.careers-page .career-job-list { margin-top: 24px; }
  body.careers-page .career-job-card { min-height: 148px; flex-direction: column; align-items: stretch; padding: 16px 0; gap: 24px; }
  body.careers-page .career-job-card h3 { font-size: 14px; line-height: 20px; }
  body.careers-page .career-job-card__meta { gap: 8px 24px; font-size: 12px; font-weight: 500; line-height: 18px; }
  body.careers-page .career-job-card__meta img { width: 20px; height: 20px; }
  body.careers-page .career-job-card__link { align-self: flex-end; height: 36px; font-size: 12px; }
  body.careers-page .career-job-card__arrow { width: 30px; height: 30px; }
  body.careers-page .career-job-card__arrow img { width: 16px; height: 16px; }
  body.careers-page .career-load-more { margin-top: 32px; }
  body.careers-page .career-load-more > span { min-height: 30px; font-size: 12px; }
  body.careers-page .career-jobs.has-no-results { min-height: 752px; }
  body.careers-page .career-jobs-empty { width: 100%; margin-top: 24px; gap: 24px; }
  body.careers-page .career-jobs-empty__icon { width: 48px; height: 48px; padding: 6px; }
  body.careers-page .career-jobs-empty__icon > span { width: 36px; height: 36px; }
  body.careers-page .career-jobs-empty__icon img { width: 24px; height: 24px; }
  body.careers-page .career-jobs-empty h3 { font-size: 24px; line-height: 30px; }
  body.careers-page .career-jobs-empty__resume { width: 100%; }
  body.careers-page .career-jobs-empty__resume > span { min-height: 30px; font-size: 12px; }
  body.careers-page .career-jobs-empty p { font-size: 14px; line-height: 20px; }

  body.careers-page .career-hiring { min-height: 670px; padding-block: 48px; }
  body.careers-page .career-hiring::before { display: none; }
  html[lang="en"] body.careers-page .career-hiring,
  html[lang="en"] body.careers-page .career-jobs { font-family: "Career Manrope", Arial, sans-serif; }
  body.careers-page .career-hiring .career-eyebrow { gap: 4px; font-size: 12px; font-weight: 600; line-height: 16px; }
  body.careers-page .career-hiring .career-eyebrow img { width: 16px; height: 8px; }
  body.careers-page .career-hiring .career-heading h2 { margin-top: 8px; font-size: 24px; line-height: 30px; }
  body.careers-page .career-hiring__steps { display: grid; padding: 0; margin-top: 32px; gap: 32px; }
  body.careers-page .career-hiring__steps::before { display: none; }
  body.careers-page .career-step { display: grid; width: 100%; min-height: 72px; grid-template-columns: 32px minmax(0, 1fr); grid-template-rows: auto 1fr; align-items: start; gap: 12px 16px; text-align: start; color: #2a2523; }
  body.careers-page .career-step:disabled { color: #2a2523; cursor: default; opacity: 1; }
  body.careers-page .career-step .career-step__icon { grid-row: 1 / 3; width: 32px; height: 32px; background: #9f001a; }
  body.careers-page .career-step__dot { display: none; }
  body.careers-page .career-hiring .career-step strong { background: none; color: #2a2523; font-size: 16px; font-weight: 800; line-height: 20px; }
  body.careers-page .career-step small { display: block; color: #59544c; font-size: 14px; font-weight: 500; line-height: 20px; }
  body.careers-page .career-hiring__description { display: none; }

  html[lang="en"] body.careers-page .career-talent,
  html[lang="en"] body.careers-page .career-talent-success { font-family: "Career Manrope", Arial, sans-serif; }
  body.careers-page .career-talent { display: flex; min-height: 0; flex-direction: column-reverse; padding-block: 48px; gap: 24px; }
  body.careers-page .career-talent__form-card { width: 100%; min-height: 0; padding: 16px; border-radius: 16px; }
  body.careers-page .career-talent .career-eyebrow { gap: 4px; font-size: 12px; font-weight: 600; line-height: 16px; }
  body.careers-page .career-talent .career-eyebrow img { width: 16px; height: 8px; }
  body.careers-page .career-talent__form-card header h2 { margin-top: 8px; font-size: 20px; line-height: 30px; }
  body.careers-page .career-talent__form-card header > p:last-child { margin-top: 12px; font-size: 14px; line-height: 20px; }
  body.careers-page .career-form { display: flex; flex-direction: column; margin-top: 40px; gap: 24px; }
  body.careers-page .career-form__field input { height: 48px; border-radius: 12px; font-size: 14px; line-height: 20px; padding-block: 20px 4px; }
  body.careers-page .career-form__field > label { top: 14px; font-size: 14px; line-height: 20px; font-weight: 500; }
  body.careers-page .career-form__field:focus-within > label,
  body.careers-page .career-form__field:has(input:not(:placeholder-shown)) > label { font-size: 12px; transform: translateY(-9px); }
  body.careers-page .career-country-code { top: 14px; }
  body.careers-page .career-form__phone::after { top: 18px; }
  body.careers-page .career-file > label { height: 48px; border-radius: 12px; font-size: 12px; }
  body.careers-page .career-file > label > img { width: 16px; height: 16px; }
  body.careers-page .career-file > label b { font-weight: 600; }
  body.careers-page .career-captcha__challenge { height: 48px; padding: 12px; border-radius: 12px; gap: 8px; }
  body.careers-page .career-captcha output { font-size: 14px; }
  body.careers-page .career-captcha .career-form__field > label { font-size: 12px; }
  body.careers-page .career-captcha__challenge button,
  body.careers-page .career-captcha__challenge img { width: 20px; height: 20px; }
  body.careers-page .career-consent { align-items: flex-start; }
  body.careers-page .career-consent em { font-size: 12px; font-weight: 600; line-height: 16px; }
  body.careers-page .career-form__submit,
  body.careers-page .career-talent-success > button { height: 38px; font-size: 12px; line-height: 18px; }
  body.careers-page .career-talent__visual { width: 100%; height: auto; aspect-ratio: 358 / 372; border-radius: 16px; }
  body.careers-page .career-talent__portrait { height: auto; }
  body.careers-page .career-talent__pattern--left { top: -17.19%; height: 65.87%; }
  body.careers-page .career-talent__pattern--right { top: 13.91%; height: 49.39%; }
  body.careers-page .career-talent__visual::before { height: 22.8%; }
  body.careers-page .career-talent__visual::after { height: 43.65%; }
  body.careers-page .career-talent__visual > strong { bottom: -6px; font-size: clamp(48px, 17.43vw, 100px); line-height: .802; }
  body.careers-page .career-talent__people { top: 12px; inset-inline-start: 12px; height: 36px; font-size: 12px; font-weight: 600; }
  body.careers-page .career-talent__avatars img { width: 28px; height: 28px; }
  body.careers-page .career-talent-success { padding: 16px; border-radius: 16px; }
  body.careers-page .career-talent-success[open] { gap: 24px; }
  body.careers-page .career-talent-success__mark { width: 48px; height: 48px; padding: 6px; }
  body.careers-page .career-talent-success__mark > span { width: 36px; height: 36px; }
  body.careers-page .career-talent-success__mark img { width: 24px; height: 24px; }
  body.careers-page .career-talent-success h2 { font-size: 24px; line-height: 30px; }
  body.careers-page .career-talent-success p,
  body.careers-page .career-talent-success small { font-size: 14px; line-height: 20px; }

  body.careers-page .career-faq { min-height: 771px; padding-block: 48px; font-family: "Career Manrope", Arial, sans-serif; }
  body.careers-page .career-faq::before,
  body.careers-page .career-faq::after { top: 76.512px; width: 64px; height: 800px; --faq-pattern: url("assets/figma/faq/pattern-mobile.svg"); background: linear-gradient(to bottom, rgba(229,3,40,.28), rgba(229,3,40,0)); mask-size: 161.041px 723.496px; }
  body.careers-page .career-faq::before { mask-position: -97.041px 76.512px; }
  body.careers-page .career-faq::after { mask-position: 0 76.512px; transform: scaleY(-1); }
  body.careers-page .career-faq .career-eyebrow { gap: 4px; font-size: 12px; font-weight: 600; line-height: 16px; }
  body.careers-page .career-faq .career-eyebrow img { width: 16px; height: 8px; }
  body.careers-page .career-faq .career-heading h2 { margin-top: 8px; }
  body.careers-page .career-faq .career-heading h2 > strong,
  body.careers-page .career-faq .career-faq__subtitle { font-size: 24px; line-height: 30px; }
  body.careers-page .career-faq__filters { display: grid; width: 286px; padding: 4px; border-radius: 16px; }
  body.careers-page .career-faq__filters button { min-height: 24px; padding: 4px 16px; border-radius: 16px; font-size: 12px; line-height: 16px; }
  body.careers-page .career-faq__list { margin-top: 24px; }
  body.careers-page .career-accordion { box-shadow: inset 0 -.5px var(--career-line); }
  body.careers-page .career-accordion h3 button { --faq-toggle-size: 16px; min-height: 68px; grid-template-columns: 18px minmax(0, 1fr) var(--faq-toggle-size); column-gap: calc((40px - var(--faq-toggle-size)) / 2); }
  body.careers-page .career-accordion h3 button[aria-expanded="true"] { --faq-toggle-size: 22.627px; }
  body.careers-page .career-accordion__number { font-size: 12px; font-weight: 700; line-height: 16px; }
  body.careers-page .career-accordion h3 button > span:nth-child(2) { font-size: 14px; line-height: 20px; }
  body.careers-page .career-accordion__toggle img { width: 16px; height: 16px; }
  body.careers-page .career-accordion__answer p { padding-top: 0; font-size: 12px; line-height: 18px; }

  body.careers-page #page-footer .closing,
  body.careers-page #page-footer .closing__canvas { min-height: 620px; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  body.careers-page *,
  body.careers-page *::before,
  body.careers-page *::after,
  body.career-detail-page *,
  body.career-detail-page *::before,
  body.career-detail-page *::after {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
  }
  .career-marquee__track { animation: none; }
  .js [data-reveal] { opacity: 1; transform: none; }
  .career-file__loader { animation: none; }
}

@media (min-width: 701px) and (max-width: 1100px) {
  body.careers-page .career-talent { display: flex; flex-direction: column-reverse; min-height: 0; padding-block: 48px; gap: 24px; }
  body.careers-page .career-talent__form-card { width: 100%; min-height: 0; }
  body.careers-page .career-talent__visual { width: 100%; height: 600px; }
  body.careers-page .career-talent__portrait { width: min(96.67%, 599px); height: auto; left: 50%; transform: translateX(-50%); }
  body.careers-page .career-talent__visual > strong { font-size: 110px; }
}