/* Careers homepage hero and application-specific navigation. */
.jobs-header, .jobs-hero { font-family: 'Geist', sans-serif; }
.wrapper-top { background: #f7f7f8; }
.jobs-header { background: #fff; position: relative; z-index: 1000; }
.jobs-navbar { padding: 12px 0; }
.jobs-navbar > .container { min-height: 44px; }
.jobs-navbar .navbar-brand { padding: 0; margin-right: 24px; }
.jobs-brand-logo { display: block; width: 180px; max-width: 100%; height: auto; }
.jobs-navbar .nav-link { font-family: inherit; font-size: 13px; font-weight: 600; color: #333; margin: 0 8px; }
.jobs-navbar .nav-link:hover { color: #BF3F7F; }
.jobs-header-cta { display: inline-flex; align-items: center; gap: 8px; padding: 9px 12px; border: 1px solid #ccc; border-radius: 8px; background: #f4f4f4; color: #333; font-size: 13px; font-weight: 600; text-decoration: none; white-space: nowrap; }
.jobs-header-cta:hover { background: #e0e0e0; color: #111; }
.jobs-quick-links { justify-content: space-around; display: flex; padding: 8px 10px; border-top: 1px solid #ececec; border-bottom: 1px solid #ececec; }
.jobs-quick-links a { font-size: 11px; font-weight: 600; color: #333; text-decoration: none; }
.jobs-hero { background: #f7f7f8; min-height: 630px; display: flex; align-items: center; padding: 48px 0 70px; }
.jobs-hero h1 { font-size: 48px; font-weight: 900; line-height: 1.08; letter-spacing: -1.5px; color: #171717; margin: 0 0 22px; }
.jobs-hero h1 span { color: #BF3F7F; }
.jobs-hero p { font-family: inherit; font-size: 16px; line-height: 1.65; font-weight: 400; color: #444; max-width: 460px; margin-bottom: 28px; }
.jobs-hero-actions { display: flex; flex-wrap: wrap; gap: 12px; }
.jobs-primary-btn, .jobs-secondary-btn { display: inline-flex; align-items: center; justify-content: center; gap: 10px; border-radius: 8px; padding: 12px 20px; min-height: 49px; font-size: 14px; font-weight: 700; text-decoration: none; }
.jobs-primary-btn { background: #BF3F7F; border: 2px solid #BF3F7F; color: #fff; }
.jobs-primary-btn:hover { background: #9F2F68; border-color: #9F2F68; color: #fff; }
.jobs-secondary-btn { background: #fff; border: 2px solid #BF3F7F; color: #111; }
.jobs-secondary-btn:hover { background: #FBEFF5; color: #111; }
.jobs-hero-visual img { display: block; width: 100%; max-height: 510px; object-fit: contain; }
.jobs-header a:focus-visible, .jobs-hero a:focus-visible { outline: 3px solid #BF3F7F; outline-offset: 4px; }
#positions { scroll-margin-top: 24px; }
@media (max-width: 1199.98px) and (min-width: 992px) {
    .jobs-navbar .nav-link { margin: 0 3px; font-size: 11px; }
    .jobs-hero h1 { font-size: 42px; }
}
@media (max-width: 991.98px) {
    .jobs-navbar .navbar-collapse { padding: 16px 0 4px; }
    .jobs-navbar .nav-link { margin: 0; padding: 10px 0; }
    .jobs-hero { min-height: 0; padding: 40px 0 70px; }
    .jobs-hero h1 { font-size: 42px; }
    .jobs-hero-visual img { max-height: 380px; }
}
@media (max-width: 575.98px) {
    .jobs-navbar { padding: 10px 0; }
    .jobs-navbar .navbar-brand { margin-right: 8px; }
    .jobs-brand-logo { width: 134px; }
    .jobs-header-cta { padding: 8px 10px; font-size: 11px; }
    .jobs-navbar .navbar-toggler { padding: 3px; border: 0; }
    .jobs-navbar .navbar-toggler-icon { width: 24px; height: 24px; }
    .jobs-hero { padding: 32px 12px 30px; }
    .jobs-hero h1 { font-size: clamp(28px, 7.6vw, 42px); letter-spacing: -1px; margin-bottom: 16px; }
    .jobs-hero p { font-size: 14px; margin-bottom: 22px; }
    .jobs-hero-actions { gap: 10px; }
    .jobs-primary-btn, .jobs-secondary-btn { padding: 11px 14px; font-size: 12px; }
    .jobs-hero-visual img { max-height: 280px; }
}
.jobs-navbar button.navbar-toggler { border: 0; border-radius: 0; background: transparent; box-shadow: none; color: #222; }
.jobs-navbar .navbar-toggler-icon { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 26' fill='none' stroke='%23222' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M3 6h20M3 13h20M3 20h20'/%3E%3C/svg%3E"); }

/* Match the Aliyah public header while retaining every careers link. */
.jobs-header {
    position: sticky;
    top: 0;
    z-index: 1060;
    background: rgba(255, 255, 255, .64);
    -webkit-backdrop-filter: blur(18px) saturate(160%);
    backdrop-filter: blur(18px) saturate(160%);
    box-shadow: none;
}
.jobs-navbar { padding: 0; }
.jobs-navbar > .container {
    min-height: 79px;
    padding-top: 12px;
    padding-bottom: 12px;
    gap: 16px;
    border-bottom: 1px solid rgba(0, 0, 0, .045);
}
.jobs-navbar .navbar-brand { display: flex; align-items: center; height: 54px; margin-right: 0; flex-shrink: 0; }
.jobs-brand-logo { max-height: 54px; object-fit: contain; }
.jobs-navbar .navbar-nav { gap: 5px; }
.jobs-navbar .navbar-nav .nav-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    margin: 0;
    padding: 0 14px;
    border-radius: 24px;
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
    color: #333;
    white-space: nowrap;
}
.jobs-navbar .navbar-nav .nav-link:hover { color: #BF3F7F; }
.jobs-header-cta {
    min-height: 40px;
    border-color: #BF3F7F;
    background: #fff;
    font-size: 13px;
    text-transform: uppercase;
}
.jobs-header-cta:hover { background: #FBEFF5; color: #BF3F7F; }
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
    .jobs-header { background: rgba(255, 255, 255, .94); }
}
@media (max-width: 1399.98px) {
    .jobs-navbar > .container { flex-wrap: wrap; gap: 0; }
    .jobs-navbar > .container > .order-lg-last { margin-left: auto; order: 1 !important; }
    .jobs-navbar .navbar-toggler { display: none; }
    .jobs-navbar .navbar-collapse {
        display: block !important;
        flex: 0 0 100%;
        order: 2;
        min-width: 0;
        height: auto !important;
        padding: 3px 8px;
        margin-top: 0;
        border-top: 1px solid #f0f0f3;
        overflow-x: auto;
        scrollbar-width: none;
        overscroll-behavior-x: contain;
    }
    .jobs-navbar .navbar-nav { flex-direction: row; width: max-content; min-width: 100%; justify-content: safe flex-end; }
    .jobs-navbar .navbar-collapse::-webkit-scrollbar { display: none; }
    .jobs-quick-links { display: none !important; }
}
@media (max-width: 767.98px) {
    .jobs-header { background: #fff; }
    .jobs-navbar > .container { padding-top: 0; padding-bottom: 0; }
    .jobs-navbar .navbar-brand { height: 72px; }
    .jobs-navbar .navbar-collapse { padding: 8px 0; }
    .jobs-navbar .navbar-nav { justify-content: flex-start; }
    .jobs-navbar .navbar-nav .nav-link { height: 36px; padding: 0 11px; font-size: 12px; }
}

/* Keep the sticky header attached to the document's scrolling viewport. */
body { overflow-x: clip; }
#positions { scroll-margin-top: 140px; }

/* Careers wordmark follows the Aliyah / Powered By brand treatment. */
.jobs-navbar .navbar-brand { gap: 14px; text-decoration: none; }
.jobs-brand-wordmark {
    display: inline-flex;
    align-items: center;
    height: 40px;
    padding: 0 9px;
    border-radius: 2px;
    background: #BF3F7F;
    color: #fff;
    font: 800 25px/1 Arial, sans-serif;
}
.jobs-brand-label { transform: translateY(-1px); }
.jobs-navbar .jobs-brand-wordmark:hover,
.jobs-navbar .jobs-brand-wordmark:focus,
.jobs-navbar .jobs-brand-wordmark:active,
.jobs-navbar .jobs-brand-wordmark:visited {
    color: #fff;
    background: #BF3F7F;
    text-decoration: none;
}
.jobs-brand-powered { color: #777; font: 400 12px/1 Arial, sans-serif; }
.jobs-brand-lilabali { display: inline-flex; align-items: flex-start; color: #000; font: 900 25px/1 'Geist', 'Arial Black', Arial, sans-serif; letter-spacing: -.8px; }
.jobs-lilabali-logo { display: block; width: auto; height: 25px; }
.jobs-brand-trademark { position: static; margin: 0 0 0 2px; color: #000; font: 700 14px/1 Arial, sans-serif; letter-spacing: 0; }
.jobs-navbar .jobs-brand-lilabali:hover,
.jobs-navbar .jobs-brand-lilabali:focus,
.jobs-navbar .jobs-brand-lilabali:active,
.jobs-navbar .jobs-brand-lilabali:visited { color: #000; }
@media (max-width: 575.98px) {
    .jobs-navbar .navbar-brand { gap: 6px; }
    .jobs-brand-wordmark { height: 34px; padding: 0 7px; font-size: 22px; }
    .jobs-brand-powered { max-width: 36px; font-size: 10px; line-height: 1.2; white-space: normal; }
    .jobs-brand-lilabali { font-size: 22px; letter-spacing: -.4px; }
    .jobs-lilabali-logo { width: auto; height: 22px; }
    .jobs-header-cta { gap: 4px; padding: 8px; font-size: 10px; }
}
