/* Careers compositions use the shared site typography and numbered sections. */
.careers-page :is(.careers-stories, .careers-priorities) .section-heading__title { white-space: normal; }
.careers-page :is(.careers-stories, .careers-priorities) .section-heading__main { min-width: 0; }
.careers-page .about--wide .about__stats { display: grid; grid-auto-flow: row; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; width: 100%; }
.careers-page .about--wide .about__stat-value { display: flex; align-items: center; gap: 12px; font-size: 44px; line-height: 1; }
.careers-stat__icon { display: grid; place-items: center; flex: 0 0 40px; height: 1em; }
.careers-stat__icon img { width: 40px; height: 40px; object-fit: contain; filter: brightness(0) saturate(100%) invert(14%) sepia(84%) saturate(3939%) hue-rotate(333deg) brightness(92%) contrast(95%); }
.careers-stat__number { text-box-trim: trim-both; text-box-edge: cap alphabetic; }
.careers-section-intro { max-width: 720px; margin: 0; color: var(--text-secondary); font-size: var(--body-l-size); line-height: var(--body-l-line); }
.careers-stories__grid { display: grid; gap: 24px; }
.careers-story { display: flex; flex-direction: column; min-width: 0; background: var(--bg-page); border: 1px solid var(--border-default); }
.careers-story--video { border: 0; }
.careers-story__media { position: relative; aspect-ratio: 16 / 9; overflow: hidden; background: var(--bg-inverse); }
.careers-story__video-poster { position: relative; width: 100%; height: 100%; }
.careers-story__video-poster img { width: 100%; height: 100%; object-fit: cover; }
.careers-story__video-poster::after { content: ''; position: absolute; inset: 0; background: linear-gradient(transparent, rgb(0 0 0 / 48%)); pointer-events: none; }
.careers-story__play { position: absolute; left: 50%; top: 50%; z-index: 1; transform: translate(-50%, -50%); display: flex; align-items: center; gap: 12px; min-height: 56px; padding: 16px 24px; border: 0; background: var(--bg-accent); color: #fff; font: 600 14px/1 var(--font-body); white-space: nowrap; cursor: pointer; }
.careers-story__media iframe { display: block; width: 100%; height: 100%; border: 0; }
.careers-story__placeholder { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 16px; min-height: 160px; padding: 24px; background: var(--bg-subtle); border-bottom: 1px solid var(--border-default); text-align: center; color: var(--text-accent); }
.careers-story--video .careers-story__placeholder { aspect-ratio: 16 / 9; background: var(--bg-inverse); color: var(--text-inverse); }
.careers-story__coming { font-size: 14px; color: var(--text-secondary); }
.careers-story--video .careers-story__coming { color: var(--text-inverse); opacity: .7; }
.careers-story__body { display: flex; flex-direction: column; gap: 12px; padding: 24px; }
.careers-story__body .eyebrow { color: var(--text-accent); }
.careers-story__body h3 { margin: 0; font-size: 28px; line-height: 1.1; }
.careers-story__body > p:not(.eyebrow) { margin: 0; font-size: var(--body-m-size); line-height: var(--body-m-line); color: var(--text-secondary); }
.careers-priorities { background: var(--bg-page); }
.careers-priority { min-width: 0; background: var(--bg-page); }
.careers-priority__image { display: block; width: 100%; height: 190px; margin: 0 0 4px; object-fit: cover; }
.careers-priority__number { color: var(--text-accent); font-family: var(--font-heading); font-size: 40px; font-weight: 600; line-height: 1; }
.careers-priority__points { margin: 0 0 12px; padding-left: 20px; color: var(--text-secondary); font-size: var(--body-m-size); line-height: var(--body-m-line); }
.careers-priority__points li + li { margin-top: 12px; }
.careers-priority .link-button { align-self: flex-start; margin-top: auto; font-size: 12px; }
.careers-page .split-media--rows .split-media__row .split-media__media { display: block; aspect-ratio: 560 / 360; }
@media (max-width: 767px) {
 .careers-page .split-media__body { margin-top: 24px; }
}
@media (min-width: 480px) {
 .careers-page .about--wide .about__stats { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (min-width: 768px) {
 .careers-page .about--wide .about__stat-value { font-size: 64px; }
 .careers-page .careers-stories .feature-cards__inner, .careers-page .careers-priorities .feature-cards__inner { gap: 40px; }
 .careers-stories__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
 .careers-story--video { grid-column: 1 / -1; }
 .careers-story--video .careers-story__placeholder { aspect-ratio: 16 / 7; }
}
@media (min-width: 1024px) {
 .careers-page .careers-stories .feature-cards__inner { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(0, .75fr); column-gap: 48px; }
 .careers-stories .careers-section-intro { padding-top: 32px; }
 .careers-stories .section-heading { gap: 32px; padding-right: 0; }
 .careers-stories .section-heading__title { font-size: clamp(44px, 4vw, 56px); }
 .careers-stories__grid { grid-column: 1 / -1; grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr); }
 .careers-story--video { grid-column: 1; grid-row: 1 / 3; }
 .careers-story--video .careers-story__placeholder { flex: 1; aspect-ratio: auto; min-height: 280px; }
 .careers-story:not(.careers-story--video) { display: grid; grid-template-columns: 136px minmax(0, 1fr); }
 .careers-story:not(.careers-story--video) .careers-story__placeholder { padding: 20px 12px; border-bottom: 0; border-right: 1px solid var(--border-default); }
 .careers-page .careers-priorities .feature-cards__list { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
/* Application overlay and HubSpot form mount. */
.careers-application { box-sizing: border-box; width: min(680px, calc(100% - 32px)); max-height: calc(100dvh - 32px); margin: auto; padding: 0; border: 0; background: var(--bg-page); color: var(--text-primary); box-shadow: 0 24px 80px rgb(0 0 0 / 24%); overflow-y: auto; }
.careers-application::backdrop { background: rgb(12 12 14 / 48%); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); }
.careers-application__inner { position: relative; padding: 32px 24px; }
.careers-application__close { position: absolute; top: 16px; right: 16px; display: grid; place-items: center; width: 44px; height: 44px; border: 0; background: none; color: inherit; cursor: pointer; }
.careers-application .eyebrow { padding-right: 44px; }
.careers-application h2 { margin: 16px 0; font-size: 40px; font-weight: 700; line-height: 1; text-transform: uppercase; }
.careers-application #application-intro { margin: 0 0 24px; color: var(--text-secondary); font-size: 16px; line-height: 1.6; }
.careers-application__status { margin: 16px 0; color: var(--text-secondary); font-size: 14px; line-height: 1.6; }
.careers-application [hidden] { display: none; }
.careers-application [data-application-form] { min-width: 0; }
.careers-application [data-application-form] iframe { display: block; width: 100%; max-width: 100%; border: 0; }
html.careers-application-open { overflow: hidden; scrollbar-gutter: stable; }
@media (min-width: 768px) {
 .careers-application__inner { padding: 48px; }
 .careers-application h2 { font-size: 48px; }
}