.ltg-page-top {
    background-color: var(--ltg-color-primary);
}

.ltg-page-top,
.ltg-page-top * {
    box-sizing: border-box;
}

html.ltg-a11y-contrast-true .ltg-page-top {
    background-color: #272727;
}

.ltg-page-top > .container,
.ltg-page-top .ltg-ribbon-separator-dots .container {
    max-width: 100%;
    margin: auto;
    padding: 0 1rem;
}

.ltg-page-top-content,
.ltg-page-top-ribbon-wrap,
.ltg-page-top-button-wrap,
.ltg-page-top .ltg-ribbon {
    display: flex;
}

.ltg-page-top-button-wrap {
    flex-wrap: wrap;
    gap: 1rem;
    margin: 2rem 0;
}

.ltg-page-top-title {
    margin-top: 0;
    margin-bottom: 30px;
    font-size: 25px;
    font-weight: 700;
    line-height: 1.25;
}

html.ltg-a11y-font-size-1 .ltg-page-top-title { font-size: 27px; }
html.ltg-a11y-font-size-2 .ltg-page-top-title { font-size: 29px; }
html.ltg-a11y-font-size-3 .ltg-page-top-title { font-size: 31px; }
html.ltg-a11y-font-size-4 .ltg-page-top-title { font-size: 33px; }

.ltg-page-top-description {
    display: none;
    padding-bottom: 30px;
}

.ltg-page-top-ribbon-wrap {
    flex-direction: column;
    flex-shrink: 0;
    overflow: hidden;
}

.ltg-page-top-ribbon-wrap > :first-child { flex: 1 0 auto; }
.ltg-page-top-ribbon-wrap > :last-child { flex: 0 0 60px; }

.ltg-page-top-text {
    flex-grow: 1;
    margin-right: auto;
    padding: 30px 2rem 0 0;
}

.ltg-page-top-img-wrap {
    position: relative;
}

.ltg-page-top-img-wrap::before {
    display: block;
    padding-bottom: 76%;
    content: "";
}

.ltg-page-top-img {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100% !important;
    object-fit: cover;
}

.ltg-page-top-breadcrumbs {
    min-height: 2rem;
    margin-bottom: 20px;
}

.ltg-page-top-breadcrumbs a,
.ltg-page-top-breadcrumbs span:not(.screen-reader-text) {
    color: #ffffff;
    font-size: 0.8rem;
}

.ltg-page-top-breadcrumbs a:hover { color: #000; }

.ltg-page-top-breadcrumbs > :not(:first-child)::before {
    margin: 0 0.5rem;
    color: #ffffff !important;
    content: ">";
}

.ltg-page-top .screen-reader-text {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.ltg-page-top .bg-white { background-color: #ffffff; }
.ltg-page-top .bg-black { background-color: #000000; }
.ltg-page-top .ltg-ribbon.flex-column { flex-direction: column; }
.ltg-page-top .ltg-ribbon.flex-column .knot { transform: rotate(45deg); }
.ltg-page-top .ltg-ribbon.flex-column .knot-wrap { padding: 5px 0 0; }
.ltg-page-top .ltg-ribbon.flex-column .string { margin-right: 0; margin-left: 0; border-radius: 0; }
.ltg-page-top .ltg-ribbon.flex-column .string-top { margin-bottom: -12.5px; }
.ltg-page-top .ltg-ribbon.flex-column .string-top + .knot-wrap { padding-top: 0; padding-bottom: 5px; }
.ltg-page-top .ltg-ribbon.flex-column .string-bottom { margin-top: -12.5px; }
.ltg-page-top .ltg-ribbon .knot {
    width: 25px;
    height: 25px;
    border-top-right-radius: 50%;
    border-bottom-left-radius: 50%;
}
.ltg-page-top .ltg-ribbon .string { flex-grow: 1; }
.ltg-page-top .ltg-ribbon .string-top,
.ltg-page-top .ltg-ribbon .string-bottom { width: 25px; }

html.ltg-a11y-contrast-true .ltg-page-top .ltg-ribbon.flex-column .knot,
html.ltg-a11y-contrast-true .ltg-page-top .ltg-ribbon.flex-column .string {
    background-color: #ffffff !important;
}

.ltg-page-top.has-image .ltg-page-top-text { flex: 1 0 65%; }
.ltg-page-top.has-image .ltg-page-top-img-wrap { flex: 1 0 35%; }
.ltg-page-top.has-image .ltg-page-top-ribbon-wrap {
    position: relative;
    z-index: 2;
    flex-shrink: 0;
    margin-right: -13px;
}

html.ltg-a11y-illustrations-false .ltg-page-top.has-image .ltg-page-top-img-wrap { display: none; }
html.ltg-a11y-illustrations-false .ltg-page-top.has-image .ltg-page-top-text { flex: 1 1 auto; }
html.ltg-a11y-illustrations-false .ltg-page-top.has-image .ltg-page-top-ribbon-wrap { margin-right: 0; }

@media screen and (max-width: 1025px) {
    .ltg-page-top.has-image { overflow: hidden; }
    .ltg-page-top.has-image > .container { padding-right: 0; }
    html.ltg-a11y-illustrations-false .ltg-page-top.has-image > .container { padding-right: 1rem; }
}

@media screen and (min-width: 1025px) {
    .ltg-page-top > .container,
    .ltg-page-top .ltg-ribbon-separator-dots .container { width: 1024px; }
    .ltg-page-top-description { display: block; }
    .ltg-page-top-title { font-size: 36px; }
    html.ltg-a11y-font-size-1 .ltg-page-top-title { font-size: 38px; }
    html.ltg-a11y-font-size-2 .ltg-page-top-title { font-size: 40px; }
    html.ltg-a11y-font-size-3 .ltg-page-top-title { font-size: 42px; }
    html.ltg-a11y-font-size-4 .ltg-page-top-title { font-size: 44px; }
    .ltg-page-top.has-image .ltg-page-top-text { flex: 1 0 40%; }
    .ltg-page-top.has-image .ltg-page-top-title { font-size: 45px; }
    .ltg-page-top.has-image .ltg-page-top-img-wrap { flex: 1 0 60%; }
    .ltg-page-top.has-image .ltg-page-top-ribbon-wrap { margin-right: -25px; }
    .ltg-page-top.has-image .ltg-page-top-breadcrumbs { margin-bottom: 80px; }
    .ltg-page-top .ltg-ribbon.flex-column .knot-wrap { padding-top: 11px; }
    .ltg-page-top .ltg-ribbon.flex-column .string-top { margin-bottom: -25px; }
    .ltg-page-top .ltg-ribbon.flex-column .string-top + .knot-wrap { padding-top: 0; padding-bottom: 11px; }
    .ltg-page-top .ltg-ribbon.flex-column .string-bottom { margin-top: -25px; }
    .ltg-page-top .ltg-ribbon .knot { width: 50px; height: 50px; }
    .ltg-page-top .ltg-ribbon .string-top,
    .ltg-page-top .ltg-ribbon .string-bottom { width: 50px; }
    html.ltg-a11y-illustrations-false .ltg-page-top.has-image .ltg-page-top-title { font-size: 36px; }
    html.ltg-a11y-illustrations-false .ltg-page-top.has-image .ltg-page-top-breadcrumbs { margin-bottom: 20px; }
}

@media screen and (min-width: 1200px) {
    .ltg-page-top > .container,
    .ltg-page-top .ltg-ribbon-separator-dots .container { width: 1140px; }
    .ltg-page-top-text { max-width: 60%; }
}

.ltg-page-top--gtc .ltg-page-top-title,
.ltg-page-top--gtc .ltg-page-top-description {
    color: #ffffff;
}

.ltg-page-top--gtc .ltg-page-top-dots {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding-bottom: 477%;
    background-image: url("page-top-dots.svg");
    background-size: cover;
}

.ltg-page-top--gtc .ltg-page-top-dots-wrap {
    position: relative;
    width: 120px;
    overflow: hidden;
}

.ltg-page-top--gtc.has-image {
    padding-bottom: 72px;
}

.ltg-page-top .ltg-ribbon-separator-dots {
    position: relative;
    height: 8px;
    padding: 4px 0;
}

.ltg-page-top .ltg-ribbon-track {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.ltg-page-top .ltg-ribbon-separator-dots .container {
    position: relative;
    margin-top: -4px;
}

.ltg-page-top .ltg-ribbon-dot {
    position: absolute;
    top: -12px;
    left: 20%;
    z-index: 1;
    width: 30px;
    height: 30px;
    border-radius: 100%;
}

.ltg-page-top .ltg-ribbon-dot.--left {
    left: 0;
}

.ltg-page-top .ltg-ribbon-dot.--right {
    right: 0;
    left: auto;
}

.ltg-page-top .ltg-ribbon-dot::after {
    content: "";
    position: absolute;
    top: 8px;
    left: 8px;
    width: 14px;
    height: 14px;
    border-radius: 100%;
    background-color: #ffffff;
}

.ltg-page-top .ltg-ribbon-dot.dot-bg-primary::after {
    background-color: var(--ltg-color-primary);
}

.ltg-page-top .ltg-ribbon-museum {
    height: 40px;
    background-color: var(--ltg-color-primary);
    --ribbon-pattern: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120.25313mm' height='10.589588mm' viewBox='0 0 107.78769 10.589588'%0A%3E%3Cpath style='fill:%23000000' d='m -6.7524348,5.29792 v -5.291667 0 H 5.5412415 V 5.29792 10.589587 H -6.7524348 v 0 z M 14.955862,10.258857 C 14.904292,10.076956 14.728569,9.435189 14.565377,8.832707 14.186285,7.433164 12.56255,5.933838 10.962519,5.505895 L 9.774575,5.188168 V 2.594084 0 l 1.124479,0.172266 c 2.712767,0.415588 5.689989,2.118595 7.054966,4.035527 0.94343,1.324927 1.834478,3.520317 2.026409,4.992731 l 0.181068,1.389063 h -2.555931 c -1.818346,0 -2.582992,-0.09544 -2.649704,-0.33073 z m 11.355171,-0.05932 C 24.92246,9.698433 23.382722,8.028266 23.000415,6.608481 22.474987,4.657197 23.077835,2.809605 24.706544,1.37958 26.190388,0.076747 27.057091,-0.031852 35.258553,0.0574 c 7.390439,0.08042 7.466861,0.08699 8.60707,0.73976 3.401489,1.947345 3.401489,7.054177 0,9.001521 -1.145167,0.655604 -1.185495,0.658899 -8.823341,0.720699 -6.14209,0.0497 -7.884064,-0.01411 -8.731249,-0.319843 z m 26.792776,0.14017 C 49.766495,9.272272 48.303114,5.602238 50.035852,2.645542 c 1.973275,-3.367138 7.029733,-3.340717 8.946361,0.04675 1.366549,2.415253 0.565304,5.648938 -1.73351,6.996133 -1.213472,0.711141 -3.053712,1.000298 -4.144894,0.651285 z M 62.426657,5.297921 V 0.006254 h 5.291666 5.291667 v 5.291667 5.291667 H 67.718323 62.426657 Z M 84.230098,10.31689 C 79.80042,9.438662 76.471108,5.860723 75.805376,1.263025 L 75.623398,0.006254 h 2.662047 c 2.499681,0 2.662045,0.03279 2.662045,0.537665 0,0.779608 0.727056,2.399248 1.401691,3.122494 0.760801,0.815626 2.370045,1.631508 3.217976,1.631508 h 0.671999 v 2.645833 c 0,2.945549 0.126204,2.796474 -2.009058,2.373136 z m 8.56121,0.0092 C 89.479821,9.328987 87.990949,5.601614 89.723351,2.645494 c 1.126707,-1.922582 3.590221,-2.975525 5.638485,-2.409972 4.056921,1.120171 5.350034,5.740522 2.425184,8.665365 -1.468363,1.468361 -3.206014,1.964088 -4.995712,1.425203 z M 102.11416,5.297874 V 0.006207 l 13.04018,0 v 0 5.291667 5.291667 0 l -13.04018,0 z' /%3E%3C/svg%3E%0A");
    -webkit-mask: var(--ribbon-pattern);
    mask: var(--ribbon-pattern);
}

.ltg-page-top .ltg-ribbon-museum.--vertical {
    width: 45px;
    height: auto;
    --ribbon-pattern: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='120.25313mm' width='10.589588mm' viewBox='0 0 10.589588 107.78769'%0A%3E%3Cpath  transform=%27rotate(-90) translate(-108)%27 style='fill:%23000000' d='m -6.7524348,5.29792 v -5.291667 0 H 5.5412415 V 5.29792 10.589587 H -6.7524348 v 0 z M 14.955862,10.258857 C 14.904292,10.076956 14.728569,9.435189 14.565377,8.832707 14.186285,7.433164 12.56255,5.933838 10.962519,5.505895 L 9.774575,5.188168 V 2.594084 0 l 1.124479,0.172266 c 2.712767,0.415588 5.689989,2.118595 7.054966,4.035527 0.94343,1.324927 1.834478,3.520317 2.026409,4.992731 l 0.181068,1.389063 h -2.555931 c -1.818346,0 -2.582992,-0.09544 -2.649704,-0.33073 z m 11.355171,-0.05932 C 24.92246,9.698433 23.382722,8.028266 23.000415,6.608481 22.474987,4.657197 23.077835,2.809605 24.706544,1.37958 26.190388,0.076747 27.057091,-0.031852 35.258553,0.0574 c 7.390439,0.08042 7.466861,0.08699 8.60707,0.73976 3.401489,1.947345 3.401489,7.054177 0,9.001521 -1.145167,0.655604 -1.185495,0.658899 -8.823341,0.720699 -6.14209,0.0497 -7.884064,-0.01411 -8.731249,-0.319843 z m 26.792776,0.14017 C 49.766495,9.272272 48.303114,5.602238 50.035852,2.645542 c 1.973275,-3.367138 7.029733,-3.340717 8.946361,0.04675 1.366549,2.415253 0.565304,5.648938 -1.73351,6.996133 -1.213472,0.711141 -3.053712,1.000298 -4.144894,0.651285 z M 62.426657,5.297921 V 0.006254 h 5.291666 5.291667 v 5.291667 5.291667 H 67.718323 62.426657 Z M 84.230098,10.31689 C 79.80042,9.438662 76.471108,5.860723 75.805376,1.263025 L 75.623398,0.006254 h 2.662047 c 2.499681,0 2.662045,0.03279 2.662045,0.537665 0,0.779608 0.727056,2.399248 1.401691,3.122494 0.760801,0.815626 2.370045,1.631508 3.217976,1.631508 h 0.671999 v 2.645833 c 0,2.945549 0.126204,2.796474 -2.009058,2.373136 z m 8.56121,0.0092 C 89.479821,9.328987 87.990949,5.601614 89.723351,2.645494 c 1.126707,-1.922582 3.590221,-2.975525 5.638485,-2.409972 4.056921,1.120171 5.350034,5.740522 2.425184,8.665365 -1.468363,1.468361 -3.206014,1.964088 -4.995712,1.425203 z M 102.11416,5.297874 V 0.006207 l 13.04018,0 v 0 5.291667 5.291667 0 l -13.04018,0 z' /%3E%3C/svg%3E%0A");
}

.ltg-page-top--museum .ltg-ribbon-museum {
    flex: 1 !important;
    background-color: #f4f0df;
    -webkit-mask-size: cover;
    mask-size: cover;
}

@media screen and (max-width: 1025px) {
    .ltg-page-top--gtc.has-image .ltg-ribbon-separator-dots {
        transform: translate(40px, -100px), rotate(90deg);
    }

    .ltg-page-top--museum .ltg-ribbon-museum.--vertical {
        width: 16px;
    }
}

@media screen and (min-width: 1025px) {
    .ltg-page-top--museum .container .ltg-page-top-ribbon-wrap {
        margin-right: -45px;
    }
}
