/* Desktop composition from Figma frame 36:969. */
.career-page { padding: 90px 0 120px; background: var(--paper); }
.career-page__intro { display: grid; grid-template-columns: 384px 384px; gap: 24px; }
.career-page h1, .career-apply__intro h2 { margin: 0; font-size: 58px; line-height: 1.1; }
.career-page__intro > img { width: 384px; height: 256px; object-fit: cover; }
.career-page__copy { width: 792px; margin: 36px 0 0 408px; font-size: 16px; line-height: 1.3; }
.career-page__copy p { margin: 0; }
.career-page__copy p + p { margin-top: 20px; }
.career-benefits { display: grid; grid-template-columns: repeat(3, 384px); gap: 24px; margin-top: 38px; }
.career-benefits article { min-height: 301px; padding: 27px 30px 30px; border-radius: 10px; background: var(--blue); color: var(--paper); }
.career-benefits span { display: block; font-family: "Bebas Neue Cyrillic", "Bebas Neue", "Arial Narrow", sans-serif; font-size: 28px; font-weight: bold; font-synthesis: weight; line-height: 1.1; letter-spacing: 2.24px; }
.career-benefits h2 { margin: 23px 0 16px; font-family: "Onest", Arial, sans-serif; font-size: 20px; font-weight: 600; line-height: 1.2; letter-spacing: 1.6px; text-transform: uppercase; }
.career-benefits p { margin: 0; font-size: 16px; line-height: 1.3; }
.career-apply { display: grid; grid-template-columns: 588px 588px; gap: 24px; margin-top: 120px; }
.career-apply__email { margin: 12px 0 0; color: var(--ink); font-family: "Onest", Arial, sans-serif; font-size: 20px; font-weight: 600; line-height: 1.2; letter-spacing: 1.6px; text-transform: uppercase; }
.career-apply__intro p:not(.career-apply__email) { margin: 48px 0 0; color: var(--muted); font-size: 20px; font-weight: 600; line-height: 1.2; letter-spacing: 1.6px; text-transform: uppercase; }
.career-details { min-height: 648px; border-radius: 10px; background: var(--surface); overflow: hidden; }
.career-details__section { height: 264px; padding: 20px 30px; background: url("../assets/career-divider.svg") left bottom / 100% 1px no-repeat; }
.career-details__section:first-child { height: 162px; padding-top: 26px; }
.career-details__section:last-child { height: 222px; padding-top: 20px; background: none; }
.career-details h3 { margin: 0; font-family: "Onest", Arial, sans-serif; font-size: 14px; font-weight: 600; line-height: 1.3; }
.career-details ul { margin: 14px 0 0; padding: 0; list-style: none; }
.career-details li { position: relative; margin-top: 11px; padding-left: 13px; font-size: 14px; line-height: 1.3; }
.career-details li::before { position: absolute; left: 0; top: 6px; width: 6px; height: 6px; border-radius: 1px; background: var(--blue); content: ""; }

@media (max-width: 900px) {
  .career-page { padding: 56px 0 72px; }
  .career-page__intro { grid-template-columns: 1fr; gap: 30px; }
  .career-page h1, .career-apply__intro h2 { font-size: 42px; }
  .career-page__intro > img { width: 100%; height: auto; aspect-ratio: 3 / 2; }
  .career-page__copy { width: auto; margin: 36px 0 0; }
  .career-benefits { grid-template-columns: 1fr; margin-top: 40px; }
  .career-benefits article { min-height: 0; }
  .career-apply { grid-template-columns: minmax(0, 1fr); margin-top: 72px; }
  .career-apply__intro, .career-details { min-width: 0; }
  .career-apply__email { max-width: 100%; overflow-wrap: anywhere; }
  .career-details { min-height: 0; }
  .career-details__section, .career-details__section:first-child, .career-details__section:last-child { height: auto; min-height: 0; padding: 26px 30px; }
  .career-details__section:last-child { padding-bottom: 30px; }
}

@media (max-width: 600px) {
  .career-benefits { grid-template-columns: 1fr; gap: 16px; }
  .career-benefits article { padding: 24px; }
  .career-benefits h2 { font-size: 18px; }
  .career-apply { margin-top: 56px; }
  .career-apply__intro p:not(.career-apply__email) { margin-top: 36px; font-size: 18px; }
  .career-details__section, .career-details__section:first-child, .career-details__section:last-child { padding: 24px; }
}