.company_hero {
    position: relative;
}

.company_hero::before {
    position: absolute;
    top: 0;
    right: 0;
    width: 44%;
    height: 100%;
    background-image: linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px);
    background-size: 36px 36px;
    content: "";
    mask-image: linear-gradient(90deg, transparent, #000);
}

.company_hero .page_hero_inner {
    position: relative;
    z-index: 1;
}

.company_focus {
    background: #ffffff;
}

.company_focus_inner {
    display: grid;
    grid-template-columns: 240px minmax(0, 1fr);
    gap: 74px;
    align-items: start;
}

.company_focus_number {
    color: #d5eaf2;
    font-size: clamp(7rem, 15vw, 12rem);
    font-weight: 800;
    letter-spacing: -0.08em;
    line-height: 0.8;
}

.company_focus h2 {
    max-width: 760px;
    margin: 0 0 22px;
    color: #153c50;
    font-size: clamp(2.2rem, 4.7vw, 4.1rem);
    font-weight: 100;
    letter-spacing: -0.04em;
    line-height: 1.03;
}

.company_focus p:last-child {
    max-width: 760px;
    margin: 0;
    color: #536572;
    font-size: 1.18rem;
    line-height: 1.72;
}

.company_cards {
    background: #eef4f7;
}

.company_card_grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
}

.company_card_grid article {
    min-height: 320px;
    padding: 42px;
    border: 1px solid #d6e3e9;
    border-radius: 12px;
    background: #ffffff;
}

.company_card_grid span {
    color: #1685b4;
    font-size: 0.82rem;
    font-weight: 750;
    letter-spacing: 0.1em;
}

.company_card_grid h2 {
    margin: 62px 0 18px;
    color: #153c50;
    font-size: clamp(1.7rem, 3vw, 2.6rem);
    font-weight: 100;
    letter-spacing: -0.025em;
    line-height: 1.08;
}

.company_card_grid p {
    margin: 0;
    color: #536572;
    line-height: 1.68;
}

.company_values {
    background: #ffffff;
}

.company_value_grid {
    border-top: 1px solid #d8e4e9;
}

.company_value_grid > div {
    display: grid;
    padding: 26px 0;
    grid-template-columns: minmax(180px, 0.35fr) minmax(0, 1fr);
    gap: 40px;
    border-bottom: 1px solid #d8e4e9;
}

.company_value_grid strong {
    color: #0e789f;
    font-size: 1.28rem;
}

.company_value_grid p {
    max-width: 790px;
    margin: 0;
    color: #536572;
    line-height: 1.65;
}

@media screen and (max-width: 760px) {
    .company_focus_inner {
        grid-template-columns: 1fr;
        gap: 34px;
    }

    .company_focus_number {
        font-size: 7rem;
    }

    .company_card_grid {
        grid-template-columns: 1fr;
    }

    .company_card_grid article {
        min-height: 0;
    }

    .company_value_grid > div {
        grid-template-columns: 1fr;
        gap: 12px;
    }
}