@charset "UTF-8";
section.overview-accords {
    --oa-text-color: var(--okd-block-theme-heading-on-dark);
    --oa-bg-color: transparent;
    --oa-line-color: var(--okd-block-theme-line-on-dark);
    background-color: var(--oa-bg-color);
    color: var(--oa-text-color);
    display: flex;
    flex-direction: column;
    min-height: 100svh;
    padding-block-start: 140px;
    padding-block-end: 80px
}

section.overview-accords.overview-accords--editor {
    --okd-header-inline-height: 0px
}

section.overview-accords.-theme-neutral-110 {
    --oa-bg-color: var(--okd-block-theme-bg-neutral-110);
    --oa-line-color: var(--okd-block-theme-line-on-dark);
    --okd-block-border-line-color: var(--oa-line-color);
    --okd-line-color: var(--oa-line-color)
}

section.overview-accords.-theme-neutral-100 {
    --oa-bg-color: var(--okd-block-theme-bg-neutral-100);
    --oa-line-color: var(--okd-block-theme-line-on-dark);
    --okd-block-border-line-color: var(--oa-line-color);
    --okd-line-color: var(--oa-line-color)
}

section.overview-accords.-theme-neutral-10 {
    --oa-bg-color: var(--okd-block-theme-bg-neutral-10);
    --oa-text-color: var(--okd-block-theme-heading-on-light);
    --oa-line-color: var(--okd--preset--color--neutral-40);
    --oa-site-labels-text-color: var(--okd--preset--color--neutral-70);
    --okd-block-border-line-color: var(--oa-line-color);
    --okd-line-color: var(--oa-line-color)
}

section.overview-accords .okd-block-container {
    padding-inline: var(--okd-line-gutter)
}

section.overview-accords .overview-accords__inner {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    min-height: 0;
    position: relative;
    width: 100%;
    z-index: 1
}

section.overview-accords .overview-accords__heading {
    display: none;
    margin: 0 0 24px
}

section.overview-accords .overview-accords__heading--media {
    display: none;
    margin: 0
}

section.overview-accords .overview-accords__layout {
    display: block;
    flex: 1 1 auto;
    min-height: 0
}

section.overview-accords .overview-accords__media {
    display: none
}

section.overview-accords .overview-accords__media-magnetic,
section.overview-accords .overview-accords__media-magnetic-inner,
section.overview-accords .overview-accords__media-frame,
section.overview-accords .overview-accords__media-line,
section.overview-accords .overview-accords__media-circle {
    display: none
}

section.overview-accords .overview-accords__media-frame {
    aspect-ratio: 465/262;
    position: relative;
    width: min(80%, 465px);
    max-width: 465px
}

section.overview-accords .overview-accords__media-frame[data-oa-media-size="1"] {
    aspect-ratio: 465/262;
    max-width: 465px
}

section.overview-accords .overview-accords__media-frame[data-oa-media-size="2"] {
    aspect-ratio: 1/1;
    max-width: 357px
}

section.overview-accords .overview-accords__media-frame[data-oa-media-size="3"] {
    aspect-ratio: 344/429;
    max-width: 344px
}

section.overview-accords .overview-accords__media-figure {
    inset: 0;
    margin: 0;
    overflow: hidden;
    position: absolute
}

section.overview-accords .overview-accords__media-figure::before {
    background-image: linear-gradient(to top right, transparent calc(50% - var(--okd-line-width) / 2), var(--oa-line-color) 50%, transparent calc(50% + var(--okd-line-width) / 2));
    content: "";
    inset: 0;
    pointer-events: none;
    position: absolute;
    z-index: 0
}

section.overview-accords .overview-accords__media-image {
    display: block;
    height: 100%;
    margin: 0;
    object-fit: cover;
    position: absolute;
    inset: 0;
    z-index: 1;
    clip-path: inset(0% 0% 0% 0%);
    will-change: clip-path, opacity;
    width: 100%
}

section.overview-accords .overview-accords__accordions {
    align-items: stretch;
    display: flex;
    flex-direction: column;
    row-gap: 140px;
    width: 100%
}

section.overview-accords .overview-accords__item {
    border: 0;
    margin: 0;
    position: relative
}

section.overview-accords .overview-accords__line {
    background-color: var(--oa-line-color);
    display: block;
    height: var(--okd-line-width);
    pointer-events: none;
    transform: scaleX(1);
    transform-origin: left center
}

section.overview-accords .overview-accords__line--item-bottom {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    z-index: 1
}

section.overview-accords .overview-accords__line--site {
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1
}

section.overview-accords .overview-accords__trigger {
    align-items: center;
    background: var(--oa-bg-color);
    border: 0;
    border-bottom: var(--okd-line-width) solid var(--okd-block-border-line-color);
    margin-bottom: calc(-1 * var(--okd-line-width));
    color: inherit;
    cursor: default;
    display: flex;
    justify-content: space-between;
    margin-left: 1px;
    outline: none;
    padding: var(--okd--preset--spacing--48) var(--okd--preset--spacing--24);
    position: sticky;
    text-align: left;
    top: var(--okd-header-inline-height, 80px);
    width: calc(100% - 2px);
    z-index: 4
}

section.overview-accords .overview-accords__trigger:focus-visible {
    background-color: rgb(255 255 255 / .1);
    box-shadow: inset 0 0 0 2px currentColor;
    outline: none
}

section.overview-accords .overview-accords__title {
    font-size: clamp(26px, calc(26px + 2 * ((100vw - 800px) / (1440 - 800))), 28px);
    line-height: 1
}

section.overview-accords .overview-accords__icon {
    display: none;
    flex: 0 0 auto;
    height: 18px;
    position: relative;
    transform: rotate(0deg);
    transition: transform 0.65s cubic-bezier(.34, 1.2, .64, 1);
    width: 18px
}

section.overview-accords .overview-accords__icon::before,
section.overview-accords .overview-accords__icon::after {
    background-color: currentColor;
    content: "";
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%)
}

section.overview-accords .overview-accords__icon::before {
    height: var(--okd-line-width);
    width: 100%
}

section.overview-accords .overview-accords__icon::after {
    height: 100%;
    width: var(--okd-line-width)
}

section.overview-accords .overview-accords__item.is-open .overview-accords__icon {
    transform: rotate(135deg)
}

section.overview-accords .overview-accords__panel {
    display: block
}

section.overview-accords .overview-accords__labels--desktop {
    display: none
}

section.overview-accords .overview-accords__label {
    font-size: 14px;
    line-height: 1.5
}

section.overview-accords .overview-accords__site-row {
    border: 0;
    display: block;
    padding-top: var(--okd-line-width);
    position: relative
}

section.overview-accords .overview-accords__site-title {
    align-items: center;
    display: inline-flex;
    font-size: 19px;
    gap: var(--okd--preset--spacing--8);
    letter-spacing: -.01em;
    line-height: 1.5;
    position: relative
}

section.overview-accords .overview-accords__site-dot {
    display: none
}

section.overview-accords .overview-accords__site-values {
    display: grid;
    grid-template-rows: 0fr;
    overflow: hidden;
    margin-top: 0;
    transition: grid-template-rows 0.8s cubic-bezier(.625, .05, 0, 1)
}

section.overview-accords .overview-accords__site-values-inner {
    min-height: 0;
    overflow: hidden;
    padding-inline: var(--okd--preset--spacing--24)
}

section.overview-accords .overview-accords__site-values-content {
    column-gap: var(--okd--preset--spacing--8);
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    padding-block: var(--okd--preset--spacing--24);
    row-gap: var(--okd--preset--spacing--24)
}

section.overview-accords .overview-accords__site-row.is-open .overview-accords__site-values {
    grid-template-rows: 1fr
}

section.overview-accords .overview-accords__cell:nth-child(3) {
    grid-column: 1/-1
}

section.overview-accords .overview-accords__cell {
    align-items: flex-end;
    display: flex;
    flex-wrap: wrap;
    row-gap: 5px
}

section.overview-accords .overview-accords__cell-value {
    align-items: flex-end;
    display: inline-flex;
    font-feature-settings: "lnum" 1, "tnum" 1;
    font-variant-numeric: lining-nums tabular-nums;
    font-size: clamp(26px, calc(26px + 2 * ((100vw - 800px) / (1440 - 800))), 28px);
    line-height: 1.1;
    letter-spacing: -.05em
}

section.overview-accords [data-oa-odometer-part=mask],
section.overview-accords [data-oa-odometer-part=static] {
    display: inline-block;
    flex-shrink: 0;
    font-feature-settings: inherit;
    font-variant-numeric: inherit;
    margin-block: 0;
    margin-inline: -.05em;
    overflow: clip;
    padding-block: 0;
    padding-inline: .05em;
    vertical-align: top
}

section.overview-accords [data-oa-odometer-part=roller] {
    display: block;
    font-feature-settings: inherit;
    font-variant-numeric: inherit;
    text-align: center;
    white-space: pre;
    will-change: transform
}

section.overview-accords .overview-accords__cell-suffix {
    font-size: 19px;
    letter-spacing: -.01em;
    line-height: 1.1;
    margin-left: var(--okd--preset--spacing--8);
    padding-block-end: .175em
}

section.overview-accords .overview-accords__mobile-label {
    color: var(--oa-site-labels-text-color, var(--oa-text-color));
    font-size: 12px;
    line-height: 1.5;
    width: 100%
}

@media (min-width:1025px) {
    section.overview-accords {
        padding-block: 0
    }
    section.overview-accords .okd-block-container {
        padding-inline: calc(var(--okd-block-padding-inline) / 2)
    }
    section.overview-accords .overview-accords__heading {
        display: block
    }
    section.overview-accords .overview-accords__layout {
        display: grid;
        gap: 0;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        grid-template-rows: minmax(0, 1fr)
    }
    section.overview-accords .overview-accords__media {
        align-self: stretch;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        min-height: 500px;
        overflow: visible;
        position: relative;
        z-index: 1
    }
    section.overview-accords .overview-accords__media-magnetic {
        align-items: center;
        display: flex;
        flex-shrink: 0;
        height: max(100svh - var(--okd-header-inline-height, 80px), 500px);
        justify-content: center;
        left: 0;
        min-height: 500px;
        overflow: hidden;
        pointer-events: auto;
        position: sticky;
        top: var(--okd-header-inline-height, 80px);
        width: 100%
    }
    section.overview-accords .overview-accords__media-magnetic-inner {
        align-items: center;
        display: flex;
        height: 100%;
        justify-content: center;
        position: relative;
        width: 100%
    }
    section.overview-accords .overview-accords__media-visual {
        align-items: center;
        display: flex;
        height: 100%;
        justify-content: center;
        position: relative;
        width: 100%
    }
    section.overview-accords .overview-accords__media-frame {
        display: block;
        transition: aspect-ratio 0.8s cubic-bezier(.25, 1, .5, 1), max-width 0.8s cubic-bezier(.25, 1, .5, 1)
    }
    section.overview-accords .overview-accords__media-figure {
        border-inline: var(--okd-line-width) solid var(--okd-block-border-line-color);
        inset: 0;
        margin: 0;
        position: absolute
    }
    section.overview-accords .overview-accords__media-line {
        background-color: var(--oa-line-color);
        display: block;
        pointer-events: none;
        position: absolute
    }
    section.overview-accords .overview-accords__media-line--left {
        height: 200svh;
        left: 0;
        top: 50%;
        transform: translate(0, -50%);
        width: var(--okd-line-width)
    }
    section.overview-accords .overview-accords__media-line--right {
        height: 200svh;
        right: 0;
        top: 50%;
        transform: translate(0, -50%);
        width: var(--okd-line-width)
    }
    section.overview-accords .overview-accords__media-line--top {
        height: var(--okd-line-width);
        left: 50%;
        top: 0;
        transform: translate(-50%, calc(-1 * var(--okd-line-width)));
        width: 200vw
    }
    section.overview-accords .overview-accords__media-line--bottom {
        bottom: 0;
        height: var(--okd-line-width);
        left: 50%;
        transform: translate(-50%, var(--okd-line-width));
        width: 200vw
    }
    section.overview-accords .overview-accords__media-circle {
        --circle-background-color: var(--okd-line-color);
        --circle-size: 8px;
        background-color: var(--circle-background-color);
        -webkit-clip-path: circle(50%);
        clip-path: circle(50%);
        display: block;
        height: var(--circle-size);
        pointer-events: none;
        position: absolute;
        width: var(--circle-size);
        z-index: 10;
        --circle-background-color: var(--oa-line-color);
        display: block;
        position: absolute
    }
    section.overview-accords .overview-accords__media-circle--top-left {
        left: 0;
        top: 0;
        transform: translate(-50%, -50%)
    }
    section.overview-accords .overview-accords__media-circle--top-right {
        right: 0;
        top: 0;
        transform: translate(50%, -50%)
    }
    section.overview-accords .overview-accords__media-circle--bottom-left {
        bottom: 0;
        left: 0;
        transform: translate(-50%, 50%)
    }
    section.overview-accords .overview-accords__media-circle--bottom-right {
        bottom: 0;
        right: 0;
        transform: translate(50%, 50%)
    }
    section.overview-accords .overview-accords__trigger {
        background: #fff0;
        cursor: pointer;
        position: relative;
        top: auto;
        z-index: auto
    }
    section.overview-accords .overview-accords__icon {
        display: inline-block;
        height: 23px;
        width: 23px
    }
    section.overview-accords .overview-accords__icon::before {
        height: 1px
    }
    section.overview-accords .overview-accords__icon::after {
        width: 1px
    }
    section.overview-accords .overview-accords__heading--flow {
        display: none
    }
    section.overview-accords .overview-accords__heading--media {
        display: block;
        font-size: 16px;
        line-height: 1.5;
        left: var(--okd--preset--spacing--24);
        position: absolute;
        top: 138px;
        z-index: 2
    }
    section.overview-accords .overview-accords__accordions {
        border-left: var(--okd-line-width) solid var(--okd-block-border-line-color);
        overflow: visible;
        padding-block: 138px;
        position: relative;
        row-gap: 0
    }
    section.overview-accords .overview-accords__accordions::before,
    section.overview-accords .overview-accords__accordions::after {
        --circle-background-color: var(--okd-line-color);
        --circle-size: 8px;
        background-color: var(--circle-background-color);
        -webkit-clip-path: circle(50%);
        clip-path: circle(50%);
        display: block;
        height: var(--circle-size);
        pointer-events: none;
        position: absolute;
        width: var(--circle-size);
        z-index: 10;
        content: ""
    }
    section.overview-accords .overview-accords__accordions::before {
        top: 0;
        left: 0;
        transform: translate(-50%, -50%)
    }
    section.overview-accords .overview-accords__accordions::after {
        bottom: 0;
        left: 0;
        transform: translate(-50%, 50%)
    }
    section.overview-accords .overview-accords__labels--desktop {
        color: var(--oa-site-labels-text-color, var(--oa-text-color));
        display: grid;
        gap: 16px;
        grid-template-columns: repeat(6, minmax(0, 1fr));
        padding: var(--okd--preset--spacing--24) var(--okd--preset--spacing--24) 12px;
        position: relative
    }
    section.overview-accords .overview-accords__label--col-site {
        grid-column: 1/3
    }
    section.overview-accords .overview-accords__label--col-1 {
        grid-column: 3/4
    }
    section.overview-accords .overview-accords__label--col-2 {
        grid-column: 4/5
    }
    section.overview-accords .overview-accords__label--col-3 {
        grid-column: 5/7
    }
    section.overview-accords .overview-accords__site-row {
        align-items: center;
        display: grid;
        gap: 16px;
        grid-template-columns: repeat(6, minmax(0, 1fr));
        padding: var(--okd--preset--spacing--24)
    }
    section.overview-accords .overview-accords__site-title {
        align-items: center;
        display: flex;
        font-size: 16px;
        gap: var(--okd--preset--spacing--8);
        justify-content: flex-start;
        line-height: 1.5;
        min-height: 8px;
        opacity: 0;
        padding-left: 0;
        padding-right: var(--okd--preset--spacing--24);
        position: relative
    }
    section.overview-accords .overview-accords__site-dot {
        background-color: rgba(255, 255, 255, 0.55);
        border-radius: 50%;
        bottom: 0;
        display: inline-flex;
        flex-shrink: 0;
        height: 8px;
        left: 0;
        margin-block: auto;
        transform: scale(1);
        position: absolute;
        top: 0;
        width: 8px
    }
    section.overview-accords .overview-accords__site-values {
        grid-column: 3/7;
        grid-template-rows: 1fr;
        overflow: visible;
        transition: none
    }
    section.overview-accords .overview-accords__site-values-inner {
        padding-inline: 0
    }
    section.overview-accords .overview-accords__site-values-content {
        display: grid;
        gap: 16px;
        grid-template-columns: 1fr 1fr 2fr;
        padding-block: 0
    }
    section.overview-accords .overview-accords__site-dot {
        transform: scale(0);
        transform-origin: center
    }
    section.overview-accords .overview-accords__cell:nth-child(3) {
        grid-column: auto
    }
    section.overview-accords .overview-accords__cell-suffix {
        font-size: 16px;
        margin-left: 4px
    }
    section.overview-accords .overview-accords__site-icon {
        display: none !important
    }
    section.overview-accords .overview-accords__site-trigger {
        cursor: default;
        grid-column: 1/3;
        pointer-events: none;
        padding: 0 !important
    }
    section.overview-accords .overview-accords__mobile-label {
        display: none
    }
    section.overview-accords .overview-accords__panel {
        display: grid;
        grid-template-rows: 0fr;
        overflow: hidden;
        padding-bottom: 0;
        transition: grid-template-rows 0.8s cubic-bezier(.625, .05, 0, 1)
    }
    section.overview-accords .overview-accords__item:first-child {
        border-top: var(--okd-line-width) solid var(--okd-block-border-line-color)
    }
    section.overview-accords .overview-accords__item.is-open .overview-accords__panel {
        grid-template-rows: 1fr
    }
    section.overview-accords .overview-accords__trigger {
        border-bottom: 0 none
    }
    section.overview-accords .overview-accords__panel-inner {
        min-height: 0;
        overflow: hidden
    }
}

@media (min-width:1025px) and (prefers-reduced-motion:reduce) {
    section.overview-accords .overview-accords__panel {
        transition-duration: 0.01ms
    }
}

section.overview-accords .overview-accords__site-trigger {
    align-items: center;
    background: #fff0;
    border: 0;
    color: inherit;
    cursor: pointer;
    display: flex;
    gap: 12px;
    justify-content: space-between;
    padding: 18px var(--okd--preset--spacing--24);
    width: 100%
}

section.overview-accords .overview-accords__site-icon {
    display: inline-block;
    flex: 0 0 auto;
    height: 18px;
    position: relative;
    transform: rotate(0deg);
    transition: transform 0.65s cubic-bezier(.34, 1.2, .64, 1);
    width: 18px
}

@media (min-width:1025px) {
    section.overview-accords .overview-accords__site-icon {
        height: 23px;
        width: 23px
    }
    section.overview-accords .overview-accords__site-icon::before {
        height: 1px
    }
    section.overview-accords .overview-accords__site-icon::after {
        width: 1px
    }
}

section.overview-accords .overview-accords__site-icon::before,
section.overview-accords .overview-accords__site-icon::after {
    background-color: currentColor;
    content: "";
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%)
}

section.overview-accords .overview-accords__site-icon::before {
    height: var(--okd-line-width);
    width: 100%
}

section.overview-accords .overview-accords__site-icon::after {
    height: 100%;
    width: var(--okd-line-width)
}

section.overview-accords .overview-accords__site-row.is-open .overview-accords__site-icon {
    transform: rotate(135deg)
}

@media (prefers-reduced-motion:reduce) {
    section.overview-accords .overview-accords__icon,
    section.overview-accords .overview-accords__site-icon,
    section.overview-accords .overview-accords__panel,
    section.overview-accords .overview-accords__site-values,
    section.overview-accords .overview-accords__media-frame {
        transition: none !important
    }
    section.overview-accords .overview-accords__line {
        transform: scaleX(1) !important
    }
}

@media (prefers-reduced-motion:reduce) and (min-width:1025px) {
    section.overview-accords .overview-accords__site-title {
        opacity: 1 !important;
        padding-left: var(--okd--preset--spacing--24) !important;
        padding-right: 0 !important
    }
    section.overview-accords .overview-accords__site-dot {
        transform: scale(1) !important
    }
}