/*
 * OverlandEurope About Page v1.0.5
 * Visual baseline: OE Editorial Card & Responsive Baseline v0.9.53
 */
:root {
    --oe-about-paper: #FAF5EA;
    --oe-about-navy: #000080;
    --oe-about-text: #111111;
    --oe-about-muted: #666666;
    --oe-about-rule: #D9D6CF;
    --oe-about-editorial: Georgia, "Times New Roman", serif;
    --oe-about-interface: Inter, Arial, sans-serif;
    --oe-about-reading: 760px;
    --oe-about-content: 1280px;
    --oe-about-gutter: 40px;
}

.oe-about-page-active .entry-header,
.oe-about-page-active .page-title,
.oe-about-page-active .ct-page-title,
.oe-about-page-active .hero-section[data-type="type-1"] {
    display: none !important;
}

.oe-about-page-active .site-main,
.oe-about-page-active main,
.oe-about-page-active .content-area,
.oe-about-page-active .site-content {
    background: var(--oe-about-paper);
}

.oe-about {
    box-sizing: border-box;
    margin: 0;
    padding: 0 0 96px;
    background: var(--oe-about-paper);
    color: var(--oe-about-text);
}

.oe-about *,
.oe-about *::before,
.oe-about *::after {
    box-sizing: border-box;
}

.oe-about__inner {
    width: min(calc(100% - (2 * var(--oe-about-gutter))), var(--oe-about-reading));
    margin-inline: auto;
}

.oe-about__inner--wide {
    width: min(calc(100% - (2 * var(--oe-about-gutter))), var(--oe-about-content));
}

.oe-about__header {
    padding-top: 72px;
}

.oe-about__title {
    width: 100%;
    margin: 0 0 48px;
    color: var(--oe-about-text);
    font-family: var(--oe-about-editorial);
    font-size: clamp(32px, 2.6vw, 40px);
    font-weight: 500;
    line-height: 1.07;
    letter-spacing: 0;
}

.oe-about__hero {
    margin-top: 0;
    margin-bottom: 72px;
}

.oe-about__hero img {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 3 / 2;
    object-fit: cover;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    background: var(--oe-about-rule);
}

.oe-about__prose {
    color: var(--oe-about-text);
    font-family: var(--oe-about-interface);
    font-size: 16px;
    font-weight: 400;
    line-height: 1.7;
}

.oe-about__prose p {
    margin: 0 0 24px;
    color: inherit;
}

.oe-about__prose > p:first-child {
    font-size: 16px;
    line-height: 1.7;
}

.oe-about__section {
    margin-top: 48px;
}

.oe-about__section h2 {
    margin: 0 0 24px;
    color: var(--oe-about-text);
    font-family: var(--oe-about-editorial);
    font-size: clamp(22px, 1.7vw, 28px);
    font-weight: 500;
    line-height: 1.08;
    letter-spacing: 0;
}


.oe-about__milestone,
.oe-about__independent {
    margin-top: 48px;
    padding-top: 0;
    border-top: 0;
}

.oe-about__closing {
    margin-top: 24px !important;
    color: inherit;
    font-family: inherit;
    font-size: inherit;
    font-weight: 400;
    line-height: inherit;
}

.oe-about__links {
    display: flex;
    flex-wrap: wrap;
    gap: 16px 32px;
    margin-top: 48px;
    padding-top: 0;
    border-top: 0;
    font-family: var(--oe-about-interface);
    font-size: 16px;
    line-height: 1.4;
}

.oe-about__links a {
    color: var(--oe-about-navy);
    font-weight: 500;
    text-decoration: none;
    text-underline-offset: 4px;
    touch-action: manipulation;
}

.oe-about__links a:hover {
    text-decoration: underline;
}

.oe-about__links a:focus-visible {
    outline: 2px solid var(--oe-about-navy);
    outline-offset: 4px;
    text-decoration: none;
}

@media (max-width: 1023px) {
    :root {
        --oe-about-gutter: 28px;
    }

    .oe-about__header {
        padding-top: 72px;
    }

    .oe-about__hero {
        margin-bottom: 72px;
    }
}

@media (max-width: 767px) {
    :root {
        --oe-about-gutter: 20px;
    }

    .oe-about {
        padding-bottom: 72px;
    }

    .oe-about__header {
        padding-top: 48px;
    }

    .oe-about__title {
        margin-bottom: 32px;
        font-size: 32px;
        line-height: 1.08;
    }

    .oe-about__hero {
        margin-bottom: 48px;
    }

    .oe-about__prose,
    .oe-about__prose > p:first-child {
        font-size: 16px;
        line-height: 1.6;
    }

    .oe-about__prose p {
        margin-bottom: 24px;
    }

    .oe-about__section {
        margin-top: 40px;
    }

    .oe-about__section h2 {
        margin-bottom: 24px;
        font-size: 28px;
        line-height: 1.08;
    }

    .oe-about__closing {
        font-size: inherit;
        line-height: inherit;
    }

    .oe-about__milestone,
    .oe-about__independent {
        margin-top: 40px;
        padding-top: 0;
    }

    .oe-about__links {
        flex-direction: column;
        gap: 16px;
        margin-top: 48px;
    }
}