/* ===================================
   CAREER PAGE STYLES
   Organized by Element IDs for Easy Editing
   =================================== */

/* ===================================
   HERO SECTION
   =================================== */

/* #career-hero */
#career-hero {
    background-color: #000000;
}

/* #career-hero-container */
#career-hero-container {
    position: relative;
    overflow: hidden;
}

@media (max-width: 767px) {
    #career-hero-container {
        height: 450px !important;
        padding: 20px !important;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    #career-hero-container {
        height: 500px !important;
    }
}

@media (min-width: 1440px) {
    #career-hero-container {
        max-width: 1440px;
        margin-left: auto;
        margin-right: auto;
    }
}

/* #career-hero-bg-desktop */
#career-hero-bg-desktop {
    z-index: 0;
    background-image: linear-gradient(90deg, rgb(0 0 0 / 54%) 31%, rgb(0 0 0 / 0%) 100%), url(../images/career/career-hero-bg-5ea844.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    margin-top: 5%;
}

@media print {
    #career-hero-bg-desktop {
        display: none;
    }
}

/* #career-hero-content */
#career-hero-content {
    /* Styles inherited from parent, GSAP animation applied */
}

/* #career-hero-title */
#career-hero-title {
    /* Inherits from text-h1 class */
}

@media (max-width: 767px) {
    #career-hero-title {
        font-size: 29px !important;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    #career-hero-title {
        font-size: 48px !important;
    }
}

@media (min-width: 1024px) {
    #career-hero-title {
        font-size: 60px !important;
    }
}

/* ===================================
   INTRO SECTION
   =================================== */

/* #career-intro */
#career-intro {
    background-color: #060E0E;
}

/* #career-intro-container */
#career-intro-container {
    /* Flexbox layout from Tailwind classes */
}

@media (max-width: 767px) {
    #career-intro-container {
        flex-direction: column;
    }
}

@media (min-width: 1024px) {
    #career-intro-container {
        align-items: stretch;
    }
}

@media (min-width: 1440px) {
    #career-intro-container {
        max-width: 1440px;
        margin-left: auto;
        margin-right: auto;
    }
}

/* #career-intro-card-bg */
#career-intro-card-bg {
    background: url('../images/career/pradhi-team.jpg');
    background-size: cover;
    background-position: center;
}

@media (max-width: 767px) {
    #career-intro-card-bg {
        height: 300px !important;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    #career-intro-card-bg {
        height: 340px !important;
    }
}

@media print {
    #career-intro-card-bg {
        break-inside: avoid;
    }
}

/* #career-intro-content */
#career-intro-content {
    /* GSAP animation applied */
}

/* #career-intro-text */
#career-intro-text {
    /* Inherits from text-h4 class */
}

/* #career-intro-cta (deprecated, now #who-we-are-cta-button) */
#career-intro-cta,
#who-we-are-cta-button {
    /* Button styles from button classes */
}

@media (prefers-contrast: high) {
    #career-intro-cta,
    #who-we-are-cta-button {
        border-width: 2px !important;
    }
}

@media (hover: none) and (pointer: coarse) {
    #career-intro-cta,
    #who-we-are-cta-button {
        padding: 14px 24px !important;
        font-size: 18px !important;
    }
}

/* ===================================
   FROM THE LABS SECTION
   =================================== */

/* #career-labs */
#career-labs {
    background-color: #060E0E;
}

/* #career-labs-container */
#career-labs-container {
    /* Flexbox layout from Tailwind classes */
}

@media (min-width: 1440px) {
    #career-labs-container {
        max-width: 1440px;
        margin-left: auto;
        margin-right: auto;
    }
}

/* #career-labs-title */
#career-labs-title {
    /* Inherits from text-h2 class, GSAP animation applied */
}

/* #career-labs-cards */
#career-labs-cards {
    /* Flexbox layout from Tailwind classes */
}

@media (max-width: 767px) {
    #career-labs-cards {
        flex-direction: column;
    }
}

@media (min-width: 1024px) {
    #career-labs-cards {
        align-items: stretch;
    }
}

.loading #career-labs-cards {
    opacity: 0.5;
}

/* #career-labs-card-1 */
#career-labs-card-1 {
    /* Card styles from Tailwind classes, GSAP zoom-in animation */
}

@media (max-width: 767px) {
    #career-labs-card-1 {
        min-height: 320px !important;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    #career-labs-card-1 {
        min-height: 360px !important;
    }
}

@media (prefers-contrast: high) {
    #career-labs-card-1 {
        border-width: 2px !important;
    }
}

@media (hover: none) and (pointer: coarse) {
    #career-labs-card-1:active {
        transform: scale(0.98);
    }
}

/* #career-labs-icon-1 */
#career-labs-icon-1 {
    /* Icon container */
}

/* #career-labs-text-1 */
#career-labs-text-1 {
    /* Text container */
}

/* #career-labs-description-1 */
#career-labs-description-1 {
    /* Inherits from text-h5 class */
}

/* #career-labs-card-2 */
#career-labs-card-2 {
    /* Card styles from Tailwind classes, GSAP zoom-in animation */
}

@media (max-width: 767px) {
    #career-labs-card-2 {
        min-height: 320px !important;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    #career-labs-card-2 {
        min-height: 360px !important;
    }
}

@media (prefers-contrast: high) {
    #career-labs-card-2 {
        border-width: 2px !important;
    }
}

@media (hover: none) and (pointer: coarse) {
    #career-labs-card-2:active {
        transform: scale(0.98);
    }
}

/* #career-labs-icon-2 */
#career-labs-icon-2 {
    /* Icon container */
}

/* #career-labs-text-2 */
#career-labs-text-2 {
    /* Text container */
}

/* #career-labs-description-2 */
#career-labs-description-2 {
    /* Inherits from text-h5 class */
}

/* #career-labs-card-3 */
#career-labs-card-3 {
    /* Card styles from Tailwind classes, GSAP zoom-in animation */
}

@media (max-width: 767px) {
    #career-labs-card-3 {
        min-height: 320px !important;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    #career-labs-card-3 {
        min-height: 360px !important;
    }
}

@media (prefers-contrast: high) {
    #career-labs-card-3 {
        border-width: 2px !important;
    }
}

@media (hover: none) and (pointer: coarse) {
    #career-labs-card-3:active {
        transform: scale(0.98);
    }
}

/* #career-labs-icon-3 */
#career-labs-icon-3 {
    /* Icon container */
}

/* #career-labs-text-3 */
#career-labs-text-3 {
    /* Text container */
}

/* #career-labs-description-3 */
#career-labs-description-3 {
    /* Inherits from text-h5 class */
}

/* ===================================
   SIGNAL SEEKERS SECTION
   =================================== */

/* #career-seekers */
#career-seekers {
    background-color: #2C003E;
}

/* #career-seekers-container */
#career-seekers-container {
    /* Flexbox layout from Tailwind classes */
}

@media (max-width: 767px) {
    #career-seekers-container {
        flex-direction: column;
    }
}

@media (min-width: 1440px) {
    #career-seekers-container {
        max-width: 1440px;
        margin-left: auto;
        margin-right: auto;
    }
}

/* #career-seekers-content */
#career-seekers-content {
    /* GSAP fade-right animation */
}

.loading #career-seekers-content {
    opacity: 0.5;
}

/* #career-seekers-title */
#career-seekers-title {
    /* Inherits from text-h2 class */
}

/* #career-seekers-description */
#career-seekers-description {
    /* Inherits from text-p1 class */
}

/* #career-seekers-image */
#career-seekers-image {
    /* GSAP fade-left animation */
}

/* ===================================
   DIVIDER
   =================================== */

/* #career-divider */
#career-divider {
    background-color: #13001A;
}

/* ===================================
   RESEARCH SPIRIT SECTION
   =================================== */

/* #career-research */
#career-research {
    background-color: #13001A;
    min-height: 400px;
}

/* #career-research-container */
#career-research-container {
    /* Flexbox layout from Tailwind classes */
}

@media (max-width: 767px) {
    #career-research-container {
        gap: 24px !important;
    }
}

@media (min-width: 1440px) {
    #career-research-container {
        max-width: 1440px;
        margin-left: auto;
        margin-right: auto;
    }
}

/* #career-research-header */
#career-research-header {
    /* GSAP fade-up animation */
}

/* #career-research-title */
#career-research-title {
    /* Inherits from text-h2 class */
}

/* #career-research-description */
#career-research-description {
    /* Inherits from text-p1 class */
}

/* #career-research-content */
#career-research-content {
    display: flex;
    flex-direction: row;
    gap: 0;
}

@media (max-width: 767px) {
    #career-research-content {
        flex-direction: column;
    }
}

@media (min-width: 1024px) {
    #career-research-content {
        align-items: stretch;
    }
}

/* Ensure 50/50 split on desktop */
@media (min-width: 1024px) {
    #career-research-content > * {
        flex: 1;
        width: 50%;
    }
}

/* #career-research-image */
#career-research-image {
    /* GSAP fade-right animation */
}

@media print {
    #career-research-image {
        break-inside: avoid;
    }
}

/* #career-research-image-bg */
#career-research-image-bg {
    background: url('../images/career/career-research-bg.jpg');
    background-size: cover;
    background-position: center;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    margin-left: -13px;
    min-height: 400px;
}

/* #career-research-cards */
#career-research-cards {
    background-color: #5E376E;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    margin-left: -13px;
    padding: 48px;
}

@media (max-width: 767px) {
    #career-research-cards {
        gap: 32px !important;
        padding: 24px !important;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    #career-research-cards {
        padding: 32px !important;
    }
}

/* #career-research-item-1 */
#career-research-item-1 {
    /* GSAP fade-up animation */
    padding-left: 35px;
    padding-top: 35px;
}

/* #career-research-number-1 */
#career-research-number-1 {
    color: #F4DCFF;
}

/* #career-research-text-1 */
#career-research-text-1 {
    /* Inherits from text-h4 class */
}

/* #career-research-item-2 */
#career-research-item-2 {
    /* GSAP fade-up animation */
    padding-left: 35px;
}

/* #career-research-number-2 */
#career-research-number-2 {
    color: #F4DCFF;
}

/* #career-research-text-2 */
#career-research-text-2 {
    /* Inherits from text-h4 class */
}

/* #career-research-item-3 */
#career-research-item-3 {
    /* GSAP fade-up animation */
    padding-left: 35px;
    padding-bottom: 35px;
}

/* #career-research-number-3 */
#career-research-number-3 {
    color: #F4DCFF;
}

/* #career-research-text-3 */
#career-research-text-3 {
    /* Inherits from text-h4 class */
}

/* ===================================
   MORE THAN PERKS SECTION
   =================================== */

/* #career-perks */
#career-perks {
    background-color: #13001A;
}

/* #career-perks-container */
#career-perks-container {
    /* Flexbox layout from Tailwind classes */
}

@media (max-width: 767px) {
    #career-perks-container {
        flex-direction: column;
        gap: 32px !important;
        padding-top: 0;
    }
    #career-cta-container {
        padding-top: 0;
    }
}

@media (min-width: 1440px) {
    #career-perks-container {
        max-width: 1440px;
        margin-left: auto;
        margin-right: auto;
    }
}

/* #career-perks-content */
#career-perks-content {
    /* GSAP fade-right animation */
}

/* #career-perks-title */
#career-perks-title {
    /* Inherits from text-h2 class */
}

/* #career-perks-description */
#career-perks-description {
    /* Inherits from text-p2 class */
}

/* #career-perks-cta */
#career-perks-cta {
    /* Button styles from button classes */
}

@media (prefers-contrast: high) {
    #career-perks-cta {
        border-width: 2px !important;
    }
}

@media (hover: none) and (pointer: coarse) {
    #career-perks-cta {
        padding: 14px 24px !important;
        font-size: 18px !important;
    }
}

/* #career-perks-image */
#career-perks-image {
    background: rgba(94, 55, 110, 0.64) url('../images/career/career-perks-bg.jpg');
    background-size: cover;
    background-position: center;
    background-blend-mode: normal;
    padding: 20px;
}

@media (max-width: 767px) {
    #career-perks-image {
        height: 280px !important;
    }
}

@media print {
    #career-perks-image {
        break-inside: avoid;
    }
}

/* ===================================
   FINAL CTA SECTION
   =================================== */

/* #career-cta */
#career-cta {
    background-color: #13001A;
    min-height: 300px;
}

/* #career-cta-container */
#career-cta-container {
    /* Flexbox layout from Tailwind classes */
}

@media (min-width: 1440px) {
    #career-cta-container {
        max-width: 1440px;
        margin-left: auto;
        margin-right: auto;
    }
}

/* #career-cta-content */
#career-cta-content {
    /* GSAP zoom-in animation */
}

@media (max-width: 767px) {
    #career-cta-content {
        flex-direction: column;
        padding: 32px !important;
    }
}

/* #career-cta-text */
#career-cta-text {
    /* Text container */
}

/* #career-cta-title */
#career-cta-title {
    /* Inherits from text-h2 class */
}

/* #career-cta-description */
#career-cta-description {
    /* Inherits from text-p2 class */
}

/* #career-cta-btn */
#career-cta-btn {
    /* Button styles from button classes */
}

@media (prefers-contrast: high) {
    #career-cta-btn {
        border-width: 2px !important;
    }
}

@media (hover: none) and (pointer: coarse) {
    #career-cta-btn {
        padding: 14px 24px !important;
        font-size: 18px !important;
    }
}

/* #career-cta-image */
#career-cta-image {
    /* Image container */
}

@media (max-width: 767px) {
    #career-cta-image {
        height: 132px !important;
        margin-top: 30px;
    }
    .text-h2 {
        font-size: 31px !important;
        line-height: 2rem !important;
        padding-top: 10px;
    }
    #career-research-image {
        margin: 0;
        margin-top: 17px;
        border-radius: 14px;
    }
    #career-research-image-bg{
        margin-left: -0;
    }
    #career-research-cards{
        margin: 0;
        margin-top: 17px;
        border-radius: 14px;
    }
}

@media print {
    #career-cta-image {
        break-inside: avoid;
    }
}

/* ===================================
   GLOBAL LOADING STATES
   =================================== */

.loading #career-hero-content {
    opacity: 0.5;
}

.loading #career-intro-content {
    opacity: 0.5;
}

/* ===================================
   ACCESSIBILITY STYLES
   =================================== */

/* Focus Styles for Accessibility */
a:focus-visible,
button:focus-visible {
    outline: 2px solid #ABEBF0;
    outline-offset: 4px;
}

/* Reduced Motion */
@media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }
}

/* ===================================
   UTILITY STYLES
   =================================== */

/* Smooth Scrolling */
html {
    scroll-behavior: smooth;
}

/* Selection Styles */
::selection {
    background-color: #ABEBF0;
    color: #13001A;
}

::-moz-selection {
    background-color: #ABEBF0;
    color: #13001A;
}

/* Mobile: Force all GSAP animations to be visible */
@media (max-width: 767px) {
    .gsap-fade-up,
    .gsap-fade-right,
    .gsap-fade-left,
    .gsap-zoom-in,
    .gsap-text-reveal {
        opacity: 1 !important;
        transform: none !important;
        visibility: visible !important;
    }
}