@font-face {
    font-family: body;
    src: url('../assets/fonts/vesting/body.woff') format('woff supports variations'), url('../assets/fonts/vesting/body.woff2') format('woff2-variations');
    font-weight: 100 900;
}

@font-face {
    font-family: headings;
    src: url('../assets/fonts/vesting/headings.woff') format('woff supports variations'), url('../assets/fonts/vesting/headings.woff2') format('woff2-variations');
    font-weight: 100 900;
}

:root {
    --bs-primary: #75BE85;
    --bs-primary-rgb: 117, 190, 133;
    --bs-link-color-rgb: var(--bs-primary-rgb);
    --bs-body-font-family: "new-science";
    --heading-font-family: "new-science";
    --bs-body-color: rgba(16, 38, 87, 0.75);
    --headings-color: #102757;
}

body {
    leading-trim: both;
    text-edge: cap;
    font-family: var(--bs-body-font-family);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 175%; /* 28px */
    letter-spacing: 0.32px;
}

h1,h2,h3,h4,h5,h6 {
    font-family: var(--heading-font-family);
    font-style: normal;
    font-weight: 500;
    line-height: 90%; /* 57.6px */
    color: var(--headings-color);
    leading-trim: both;
    text-edge: cap;
    margin-bottom: 1.25rem;
}

h1 {
    font-size: 40px;

    @media screen and (min-width: 992px) {
        font-size: 56px;
    }
}    

.pane {
    padding-block: 40px;
    min-height: 100vh;
    display: flex;
}

.pane .pane__media {
    position: absolute;
    inset: 0;
    left: 50%;
    display: none;
}

@media screen and (min-width: 992px) {
    .pane .pane__media {
        display: block;
    }
}

.pane .pane__media > * {
    position: absolute;
    inset: 0;
    height: 100%;
    object-fit: cover;
    width: 100%;
}

.pane .logo {
    max-height: 75px;
}

.pane .container--flex {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.pane .links {
    display: flex;
    gap: 24px;
}