:root {
    --site-background: #f7f7f7;
    --site-text: #17212b;
    --site-border: rgba(23, 33, 43, 0.12);
    --site-surface: #ffffff;
}

* {
    box-sizing: border-box;
}

body {
    margin: 0;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    background: var(--site-background);
    color: var(--site-text);
}

a {
    color: inherit;
}

.site-header {
    background: var(--site-surface);
    border-bottom: 1px solid var(--site-border);
}

.site-header__inner {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 1rem;
    padding: 1rem 0;
}

.site-branding {
    font-size: 1.125rem;
    font-weight: 700;
}

.site-navigation ul {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem 1rem;
    list-style: none;
    margin: 0;
    padding: 0;
}

.site-navigation li.active > a {
    font-weight: 700;
}

.site-main {
    padding: 2rem 0 4rem;
}

.ce-grid {
    margin: 0;
}

.ro-grid-frame {
    --ro-space-top: 0;
    --ro-space-bottom: 1.5rem;
    padding-top: var(--ro-space-top);
    padding-bottom: var(--ro-space-bottom);
}

.ro-grid-frame--space-top-none { --ro-space-top: 0; }
.ro-grid-frame--space-top-sm { --ro-space-top: 1.5rem; }
.ro-grid-frame--space-top-md { --ro-space-top: 3rem; }
.ro-grid-frame--space-top-lg { --ro-space-top: 4.5rem; }
.ro-grid-frame--space-bottom-none { --ro-space-bottom: 0; }
.ro-grid-frame--space-bottom-sm { --ro-space-bottom: 1.5rem; }
.ro-grid-frame--space-bottom-md { --ro-space-bottom: 3rem; }
.ro-grid-frame--space-bottom-lg { --ro-space-bottom: 4.5rem; }

.ro-grid-frame__anchor {
    display: block;
    position: relative;
    top: calc(var(--site-scroll-offset, 0px) * -1);
    visibility: hidden;
}

.ro-container-width {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-left: var(--container-padding, 12px);
    padding-right: var(--container-padding, 12px);
}

.ro-container-width--container-narrow {
    max-width: min(960px, 100%);
}

.ro-container-width--container {
    max-width: var(--container-max, 100%);
}

.ro-container-width--container-wide {
    max-width: min(1440px, 100%);
}

.ro-container-width--container-xwide {
    max-width: min(1680px, 100%);
}

.ro-container-width--container-fluid {
    max-width: 100%;
}

.ro-grid-frame__inner {
    padding-top: 1rem;
    padding-bottom: 1rem;
    transition: background-color .2s ease, color .2s ease, border-color .2s ease;
}

.ro-grid-frame--bg-default .ro-grid-frame__inner {
    background: var(--site-surface);
    border: 1px solid var(--site-border);
    border-radius: 16px;
}

.ro-grid-frame--bg-light .ro-grid-frame__inner {
    background: color-mix(in srgb, var(--site-text) 4%, var(--site-surface));
    border: 1px solid color-mix(in srgb, var(--site-text) 12%, transparent);
    border-radius: 16px;
}

.ro-grid-frame--bg-dark .ro-grid-frame__inner {
    background: #18212c;
    color: #fff;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 16px;
}

.ro-grid-frame--bg-brand .ro-grid-frame__inner {
    background: var(--ro-brand-surface, #ef6c00);
    color: var(--ro-brand-text, #fff);
    border: 1px solid color-mix(in srgb, var(--ro-brand-text, #fff) 18%, transparent);
    border-radius: 16px;
}

.ro-grid-frame--bg-dark :is(h1, h2, h3, h4, h5, h6, p, li, figcaption, blockquote, small, span, a, strong, em),
.ro-grid-frame--bg-brand :is(h1, h2, h3, h4, h5, h6, p, li, figcaption, blockquote, small, span, a, strong, em) {
    color: inherit;
}

.ro-grid-frame__row--gutter-none { --gutter: 0px; }
.ro-grid-frame__row--gutter-sm { --gutter: 16px; }
.ro-grid-frame__row--gutter-md { --gutter: 24px; }
.ro-grid-frame__row--gutter-lg { --gutter: 32px; }

/* Responsive behavior presets for grid containers */
.ro-grid-frame__row--layout-2-6-6 > .ro-grid-frame__col,
.ro-grid-frame__row--layout-2-4-8 > .ro-grid-frame__col,
.ro-grid-frame__row--layout-2-8-4 > .ro-grid-frame__col,
.ro-grid-frame__row--layout-3-4-4-4 > .ro-grid-frame__col,
.ro-grid-frame__row--layout-4-3-3-3-3 > .ro-grid-frame__col {
    flex: 0 0 100%;
    max-width: 100%;
}

/* 2 columns 6/6 */
@media (min-width: 680px) {
    .ro-grid-frame__row--layout-2-6-6.ro-grid-frame__row--responsive-early > .ro-grid-frame__col {
        flex: 0 0 50%;
        max-width: 50%;
    }
    .ro-grid-frame__row.gap.ro-grid-frame__row--layout-2-6-6.ro-grid-frame__row--responsive-early > .ro-grid-frame__col {
        flex: 0 0 calc(var(--colw) * 6 + var(--gutter) * 5);
        max-width: calc(var(--colw) * 6 + var(--gutter) * 5);
    }
}

@media (min-width: 768px) {
    .ro-grid-frame__row--layout-2-6-6.ro-grid-frame__row--responsive-default > .ro-grid-frame__col {
        flex: 0 0 50%;
        max-width: 50%;
    }
    .ro-grid-frame__row.gap.ro-grid-frame__row--layout-2-6-6.ro-grid-frame__row--responsive-default > .ro-grid-frame__col {
        flex: 0 0 calc(var(--colw) * 6 + var(--gutter) * 5);
        max-width: calc(var(--colw) * 6 + var(--gutter) * 5);
    }
}

@media (min-width: 860px) {
    .ro-grid-frame__row--layout-2-6-6.ro-grid-frame__row--responsive-progressive > .ro-grid-frame__col {
        flex: 0 0 50%;
        max-width: 50%;
    }
    .ro-grid-frame__row.gap.ro-grid-frame__row--layout-2-6-6.ro-grid-frame__row--responsive-progressive > .ro-grid-frame__col {
        flex: 0 0 calc(var(--colw) * 6 + var(--gutter) * 5);
        max-width: calc(var(--colw) * 6 + var(--gutter) * 5);
    }
}

@media (min-width: 992px) {
    .ro-grid-frame__row--layout-2-6-6.ro-grid-frame__row--responsive-late > .ro-grid-frame__col {
        flex: 0 0 50%;
        max-width: 50%;
    }
    .ro-grid-frame__row.gap.ro-grid-frame__row--layout-2-6-6.ro-grid-frame__row--responsive-late > .ro-grid-frame__col {
        flex: 0 0 calc(var(--colw) * 6 + var(--gutter) * 5);
        max-width: calc(var(--colw) * 6 + var(--gutter) * 5);
    }
}

/* 2 columns 4/8 and 8/4 */
@media (min-width: 680px) {
    .ro-grid-frame__row--layout-2-4-8.ro-grid-frame__row--responsive-early > .ro-grid-frame__col,
    .ro-grid-frame__row--layout-2-8-4.ro-grid-frame__row--responsive-early > .ro-grid-frame__col {
        flex: 0 0 50%;
        max-width: 50%;
    }
    .ro-grid-frame__row.gap.ro-grid-frame__row--layout-2-4-8.ro-grid-frame__row--responsive-early > .ro-grid-frame__col,
    .ro-grid-frame__row.gap.ro-grid-frame__row--layout-2-8-4.ro-grid-frame__row--responsive-early > .ro-grid-frame__col {
        flex: 0 0 calc(var(--colw) * 6 + var(--gutter) * 5);
        max-width: calc(var(--colw) * 6 + var(--gutter) * 5);
    }
}

@media (min-width: 768px) {
    .ro-grid-frame__row--layout-2-4-8.ro-grid-frame__row--responsive-default > .ro-grid-frame__col,
    .ro-grid-frame__row--layout-2-8-4.ro-grid-frame__row--responsive-default > .ro-grid-frame__col {
        flex: 0 0 50%;
        max-width: 50%;
    }
    .ro-grid-frame__row.gap.ro-grid-frame__row--layout-2-4-8.ro-grid-frame__row--responsive-default > .ro-grid-frame__col,
    .ro-grid-frame__row.gap.ro-grid-frame__row--layout-2-8-4.ro-grid-frame__row--responsive-default > .ro-grid-frame__col {
        flex: 0 0 calc(var(--colw) * 6 + var(--gutter) * 5);
        max-width: calc(var(--colw) * 6 + var(--gutter) * 5);
    }
}

@media (min-width: 860px) {
    .ro-grid-frame__row--layout-2-4-8.ro-grid-frame__row--responsive-progressive > .ro-grid-frame__col,
    .ro-grid-frame__row--layout-2-8-4.ro-grid-frame__row--responsive-progressive > .ro-grid-frame__col {
        flex: 0 0 50%;
        max-width: 50%;
    }
    .ro-grid-frame__row.gap.ro-grid-frame__row--layout-2-4-8.ro-grid-frame__row--responsive-progressive > .ro-grid-frame__col,
    .ro-grid-frame__row.gap.ro-grid-frame__row--layout-2-8-4.ro-grid-frame__row--responsive-progressive > .ro-grid-frame__col {
        flex: 0 0 calc(var(--colw) * 6 + var(--gutter) * 5);
        max-width: calc(var(--colw) * 6 + var(--gutter) * 5);
    }
}

@media (min-width: 900px) {
    .ro-grid-frame__row--layout-2-4-8.ro-grid-frame__row--responsive-early > .ro-grid-frame__col:first-child {
        flex: 0 0 calc(100% / 3);
        max-width: calc(100% / 3);
    }
    .ro-grid-frame__row--layout-2-4-8.ro-grid-frame__row--responsive-early > .ro-grid-frame__col:last-child {
        flex: 0 0 calc(100% * 2 / 3);
        max-width: calc(100% * 2 / 3);
    }
    .ro-grid-frame__row--layout-2-8-4.ro-grid-frame__row--responsive-early > .ro-grid-frame__col:first-child {
        flex: 0 0 calc(100% * 2 / 3);
        max-width: calc(100% * 2 / 3);
    }
    .ro-grid-frame__row--layout-2-8-4.ro-grid-frame__row--responsive-early > .ro-grid-frame__col:last-child {
        flex: 0 0 calc(100% / 3);
        max-width: calc(100% / 3);
    }
    .ro-grid-frame__row.gap.ro-grid-frame__row--layout-2-4-8.ro-grid-frame__row--responsive-early > .ro-grid-frame__col:first-child {
        flex: 0 0 calc(var(--colw) * 4 + var(--gutter) * 3);
        max-width: calc(var(--colw) * 4 + var(--gutter) * 3);
    }
    .ro-grid-frame__row.gap.ro-grid-frame__row--layout-2-4-8.ro-grid-frame__row--responsive-early > .ro-grid-frame__col:last-child {
        flex: 0 0 calc(var(--colw) * 8 + var(--gutter) * 7);
        max-width: calc(var(--colw) * 8 + var(--gutter) * 7);
    }
    .ro-grid-frame__row.gap.ro-grid-frame__row--layout-2-8-4.ro-grid-frame__row--responsive-early > .ro-grid-frame__col:first-child {
        flex: 0 0 calc(var(--colw) * 8 + var(--gutter) * 7);
        max-width: calc(var(--colw) * 8 + var(--gutter) * 7);
    }
    .ro-grid-frame__row.gap.ro-grid-frame__row--layout-2-8-4.ro-grid-frame__row--responsive-early > .ro-grid-frame__col:last-child {
        flex: 0 0 calc(var(--colw) * 4 + var(--gutter) * 3);
        max-width: calc(var(--colw) * 4 + var(--gutter) * 3);
    }
}

@media (min-width: 992px) {
    .ro-grid-frame__row--layout-2-4-8.ro-grid-frame__row--responsive-default > .ro-grid-frame__col:first-child {
        flex: 0 0 calc(100% / 3);
        max-width: calc(100% / 3);
    }
    .ro-grid-frame__row--layout-2-4-8.ro-grid-frame__row--responsive-default > .ro-grid-frame__col:last-child {
        flex: 0 0 calc(100% * 2 / 3);
        max-width: calc(100% * 2 / 3);
    }
    .ro-grid-frame__row--layout-2-8-4.ro-grid-frame__row--responsive-default > .ro-grid-frame__col:first-child {
        flex: 0 0 calc(100% * 2 / 3);
        max-width: calc(100% * 2 / 3);
    }
    .ro-grid-frame__row--layout-2-8-4.ro-grid-frame__row--responsive-default > .ro-grid-frame__col:last-child {
        flex: 0 0 calc(100% / 3);
        max-width: calc(100% / 3);
    }
    .ro-grid-frame__row.gap.ro-grid-frame__row--layout-2-4-8.ro-grid-frame__row--responsive-default > .ro-grid-frame__col:first-child {
        flex: 0 0 calc(var(--colw) * 4 + var(--gutter) * 3);
        max-width: calc(var(--colw) * 4 + var(--gutter) * 3);
    }
    .ro-grid-frame__row.gap.ro-grid-frame__row--layout-2-4-8.ro-grid-frame__row--responsive-default > .ro-grid-frame__col:last-child {
        flex: 0 0 calc(var(--colw) * 8 + var(--gutter) * 7);
        max-width: calc(var(--colw) * 8 + var(--gutter) * 7);
    }
    .ro-grid-frame__row.gap.ro-grid-frame__row--layout-2-8-4.ro-grid-frame__row--responsive-default > .ro-grid-frame__col:first-child {
        flex: 0 0 calc(var(--colw) * 8 + var(--gutter) * 7);
        max-width: calc(var(--colw) * 8 + var(--gutter) * 7);
    }
    .ro-grid-frame__row.gap.ro-grid-frame__row--layout-2-8-4.ro-grid-frame__row--responsive-default > .ro-grid-frame__col:last-child {
        flex: 0 0 calc(var(--colw) * 4 + var(--gutter) * 3);
        max-width: calc(var(--colw) * 4 + var(--gutter) * 3);
    }
}

@media (min-width: 1100px) {
    .ro-grid-frame__row--layout-2-4-8.ro-grid-frame__row--responsive-progressive > .ro-grid-frame__col:first-child {
        flex: 0 0 calc(100% / 3);
        max-width: calc(100% / 3);
    }
    .ro-grid-frame__row--layout-2-4-8.ro-grid-frame__row--responsive-progressive > .ro-grid-frame__col:last-child {
        flex: 0 0 calc(100% * 2 / 3);
        max-width: calc(100% * 2 / 3);
    }
    .ro-grid-frame__row--layout-2-8-4.ro-grid-frame__row--responsive-progressive > .ro-grid-frame__col:first-child {
        flex: 0 0 calc(100% * 2 / 3);
        max-width: calc(100% * 2 / 3);
    }
    .ro-grid-frame__row--layout-2-8-4.ro-grid-frame__row--responsive-progressive > .ro-grid-frame__col:last-child {
        flex: 0 0 calc(100% / 3);
        max-width: calc(100% / 3);
    }
    .ro-grid-frame__row.gap.ro-grid-frame__row--layout-2-4-8.ro-grid-frame__row--responsive-progressive > .ro-grid-frame__col:first-child {
        flex: 0 0 calc(var(--colw) * 4 + var(--gutter) * 3);
        max-width: calc(var(--colw) * 4 + var(--gutter) * 3);
    }
    .ro-grid-frame__row.gap.ro-grid-frame__row--layout-2-4-8.ro-grid-frame__row--responsive-progressive > .ro-grid-frame__col:last-child {
        flex: 0 0 calc(var(--colw) * 8 + var(--gutter) * 7);
        max-width: calc(var(--colw) * 8 + var(--gutter) * 7);
    }
    .ro-grid-frame__row.gap.ro-grid-frame__row--layout-2-8-4.ro-grid-frame__row--responsive-progressive > .ro-grid-frame__col:first-child {
        flex: 0 0 calc(var(--colw) * 8 + var(--gutter) * 7);
        max-width: calc(var(--colw) * 8 + var(--gutter) * 7);
    }
    .ro-grid-frame__row.gap.ro-grid-frame__row--layout-2-8-4.ro-grid-frame__row--responsive-progressive > .ro-grid-frame__col:last-child {
        flex: 0 0 calc(var(--colw) * 4 + var(--gutter) * 3);
        max-width: calc(var(--colw) * 4 + var(--gutter) * 3);
    }
}

@media (min-width: 1280px) {
    .ro-grid-frame__row--layout-2-4-8.ro-grid-frame__row--responsive-late > .ro-grid-frame__col:first-child {
        flex: 0 0 calc(100% / 3);
        max-width: calc(100% / 3);
    }
    .ro-grid-frame__row--layout-2-4-8.ro-grid-frame__row--responsive-late > .ro-grid-frame__col:last-child {
        flex: 0 0 calc(100% * 2 / 3);
        max-width: calc(100% * 2 / 3);
    }
    .ro-grid-frame__row--layout-2-8-4.ro-grid-frame__row--responsive-late > .ro-grid-frame__col:first-child {
        flex: 0 0 calc(100% * 2 / 3);
        max-width: calc(100% * 2 / 3);
    }
    .ro-grid-frame__row--layout-2-8-4.ro-grid-frame__row--responsive-late > .ro-grid-frame__col:last-child {
        flex: 0 0 calc(100% / 3);
        max-width: calc(100% / 3);
    }
    .ro-grid-frame__row.gap.ro-grid-frame__row--layout-2-4-8.ro-grid-frame__row--responsive-late > .ro-grid-frame__col:first-child {
        flex: 0 0 calc(var(--colw) * 4 + var(--gutter) * 3);
        max-width: calc(var(--colw) * 4 + var(--gutter) * 3);
    }
    .ro-grid-frame__row.gap.ro-grid-frame__row--layout-2-4-8.ro-grid-frame__row--responsive-late > .ro-grid-frame__col:last-child {
        flex: 0 0 calc(var(--colw) * 8 + var(--gutter) * 7);
        max-width: calc(var(--colw) * 8 + var(--gutter) * 7);
    }
    .ro-grid-frame__row.gap.ro-grid-frame__row--layout-2-8-4.ro-grid-frame__row--responsive-late > .ro-grid-frame__col:first-child {
        flex: 0 0 calc(var(--colw) * 8 + var(--gutter) * 7);
        max-width: calc(var(--colw) * 8 + var(--gutter) * 7);
    }
    .ro-grid-frame__row.gap.ro-grid-frame__row--layout-2-8-4.ro-grid-frame__row--responsive-late > .ro-grid-frame__col:last-child {
        flex: 0 0 calc(var(--colw) * 4 + var(--gutter) * 3);
        max-width: calc(var(--colw) * 4 + var(--gutter) * 3);
    }
}

@media (min-width: 992px) {
    .ro-grid-frame__row--layout-2-4-8.ro-grid-frame__row--responsive-late > .ro-grid-frame__col,
    .ro-grid-frame__row--layout-2-8-4.ro-grid-frame__row--responsive-late > .ro-grid-frame__col {
        flex: 0 0 50%;
        max-width: 50%;
    }
    .ro-grid-frame__row.gap.ro-grid-frame__row--layout-2-4-8.ro-grid-frame__row--responsive-late > .ro-grid-frame__col,
    .ro-grid-frame__row.gap.ro-grid-frame__row--layout-2-8-4.ro-grid-frame__row--responsive-late > .ro-grid-frame__col {
        flex: 0 0 calc(var(--colw) * 6 + var(--gutter) * 5);
        max-width: calc(var(--colw) * 6 + var(--gutter) * 5);
    }
}

/* 3 columns */
@media (min-width: 680px) {
    .ro-grid-frame__row--layout-3-4-4-4.ro-grid-frame__row--responsive-early > .ro-grid-frame__col {
        flex: 0 0 50%;
        max-width: 50%;
    }
    .ro-grid-frame__row.gap.ro-grid-frame__row--layout-3-4-4-4.ro-grid-frame__row--responsive-early > .ro-grid-frame__col {
        flex: 0 0 calc(var(--colw) * 6 + var(--gutter) * 5);
        max-width: calc(var(--colw) * 6 + var(--gutter) * 5);
    }
}

@media (min-width: 768px) {
    .ro-grid-frame__row--layout-3-4-4-4.ro-grid-frame__row--responsive-default > .ro-grid-frame__col {
        flex: 0 0 50%;
        max-width: 50%;
    }
    .ro-grid-frame__row.gap.ro-grid-frame__row--layout-3-4-4-4.ro-grid-frame__row--responsive-default > .ro-grid-frame__col {
        flex: 0 0 calc(var(--colw) * 6 + var(--gutter) * 5);
        max-width: calc(var(--colw) * 6 + var(--gutter) * 5);
    }
}

@media (min-width: 860px) {
    .ro-grid-frame__row--layout-3-4-4-4.ro-grid-frame__row--responsive-progressive > .ro-grid-frame__col {
        flex: 0 0 50%;
        max-width: 50%;
    }
    .ro-grid-frame__row.gap.ro-grid-frame__row--layout-3-4-4-4.ro-grid-frame__row--responsive-progressive > .ro-grid-frame__col {
        flex: 0 0 calc(var(--colw) * 6 + var(--gutter) * 5);
        max-width: calc(var(--colw) * 6 + var(--gutter) * 5);
    }
}

@media (min-width: 900px) {
    .ro-grid-frame__row--layout-3-4-4-4.ro-grid-frame__row--responsive-early > .ro-grid-frame__col {
        flex: 0 0 calc(100% / 3);
        max-width: calc(100% / 3);
    }
    .ro-grid-frame__row.gap.ro-grid-frame__row--layout-3-4-4-4.ro-grid-frame__row--responsive-early > .ro-grid-frame__col {
        flex: 0 0 calc(var(--colw) * 4 + var(--gutter) * 3);
        max-width: calc(var(--colw) * 4 + var(--gutter) * 3);
    }
}

@media (min-width: 992px) {
    .ro-grid-frame__row--layout-3-4-4-4.ro-grid-frame__row--responsive-default > .ro-grid-frame__col {
        flex: 0 0 calc(100% / 3);
        max-width: calc(100% / 3);
    }
    .ro-grid-frame__row.gap.ro-grid-frame__row--layout-3-4-4-4.ro-grid-frame__row--responsive-default > .ro-grid-frame__col {
        flex: 0 0 calc(var(--colw) * 4 + var(--gutter) * 3);
        max-width: calc(var(--colw) * 4 + var(--gutter) * 3);
    }
}

@media (min-width: 1100px) {
    .ro-grid-frame__row--layout-3-4-4-4.ro-grid-frame__row--responsive-progressive > .ro-grid-frame__col {
        flex: 0 0 calc(100% / 3);
        max-width: calc(100% / 3);
    }
    .ro-grid-frame__row.gap.ro-grid-frame__row--layout-3-4-4-4.ro-grid-frame__row--responsive-progressive > .ro-grid-frame__col {
        flex: 0 0 calc(var(--colw) * 4 + var(--gutter) * 3);
        max-width: calc(var(--colw) * 4 + var(--gutter) * 3);
    }
}

@media (min-width: 1280px) {
    .ro-grid-frame__row--layout-3-4-4-4.ro-grid-frame__row--responsive-late > .ro-grid-frame__col {
        flex: 0 0 calc(100% / 3);
        max-width: calc(100% / 3);
    }
    .ro-grid-frame__row.gap.ro-grid-frame__row--layout-3-4-4-4.ro-grid-frame__row--responsive-late > .ro-grid-frame__col {
        flex: 0 0 calc(var(--colw) * 4 + var(--gutter) * 3);
        max-width: calc(var(--colw) * 4 + var(--gutter) * 3);
    }
}

@media (min-width: 992px) {
    .ro-grid-frame__row--layout-3-4-4-4.ro-grid-frame__row--responsive-late > .ro-grid-frame__col {
        flex: 0 0 50%;
        max-width: 50%;
    }
    .ro-grid-frame__row.gap.ro-grid-frame__row--layout-3-4-4-4.ro-grid-frame__row--responsive-late > .ro-grid-frame__col {
        flex: 0 0 calc(var(--colw) * 6 + var(--gutter) * 5);
        max-width: calc(var(--colw) * 6 + var(--gutter) * 5);
    }
}

/* 4 columns */
@media (min-width: 560px) {
    .ro-grid-frame__row--layout-4-3-3-3-3.ro-grid-frame__row--responsive-early > .ro-grid-frame__col {
        flex: 0 0 50%;
        max-width: 50%;
    }
    .ro-grid-frame__row.gap.ro-grid-frame__row--layout-4-3-3-3-3.ro-grid-frame__row--responsive-early > .ro-grid-frame__col {
        flex: 0 0 calc(var(--colw) * 6 + var(--gutter) * 5);
        max-width: calc(var(--colw) * 6 + var(--gutter) * 5);
    }
}

@media (min-width: 680px) {
    .ro-grid-frame__row--layout-4-3-3-3-3.ro-grid-frame__row--responsive-default > .ro-grid-frame__col {
        flex: 0 0 50%;
        max-width: 50%;
    }
    .ro-grid-frame__row.gap.ro-grid-frame__row--layout-4-3-3-3-3.ro-grid-frame__row--responsive-default > .ro-grid-frame__col {
        flex: 0 0 calc(var(--colw) * 6 + var(--gutter) * 5);
        max-width: calc(var(--colw) * 6 + var(--gutter) * 5);
    }
}

@media (min-width: 768px) {
    .ro-grid-frame__row--layout-4-3-3-3-3.ro-grid-frame__row--responsive-progressive > .ro-grid-frame__col {
        flex: 0 0 50%;
        max-width: 50%;
    }
    .ro-grid-frame__row.gap.ro-grid-frame__row--layout-4-3-3-3-3.ro-grid-frame__row--responsive-progressive > .ro-grid-frame__col {
        flex: 0 0 calc(var(--colw) * 6 + var(--gutter) * 5);
        max-width: calc(var(--colw) * 6 + var(--gutter) * 5);
    }
}

@media (min-width: 992px) {
    .ro-grid-frame__row--layout-4-3-3-3-3.ro-grid-frame__row--responsive-late > .ro-grid-frame__col {
        flex: 0 0 50%;
        max-width: 50%;
    }
    .ro-grid-frame__row.gap.ro-grid-frame__row--layout-4-3-3-3-3.ro-grid-frame__row--responsive-late > .ro-grid-frame__col {
        flex: 0 0 calc(var(--colw) * 6 + var(--gutter) * 5);
        max-width: calc(var(--colw) * 6 + var(--gutter) * 5);
    }
}

@media (min-width: 1024px) {
    .ro-grid-frame__row--layout-4-3-3-3-3.ro-grid-frame__row--responsive-early > .ro-grid-frame__col {
        flex: 0 0 25%;
        max-width: 25%;
    }
    .ro-grid-frame__row.gap.ro-grid-frame__row--layout-4-3-3-3-3.ro-grid-frame__row--responsive-early > .ro-grid-frame__col {
        flex: 0 0 calc(var(--colw) * 3 + var(--gutter) * 2);
        max-width: calc(var(--colw) * 3 + var(--gutter) * 2);
    }
}

@media (min-width: 1200px) {
    .ro-grid-frame__row--layout-4-3-3-3-3.ro-grid-frame__row--responsive-default > .ro-grid-frame__col {
        flex: 0 0 25%;
        max-width: 25%;
    }
    .ro-grid-frame__row.gap.ro-grid-frame__row--layout-4-3-3-3-3.ro-grid-frame__row--responsive-default > .ro-grid-frame__col {
        flex: 0 0 calc(var(--colw) * 3 + var(--gutter) * 2);
        max-width: calc(var(--colw) * 3 + var(--gutter) * 2);
    }
}

@media (min-width: 1320px) {
    .ro-grid-frame__row--layout-4-3-3-3-3.ro-grid-frame__row--responsive-progressive > .ro-grid-frame__col {
        flex: 0 0 25%;
        max-width: 25%;
    }
    .ro-grid-frame__row.gap.ro-grid-frame__row--layout-4-3-3-3-3.ro-grid-frame__row--responsive-progressive > .ro-grid-frame__col {
        flex: 0 0 calc(var(--colw) * 3 + var(--gutter) * 2);
        max-width: calc(var(--colw) * 3 + var(--gutter) * 2);
    }
}

@media (min-width: 1440px) {
    .ro-grid-frame__row--layout-4-3-3-3-3.ro-grid-frame__row--responsive-late > .ro-grid-frame__col {
        flex: 0 0 25%;
        max-width: 25%;
    }
    .ro-grid-frame__row.gap.ro-grid-frame__row--layout-4-3-3-3-3.ro-grid-frame__row--responsive-late > .ro-grid-frame__col {
        flex: 0 0 calc(var(--colw) * 3 + var(--gutter) * 2);
        max-width: calc(var(--colw) * 3 + var(--gutter) * 2);
    }
}