:root {
    --ov-space: clamp(2.5rem, calc(1rem + 4vw), 5rem);
}

body.overviewpage,
body.overviewpage #page-container,
body.overviewpage #main-content,
body.overviewpage #et-boc .et-l--body .et_pb_section {
    background-color: var(--sg-ground);
}

body.overviewpage #et-boc .et-l--body .et_pb_section {
    padding: 0;
    color: var(--sg-text);
    font-family: var(--type-body-family);
}

body.overviewpage #et-boc .et-l--body .et_pb_section.ov-hero {
    padding-top: clamp(3rem, calc(2rem + 4vw), 6rem);
}

body.overviewpage #et-boc .et-l--body .et_pb_section.ov-body {
    padding-bottom: clamp(4rem, calc(2rem + 6vw), 8rem);
}

body.overviewpage #et-boc .et-l--body .et_pb_row {
    width: var(--sg-width);
    max-width: none;
    margin: 0 auto;
    padding: 0;
}

body.overviewpage #et-boc .et-l--body .ov-content .et_pb_row {
    width: 100%;
}

body.overviewpage #et-boc .et-l--body .et_pb_module {
    margin-bottom: 0;
}

body.overviewpage #et-boc .et-l--body .et_pb_module:empty {
    display: none;
}

body.overviewpage #et-boc .et-l--body :is(.ov-title, .ov-lead) {
    max-width: var(--sg-measure);
}

body.overviewpage #et-boc .et-l--body .ov-title h1 {
    margin: 0 0 0.7em;
    padding: 0;
    font-family: var(--type-heading-family);
    font-weight: var(--type-heading-weight);
    font-size: clamp(var(--type-h1-size-floor), var(--type-h1-size-fluid), var(--type-h1-size-ceiling));
    line-height: var(--type-h1-leading);
    letter-spacing: var(--type-heading-tracking);
    color: var(--sg-heading);
}

body.overviewpage #et-boc .et-l--body .ov-lead p {
    padding: 0;
    font-size: clamp(var(--type-lead-size-floor), var(--type-lead-size-fluid), var(--type-lead-size-ceiling));
    font-weight: var(--type-lead-weight);
    line-height: var(--type-lead-leading);
    color: var(--sg-text);
}

body.overviewpage #et-boc .et-l--body .ov-content .et_pb_section {
    margin-top: var(--ov-space);
    padding-top: var(--ov-space);
    border-top: 1px solid var(--sg-line);
}

body.overviewpage #et-boc .et-l--body .ov-content .et_pb_section.ov-featured-area + .ov-cards-area {
    border-top: 0;
    padding-top: 0;
}

body.overviewpage #et-boc .et-l--body :is(.ov-cards, .ov-featured) .et_pb_blog_posts {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: var(--sg-gap-y) var(--sg-gap-x);
}

body.overviewpage #et-boc .et-l--body :is(.ov-cards, .ov-featured) .et_pb_post {
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
    margin: 0;
    padding: 0;
    border: 0;
    background: none;
}

body.overviewpage #et-boc .et-l--body :is(.ov-cards, .ov-featured) .et_pb_image_container {
    order: 0;
    margin: 0 0 0.6rem;
    overflow: hidden;
    background: var(--sg-panel);
}

body.overviewpage #et-boc .et-l--body :is(.ov-cards, .ov-featured) .entry-featured-image-url {
    display: block;
    margin: 0;
}

body.overviewpage #et-boc .et-l--body .ov-cards .et_pb_image_container {
    background: none;
}

body.overviewpage #et-boc .et-l--body .ov-cards .et_pb_image_container img {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 3 / 2;
    object-fit: contain;
    object-position: center;
    transition: transform 0.4s ease;
}

body.overviewpage #et-boc .et-l--body .ov-cards .et_pb_post:hover .et_pb_image_container img {
    transform: scale(1.02);
}

body.overviewpage #et-boc .et-l--body :is(.ov-cards, .ov-featured) .et_overlay {
    display: none;
}

body.overviewpage #et-boc .et-l--body :is(.ov-cards, .ov-featured) .post-meta {
    order: 1;
    margin: 0;
    padding: 0;
    font-family: var(--type-caps-family);
    font-size: var(--type-caps-sans-size);
    font-weight: 500;
    letter-spacing: var(--type-caps-tracking);
    text-transform: uppercase;
    color: var(--sg-muted);
}

body.overviewpage #et-boc .et-l--body :is(.ov-cards, .ov-featured) .entry-title {
    order: 2;
    margin: 0;
    padding: 0;
    font-family: var(--type-heading-family);
    font-weight: var(--type-heading-weight);
    font-size: clamp(var(--type-h3-size-floor), var(--type-h3-size-fluid), var(--type-h3-size-ceiling));
    line-height: 1.2;
    letter-spacing: var(--type-heading-tracking);
}

body.overviewpage #et-boc .et-l--body .ov-featured .entry-title {
    font-size: clamp(var(--type-h2-size-floor), var(--type-h2-size-fluid), var(--type-h2-size-ceiling));
    line-height: var(--type-h2-leading);
}

body.overviewpage #et-boc .et-l--body :is(.ov-cards, .ov-featured) .entry-title a {
    font: inherit;
    letter-spacing: inherit;
    color: var(--sg-heading);
    text-decoration: none;
}

.et-db.type-2026.overviewpage #et-boc#et-boc .et-l .et_pb_module.et_pb_post_content :is(.ov-cards, .ov-featured) .entry-title a {
    font-family: var(--type-heading-family) !important;
}

body.overviewpage #et-boc .et-l--body :is(.ov-cards, .ov-featured) .entry-title a:hover {
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 0.2em;
}

body.overviewpage #et-boc .et-l--body :is(.ov-cards, .ov-featured) .post-content {
    order: 3;
}

body.overviewpage #et-boc .et-l--body :is(.ov-cards, .ov-featured) .post-content p {
    padding: 0;
    font-family: var(--type-body-family);
    font-size: clamp(var(--type-body-size-floor), var(--type-body-size-fluid), var(--type-body-size-ceiling));
    line-height: var(--type-body-leading);
    color: var(--sg-text);
}

body.overviewpage #et-boc .et-l--body .ov-featured .et_pb_image_container img {
    display: block;
    width: 100%;
    height: auto;
    max-height: 80svh;
    object-fit: contain;
    object-position: left center;
}

body.overviewpage #et-boc .et-l--body .ov-featured .et_pb_image_container {
    background: none;
}

body.overviewpage #et-boc .et-l--body .ov-contact-title h2 {
    margin: 0 0 1.25rem;
    padding: 0;
    font-family: var(--type-heading-family);
    font-weight: var(--type-heading-weight);
    font-size: clamp(var(--type-h2-size-floor), var(--type-h2-size-fluid), var(--type-h2-size-ceiling));
    line-height: var(--type-h2-leading);
    letter-spacing: var(--type-heading-tracking);
    text-align: left;
    color: var(--sg-heading);
}

body.overviewpage #et-boc .et-l--body .ov-contact-area .et_pb_column {
    max-width: 40rem;
}

body.overviewpage #et-boc .et-l--body .ov-contact-area :is(input.input, textarea.input) {
    padding: 0.85rem 1rem;
    border: 1px solid var(--sg-line);
    border-radius: 0;
    background-color: var(--sg-panel);
    font-family: var(--type-body-family);
    font-size: 1rem;
    color: var(--sg-text);
}

body.overviewpage #et-boc .et-l--body .ov-contact-area :is(input.input, textarea.input):focus {
    border-color: var(--sg-muted);
}

body.overviewpage #et-boc .et-l--body .ov-contact-area .et_pb_contact_submit {
    padding: 0.7rem 1.6rem;
    border: 1px solid var(--sg-heading);
    border-radius: 0;
    background-color: transparent;
    font-family: var(--type-caps-family);
    font-size: var(--type-caps-sans-size);
    font-weight: 500;
    letter-spacing: var(--type-caps-tracking);
    text-transform: uppercase;
    color: var(--sg-heading);
}

body.overviewpage #et-boc .et-l--body .ov-contact-area .et_pb_contact_submit::after {
    display: none;
}

body.overviewpage #et-boc .et-l--body .ov-contact-area .et_pb_contact_submit:hover {
    background-color: var(--sg-heading);
    color: var(--sg-ground);
}

@media (min-width: 700px) {

    body.overviewpage #et-boc .et-l--body .ov-cards .et_pb_blog_posts {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (min-width: 900px) {

    body.overviewpage #et-boc .et-l--body .ov-cards .et_pb_blog_posts {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    body.overviewpage #et-boc .et-l--body .ov-featured .et_pb_post {
        display: grid;
        grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
        grid-template-rows: auto auto 1fr;
        column-gap: var(--sg-gap-x);
        row-gap: 0.9rem;
        align-content: center;
    }

    body.overviewpage #et-boc .et-l--body .ov-featured .et_pb_image_container {
        grid-column: 1;
        grid-row: 1 / span 3;
        margin: 0;
    }

    body.overviewpage #et-boc .et-l--body .ov-featured :is(.post-meta, .entry-title, .post-content) {
        grid-column: 2;
    }

    body.overviewpage #et-boc .et-l--body .ov-featured .post-meta {
        grid-row: 1;
        align-self: end;
    }

    body.overviewpage #et-boc .et-l--body .ov-featured .entry-title {
        grid-row: 2;
    }

    body.overviewpage #et-boc .et-l--body .ov-featured .post-content {
        grid-row: 3;
    }
}