body.page-about .jr-about-hero{
    position: relative;
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    text-align: center;
}
body.page-about .jr-about-hero-media{
    position: absolute;
    inset: 0;
    z-index: 0;
}
body.page-about .jr-about-hero-img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
body.page-about .jr-about-hero-content{
    position: relative;
    z-index: 2;
    padding: 180px 24px 80px;
}
body.page-about .jr-about-title{
    font-family: var(--font-fraunces);
    font-weight: 600;
    font-size: clamp(32px, 9vw, 120px);
    line-height: 1.05;
    white-space: pre-line; 
    color: var(--jr-cream);
    margin: 0 auto;
    max-width: 94vw;
}
body.page-about .jr-about-subtitle{
    font-family: var(--font-space-grotesk);
    font-size: 18px;
    font-weight: 700;
    line-height: 1.6;
    color: var(--jr-cream);
    opacity: 0.85;
    max-width: 640px;
    margin: 20px auto 0;
}

body.page-about .jr-about-content-wrap{
    padding: 220px 24px 100px;
}
body.page-about .jr-about-content-wrap .gh-content{
    --content-width: 720px;
    font-size: 40px;
}
body.page-about .jr-about-content-wrap .gh-content h1,
body.page-about .jr-about-content-wrap .gh-content h2,
body.page-about .jr-about-content-wrap .gh-content h3{
    font-family: var(--font-fraunces);
    font-weight: 600;
    color: var(--jr-navy);
    text-transform: uppercase;
    text-align: center;
    max-width: var(--content-width, 720px);
    margin: 40px auto 0;
    white-space: pre-line;
}

body.page-about .kg-header-card.kg-v2.kg-layout-split{
    max-width: none;
}

body.page-about .kg-header-card.kg-v2.kg-layout-split:has(picture) .kg-header-card-content{
    display: flex;
    align-items: flex-start !important;
    justify-content: space-between;
    gap: 5vw;
    padding-top: 80px !important;
    padding-left: 5.5vw;
    padding-right: 5vw;
}
body.page-about .kg-header-card.kg-v2.kg-layout-split:has(picture) .kg-header-card-content picture{
    order: 2;
    flex: 0 1 700px !important;
    width: 700px !important;
    aspect-ratio: 0.87 / 1 !important;
    display: block;
    overflow: hidden;
    border-radius: 16px;
}
body.page-about .kg-header-card.kg-v2.kg-layout-split:has(picture) .kg-header-card-image{
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: cover;
    display: block;
    border-radius: 16px;
}
body.page-about .kg-header-card.kg-v2.kg-layout-split:has(picture) .kg-header-card-text{
    order: 1;
    flex: 0 1 800px;
    padding: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    align-self: flex-start !important;
    text-align: left;
}
body.page-about .kg-header-card.kg-v2.kg-layout-split:has(picture) .kg-header-card-heading{
    font-family: var(--font-fraunces);
    font-weight: 600;
    font-size: clamp(20px, 2.2vw, 35px);
    line-height: 1.6;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    text-align: left;
    white-space: pre-line;
    color: var(--jr-navy);
    margin: 0;
    max-width: none;
}
body.page-about .kg-header-card.kg-v2.kg-layout-split:has(picture) .kg-header-card-subheading{
    font-family: var(--font-roboto);
    font-weight: 600;
    font-size: clamp(8px, 2.0vw, 17px);
    text-align: left;
    line-height: 1.5;
    letter-spacing: 0.01em;
    text-transform: uppercase;
    white-space: pre-line;
    color: var(--jr-navy);
    margin-top: 16px;
    max-width: none;
}

body.page-about .kg-header-card.kg-v2:not(:has(picture)) .kg-header-card-content{
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 60px 24px;
    padding-bottom: clamp(90px, 18vw, 200px);
}
body.page-about .kg-header-card.kg-v2:not(:has(picture)) .kg-header-card-text{
    text-align: center;
    max-width: 1700px !important;
    margin: 0 auto;
}
body.page-about .kg-header-card.kg-v2:not(:has(picture)) .kg-header-card-heading{
    font-family: var(--font-fraunces);
    font-weight: 500;
    font-size: clamp(34px, 4.4vw, 80px) !important;
    line-height: 1.3;
    text-transform: capitalize;
    text-align: center;
    text-wrap: balance;
    white-space: pre-line;
    color: var(--jr-navy);
    margin: 0;
    max-width: none;
    transform: scale(1.8);
    transform-origin: center top;
}
body.page-about .kg-header-card.kg-v2:not(:has(picture)) .kg-header-card-subheading{
    font-family: var(--font-roboto);
    font-weight: 600;
    font-size: 15px !important;
    text-align: center;
    line-height: 1.9;
    letter-spacing: 0.01em;
    text-transform: uppercase;
    white-space: pre-line;
    color: var(--jr-navy);
    margin-top: 200px;
    max-width: none;
}
@media (max-width: 768px){
    body.page-about .kg-header-card.kg-v2.kg-layout-split .kg-header-card-content{
        flex-direction: column;
        gap: 28px;
        padding: 40px 24px;
    }
    body.page-about .kg-header-card.kg-v2.kg-layout-split .kg-header-card-content picture,
    body.page-about .kg-header-card.kg-v2.kg-layout-split .kg-header-card-text{
        flex-basis: auto;
        width: 100%;
    }
}