.NavigatePanel {
    --panel-height: 100%;
    bottom: -100%;
    cursor: pointer;
    grid-column: full;
    height: var(--panel-height);
    pointer-events: none;
    position: fixed;
    transition:
        top 0.4s ease,
        bottom 0.4s ease;
    width: 100%;
    z-index: 40;
}
@media (min-width: 1024px) {
    .NavigatePanel {
        --panel-height: 90vh;
    }
}
@media (min-width: 1440px) {
    .NavigatePanel {
        --panel-height: 82vh;
    }
}
@media (min-width: 1440px) and (max-height: 799px) {
    .NavigatePanel {
        --panel-height: 90vh;
    }
}
@media (min-width: 1440px) and (max-height: 699px) {
    .NavigatePanel {
        --panel-height: 100vh;
    }
}
@media (min-width: 2000px) {
    .NavigatePanel {
        --panel-height: 75vh;
    }
}
.scroll-lock .NavigatePanel {
    width: calc(100% - var(--scrollbar-width));
}
.progress-bar-active .NavigatePanel {
    pointer-events: all;
}
@media (min-width: 1024px) {
    .progress-bar-active .NavigatePanel {
        bottom: calc(-100% + 50px);
    }
}
.progress-bar-active .NavigatePanel:after {
    top: -50px;
}
@media (max-width: 1023px) {
    .progress-bar-active .NavigatePanel .NavigatePanel__bg {
        bottom: calc(-100% + 50px);
    }
}
@media (min-width: 1024px) {
    .progress-bar-active .NavigatePanel .NavigatePanel__bg {
        bottom: calc(var(--panel-height) * -1 + 49px);
    }
}
.progress-bar-active .NavigatePanel .ProgressBar {
    bottom: 0;
}
.navigate-panel-opened .NavigatePanel .ProgressBar {
    background-color: unset;
    bottom: 0;
    transition:
        top 0.4s ease,
        bottom 0.4s ease;
}
.NavigatePanel .ProgressBar {
    background-color: unset;
    border-top: unset;
    bottom: -50px;
    pointer-events: auto;
    position: fixed;
    transform: translateY(0);
    transition:
        top 0.4s ease,
        bottom 0.4s ease;
    z-index: 10;
}
.is-essay.navigate-panel-opened .NavigatePanel .ProgressBar {
    background-color: unset;
}
@media (hover: hover) and (pointer: fine) {
    .is-essay .NavigatePanel .ProgressBar:hover {
        background-color: unset;
    }
}
.NavigatePanel__bg-trigger {
    bottom: auto;
    height: 90px;
    left: 0;
    position: absolute;
    top: 90px;
    width: 100%;
    z-index: 1;
}
@media (max-width: 1023px) {
    .NavigatePanel__bg-trigger {
        display: none;
    }
}
.progress-bar-active .NavigatePanel__bg-trigger {
    bottom: calc(100% + 25px);
    top: auto;
    z-index: -1;
}
@media (min-width: 1024px) {
    .progress-bar-active .NavigatePanel__bg-trigger {
        bottom: calc(100% + 10vh - 60px);
    }
}
@media (min-width: 1440px) {
    .progress-bar-active .NavigatePanel__bg-trigger {
        bottom: calc(100% + 18vh - 60px);
    }
}
@media (min-width: 1440px) and (max-height: 799px) {
    .progress-bar-active .NavigatePanel__bg-trigger {
        bottom: calc(100% + 10vh - 60px);
    }
}
@media (min-width: 1440px) and (max-height: 699px) {
    .progress-bar-active .NavigatePanel__bg-trigger {
        bottom: calc(100% - 60px);
    }
}
@media (min-width: 2000px) {
    .progress-bar-active .NavigatePanel__bg-trigger {
        bottom: calc(100% + 25vh - 50px);
    }
}
.NavigatePanel__bar-wrapper {
    bottom: 0;
    height: 50px;
    position: fixed;
    width: 100%;
}
.NavigatePanel__inner {
    padding-top: 50px;
}
.NavigatePanel__active-area {
    color: #EBEBEB;
    text-align: left;
    display: flex;
    flex-direction: column;
    height: var(--panel-height);
    left: 0;
    overflow: auto;
    padding-top: 60px;
    pointer-events: none;
    position: absolute;
    top: calc(-100vh + 50px);
    width: 100%;
}
@media (max-width: 1023px) {
    .NavigatePanel__active-area {
        overflow: hidden;
        padding-top: 30px;
        top: 0;
    }
}
.NavigatePanel__header {
    box-sizing: border-box;
    column-gap: var(--six-gutter);
    display: grid;
    height: calc(2.06897vw + 48.62069px);
    position: relative;
}
@media (min-width: 4069px) {
    .NavigatePanel__header {
        --max-grid: calc(var(--six-site-max-width) / 2 + var(--six-site-margin) + var(--six-gutter) * 2);
        grid-template-columns: [full-start] var(--six-site-margin) calc(50vw - var(--max-grid)) [content-start] repeat(
                var(--six-cols),
                1fr
            ) [content-end] calc(50vw - var(--max-grid)) var(--six-site-margin) [full-end];
    }
}
@media (max-width: 4068px) {
    .NavigatePanel__header {
        --col-spacer: calc(var(--six-site-margin) - var(--six-gutter));
        grid-template-columns: [full-start] var(--col-spacer) [content-start] repeat(var(--six-cols), 1fr) [content-end] var(
                --col-spacer
            ) [full-end];
    }
}
@supports not (display: grid) {
    .NavigatePanel__header {
        display: block;
        width: 100%;
    }
}
@media (min-width: 1440px) {
    .NavigatePanel__header {
        height: 90px;
    }
}
@media (max-width: 739px) {
    .NavigatePanel__header {
        height: 60px;
    }
}
@media (min-width: 1600px) and (max-height: 799px) {
    .NavigatePanel__header {
        height: calc(2.75862vw + 64.82759px);
    }
}
@media (min-width: 1600px) and (max-height: 799px) and (min-width: 1440px) {
    .NavigatePanel__header {
        height: 120px;
    }
}
@media (min-width: 1600px) and (max-height: 799px) and (max-width: 739px) {
    .NavigatePanel__header {
        height: 80px;
    }
}
.NavigatePanel__header > h3 {
    --line-height: 1.1875;
    color: #EBEBEB;
    font-family: "Atacama VAR",serif;
    font-size: calc(0.48276vw + 22.34483px);
    font-style: normal;
    font-weight: 680;
    font-stretch:200%;
    grid-column: content;
    line-height: 1.1875;
    position: absolute;
    text-align: left;
    width: 100%;
}
.NavigatePanel__header > h3,
.NavigatePanel__header > h3 b,
.NavigatePanel__header > h3 strong {
    font-weight: 700;
    text-transform: none;
}
.NavigatePanel__header > h3 em {
    font-family: "Atacama VAR",serif;
    font-style: italic;
}
@media (min-width: 1440px) {
    .NavigatePanel__header > h3 {
        font-size: 32px;
    }
}
@media (max-width: 739px) {
    .NavigatePanel__header > h3 {
        font-size: 19px;
    }
}
@media (min-width: 1600px) {
    .NavigatePanel__header > h3 {
        --line-height: 1.15;
        font-size: calc(1.03448vw + 19.31034px);
        line-height: 1.15;
    }
}
@media (min-width: 1600px) and (min-width: 1440px) {
    .NavigatePanel__header > h3 {
        font-size: 40px;
    }
}
@media (min-width: 1600px) and (max-width: 739px) {
    .NavigatePanel__header > h3 {
        font-size: 25px;
    }
}
@media (min-width: 1600px) and (max-height: 799px) {
    .NavigatePanel__header > h3 {
        height: calc(2.75862vw + 64.82759px);
        position: relative;
    }
}
@media (min-width: 1600px) and (max-height: 799px) and (min-width: 1440px) {
    .NavigatePanel__header > h3 {
        height: 120px;
    }
}
@media (min-width: 1600px) and (max-height: 799px) and (max-width: 739px) {
    .NavigatePanel__header > h3 {
        height: 80px;
    }
}
@media (min-width: 1024px) {
    .NavigatePanel__header > h3 {
        grid-column: 4/-4;
    }
}
@media (min-width: 1600px) {
    .NavigatePanel__header > h3 {
        grid-column: 2/-6;
    }
}
@media (hover: none) {
    .NavigatePanel__header > h3 {
        position: relative;
    }
}
.NavigatePanel__header > h3 span {
    display: block;
    text-transform: none;
    width: 100%;
}
.navigate-panel-opened .NavigatePanel__header > h3 {
    pointer-events: auto;
}
.is-safari .NavigatePanel__header {
    display: flex;
    justify-content: center;
}
.is-safari .NavigatePanel__header > h3 {
    width: 90%;
}
@media (min-width: 1024px) {
    .is-safari .NavigatePanel__header > h3 {
        width: 80%;
    }
}
@media (min-width: 1600px) {
    .is-safari .NavigatePanel__header > h3 {
        width: 70%;
    }
}
.NavigatePanel__content {
    box-sizing: border-box;
    column-gap: var(--six-gutter);
    display: grid;
    height: 100%;
    min-height: 470px;
    position: relative;
}
@media (min-width: 4069px) {
    .NavigatePanel__content {
        --max-grid: calc(var(--six-site-max-width) / 2 + var(--six-site-margin) + var(--six-gutter) * 2);
        grid-template-columns: [full-start] var(--six-site-margin) calc(50vw - var(--max-grid)) [content-start] repeat(
                var(--six-cols),
                1fr
            ) [content-end] calc(50vw - var(--max-grid)) var(--six-site-margin) [full-end];
    }
}
@media (max-width: 4068px) {
    .NavigatePanel__content {
        --col-spacer: calc(var(--six-site-margin) - var(--six-gutter));
        grid-template-columns: [full-start] var(--col-spacer) [content-start] repeat(var(--six-cols), 1fr) [content-end] var(
                --col-spacer
            ) [full-end];
    }
}
@supports not (display: grid) {
    .NavigatePanel__content {
        display: block;
        width: 100%;
    }
}
@media (max-width: 1023px) {
    .NavigatePanel__content {
        cursor: grab;
    }
}
@media (hover: none) {
    .navigate-panel-opened .NavigatePanel__content {
        pointer-events: auto;
    }
}
.NavigatePanel__content > * {
    grid-column: full;
    grid-row: 1;
}
.NavigatePanel__media-preview {
    height: 100%;
    pointer-events: none;
    position: absolute;
    top: 210px;
    width: 100%;
}
@media (max-width: 1023px) {
    .NavigatePanel__media-preview {
        display: none;
    }
}
@media (min-width: 1200px) {
    .NavigatePanel__media-preview {
        top: 180px;
    }
}
@media (min-width: 1440px) {
    .NavigatePanel__media-preview {
        top: 200px;
    }
}
@media (min-width: 1920px) {
    .NavigatePanel__media-preview {
        top: 210px;
    }
}
@media (min-width: 2000px) {
    .NavigatePanel__media-preview {
        top: 255px;
    }
}
@media (hover: none) {
    .NavigatePanel__media-preview {
        display: none;
    }
}
.NavigatePanel__media {
    display: flex;
    height: 100%;
    position: absolute;
    width: 100%;
}
.NavigatePanel__media > div {
    align-items: center;
    display: flex;
    justify-content: center;
    width: 100%;
}
.NavigatePanel__media > div img {
    object-fit: cover;
    position: absolute;
}
@media (max-width: 1023px) {
    .NavigatePanel__media > div img {
        pointer-events: none;
    }
}
.NavigatePanel__media > div > div {
    position: absolute;
    width: 100%;
}
@media (min-width: 1024px) and (hover: hover) and (pointer: fine) {
    .NavigatePanel__media > div > div {
        pointer-events: auto;
    }
}
@media (max-width: 1023px) and (hover: none) {
    .NavigatePanel__media * {
        user-select: none;
    }
}
.NavigatePanel__media.portrait-img > div > div {
    max-width: 22vw;
    padding-bottom: 120%;
}
@media (max-width: 739px) {
    .NavigatePanel__media.portrait-img > div > div {
        max-width: 45vw;
    }
}
@media (min-width: 1200px) {
    .NavigatePanel__media.portrait-img > div > div {
        max-width: 14vw;
    }
}
@media (min-width: 2000px) {
    .NavigatePanel__media.portrait-img > div > div {
        max-width: 12vw;
    }
}
@media (min-width: 4068px) {
    .NavigatePanel__media.portrait-img > div > div {
        max-width: 10vw;
    }
}
@supports (aspect-ratio: 1) {
    .NavigatePanel__media.portrait-img > div > div {
        aspect-ratio: 0.7631578947;
        padding-bottom: 0;
    }
}
.NavigatePanel__media.portrait-img > div > div img {
    padding-bottom: 120%;
}
@supports (aspect-ratio: 1) {
    .NavigatePanel__media.portrait-img > div > div img {
        aspect-ratio: 0.7631578947;
        padding-bottom: 0;
    }
}
.NavigatePanel__media.landscape-img > div > div {
    max-width: 30vw;
    padding-bottom: 75%;
}
@media (max-width: 739px) {
    .NavigatePanel__media.landscape-img > div > div {
        max-width: 46vw;
    }
}
@media (min-width: 1200px) {
    .NavigatePanel__media.landscape-img > div > div {
        max-width: 20vw;
    }
}
@media (min-width: 2000px) {
    .NavigatePanel__media.landscape-img > div > div {
        max-width: 18vw;
    }
}
@media (min-width: 4068px) {
    .NavigatePanel__media.landscape-img > div > div {
        max-width: 16vw;
    }
}
@supports (aspect-ratio: 1) {
    .NavigatePanel__media.landscape-img > div > div {
        aspect-ratio: 1.2571428571;
        padding-bottom: 0;
    }
}
.NavigatePanel__media.landscape-img > div > div img {
    padding-bottom: 75%;
}
@supports (aspect-ratio: 1) {
    .NavigatePanel__media.landscape-img > div > div img {
        aspect-ratio: 1.2571428571;
        padding-bottom: 0;
    }
}
.NavigatePanel__list {
    align-items: center;
    box-sizing: border-box;
    column-gap: var(--six-gutter);
    display: grid;
}
@media (min-width: 4069px) {
    .NavigatePanel__list {
        --max-grid: calc(var(--six-site-max-width) / 2 + var(--six-site-margin) + var(--six-gutter) * 2);
        grid-template-columns: [full-start] var(--six-site-margin) calc(50vw - var(--max-grid)) [content-start] repeat(
                var(--six-cols),
                1fr
            ) [content-end] calc(50vw - var(--max-grid)) var(--six-site-margin) [full-end];
    }
}
@media (max-width: 4068px) {
    .NavigatePanel__list {
        --col-spacer: calc(var(--six-site-margin) - var(--six-gutter));
        grid-template-columns: [full-start] var(--col-spacer) [content-start] repeat(var(--six-cols), 1fr) [content-end] var(
                --col-spacer
            ) [full-end];
    }
}
@supports not (display: grid) {
    .NavigatePanel__list {
        display: block;
        width: 100%;
    }
}
@media (max-width: 1023px) {
    .NavigatePanel__list {
        visibility: hidden;
    }
}
.NavigatePanel__list > * {
    grid-column: content;
}
@media (min-width: 1024px) {
    .NavigatePanel__list > * {
        grid-column: content/span 8;
    }
}
.NavigatePanel__list ul {
    counter-reset: li-count;
}
.NavigatePanel__list li {
    box-sizing: border-box;
    column-gap: var(--six-gutter);
    counter-increment: li-count;
    display: grid;
    grid-template-columns: [content-start] repeat(8, 1fr) [content-end];
    position: relative;
    transition: opacity 0.4s ease;
}
@supports not (display: grid) {
    .NavigatePanel__list li {
        display: block;
        width: 100%;
    }
}
.NavigatePanel__list li:before {
    --line-height: 1.3333333333;
    color: #EBEBEB;
    content: counter(li-count);
    font-family:
        "Atacama VAR",
        serif;
    font-size: calc(0.13793vw + 12.24138px);
    font-style: normal;
    font-weight: 700;
    line-height: 1.3333333333;
}
@media (min-width: 1440px) {
    .NavigatePanel__list li:before {
        font-size: 15px;
    }
}
@media (max-width: 739px) {
    .NavigatePanel__list li:before {
        font-size: 13px;
    }
}
.NavigatePanel__list li:before em {
    font-family:
        "Atacama VAR",
        serif;
    font-style: italic;
}
.NavigatePanel__list li:after {
    display: none;
    background-color: #000;
    border-radius: 5px;
    height: 3px;
    left: -10px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 3px;
}
.NavigatePanel__list li.is-active {
    opacity: 0.4;
}
.NavigatePanel__list li.is-active:after {
    content: "";
    opacity: 0.5;
}
.NavigatePanel__list li.is-active.is-next-hover {
    opacity: 1;
}
.NavigatePanel__list li.is-active.is-next-hover .NavigatePanel__next-indicator {
    opacity: 0;
}
.NavigatePanel__list li.is-next .NavigatePanel__next-indicator,
.NavigatePanel__list li.is-next-hover .NavigatePanel__next-indicator {
    opacity: 1;
}
.NavigatePanel__list li.is-next.is-not-next-hover .NavigatePanel__next-indicator,
.NavigatePanel__list li.is-not-next-hover .NavigatePanel__next-indicator {
    opacity: 0;
}
.NavigatePanel__list li.is-not-next-hover {
    opacity: 0.4;
}
.NavigatePanel__list li:not(:last-child) {
    padding-bottom: 1px;
}
.NavigatePanel__list li > a {
    --line-height: 1.3333333333;
    font-family: "Atacama VAR",serif;
    font-size: calc(0.13793vw + 12.24138px);
    font-style: normal;
    font-weight: 670;
    font-stretch: 200%;
    grid-column: span 5;
    line-height: 1.3333333333;
    margin-left: calc(var(--six-gutter) * -1);
    position: relative;
    width: fit-content;
}
@media (min-width: 1440px) {
    .NavigatePanel__list li > a {
        font-size: 15px;
    }
}
.NavigatePanel__list li > a b,
.NavigatePanel__list li > a strong {
    font-weight: 700;
    text-transform: none;
}
.NavigatePanel__list li > a em {
    font-family: "Atacama VAR",serif;
    font-style: italic;
}
@media (min-width: 1440px) {
    .NavigatePanel__list li > a {
        font-size: 16px;
    }
}
@media (max-width: 739px) {
    .NavigatePanel__list li > a {
        font-size: 13px;
    }
}
@media (min-width: 1600px) {
    .NavigatePanel__list li > a {
        grid-column: span 6;
    }
}
.NavigatePanel__list li > a span {
    --line-height: 1.3333333333;
    color: #EBEBEB;
    font-family: "Atacama VAR", serif;
    font-size: calc(0.13793vw + 12.24138px);
    font-style: normal;
    font-weight: 700;
    font-stretch: 200%;
    line-height: 1.3333333333;
    text-transform: none;
    transition: opacity 0.5s cubic-bezier(0.25, 1, 0.5, 1);
    opacity: 1 !important;
}
.NavigatePanel__list li > a span:hover {
    opacity: .4 !important;
}
@media (min-width: 1440px) {
    .NavigatePanel__list li > a span {
        font-size: 15px;
    }
}
@media (max-width: 739px) {
    .NavigatePanel__list li > a span {
        font-size: 13px;
    }
}
.NavigatePanel__list li > a span b,
.NavigatePanel__list li > a span strong {
    font-weight: 700;
    text-transform: none;
}
.NavigatePanel__list li > a span em {
    font-family: "Atacama VAR",serif;
    font-style: italic;
}
.navigate-panel-opened .NavigatePanel__list li > a {
    pointer-events: auto;
}
.NavigatePanel__list li .NavigatePanel__next-indicator {
    left: 100%;
    opacity: 1;
    position: absolute;
    top: 50%;
    transform: translateX(5px) translateY(-50%);
    transition: opacity 0.4s ease;
}
.NavigatePanel__item-title {
    text-transform: capitalize;
}
.NavigatePanel__footer {
    align-items: center;
    bottom: 0;
    box-sizing: border-box;
    column-gap: var(--six-gutter);
    display: grid;
    height: 60px;
    pointer-events: none;
    position: sticky;
    width: 100%;
    z-index: 1;
}
@media (min-width: 4069px) {
    .NavigatePanel__footer {
        --max-grid: calc(var(--six-site-max-width) / 2 + var(--six-site-margin) + var(--six-gutter) * 2);
        grid-template-columns: [full-start] var(--six-site-margin) calc(50vw - var(--max-grid)) [content-start] repeat(
                var(--six-cols),
                1fr
            ) [content-end] calc(50vw - var(--max-grid)) var(--six-site-margin) [full-end];
    }
}
@media (max-width: 4068px) {
    .NavigatePanel__footer {
        --col-spacer: calc(var(--six-site-margin) - var(--six-gutter));
        grid-template-columns: [full-start] var(--col-spacer) [content-start] repeat(var(--six-cols), 1fr) [content-end] var(
                --col-spacer
            ) [full-end];
    }
}
@supports not (display: grid) {
    .NavigatePanel__footer {
        display: block;
        width: 100%;
    }
}
@media (max-width: 739px) {
    .NavigatePanel__footer {
        height: 52px;
    }
}
@media (max-width: 1023px) {
    .NavigatePanel__footer {
        border-top: 2px solid #212121;
    }
}
.NavigatePanel__footer > a {
    --line-height: 1.3333333333;
    color: #EBEBEB;
    text-align: left;
    cursor: pointer;
    font-family:
        "Atacama VAR",
        serif;
    font-size: calc(0.13793vw + 12.24138px);
    font-style: normal;
    font-weight: 700;
    font-stretch: 200%;
    grid-column: content/span 3;
    line-height: 1.3333333333;
    transition: opacity 0.5s cubic-bezier(0.25, 1, 0.5, 1);
}
@media (hover: hover) and (pointer: fine) {
    .NavigatePanel__footer > a:hover {
        opacity: 0.4;
    }
}
@media (min-width: 1440px) {
    .NavigatePanel__footer > a {
        font-size: 15px;
    }
}
@media (max-width: 739px) {
    .NavigatePanel__footer > a {
        font-size: 13px;
    }
}
.NavigatePanel__footer > a em {
    font-family:
        "Atacama VAR",
        serif;
    font-style: italic;
}
@media (min-width: 1024px) {
    .NavigatePanel__footer > a {
        grid-column: content/span 3;
    }
}
@media (min-width: 1600px) {
    .NavigatePanel__footer > a {
        grid-column: content/span 2;
    }
}
.navigate-panel-opened .NavigatePanel__footer > a {
    pointer-events: auto;
}
.NavigatePanel__footer > a + a {
    grid-column: span 3;
}
@media (min-width: 1024px) {
    .NavigatePanel__footer > a + a {
        grid-column: span 3;
    }
}
@media (min-width: 1600px) {
    .NavigatePanel__footer > a + a {
        grid-column: span 2;
    }
}
.NavigatePanel__active-cat {
    --line-height: 1.3333333333;
    color: #EBEBEB;
    font-family:
        "Atacama VAR",
        serif;
    font-size: calc(0.13793vw + 12.24138px);
    font-style: normal;
    font-weight: 700;
    left: 50%;
    line-height: 1.3333333333;
    padding-top: 15px;
    position: absolute;
    transform: translateX(-50%);
}
@media (min-width: 1440px) {
    .NavigatePanel__active-cat {
        font-size: 15px;
    }
}
@media (max-width: 739px) {
    .NavigatePanel__active-cat {
        font-size: 13px;
    }
}
.NavigatePanel__active-cat em {
    font-family:
        "Atacama VAR",
        serif;
    font-style: italic;
}
@media (max-width: 1023px) {
    .NavigatePanel__active-cat {
        bottom: unset !important;
        text-align: center;
        top: 100%;
        width: 100%;
    }
}
@media (min-width: 1024px) {
    .NavigatePanel__active-cat {
        align-items: center;
        bottom: 0;
        display: flex;
        height: 50px;
        padding-top: 0;
        position: fixed;
    }
}
.NavigatePanel__active-cat,
.NavigatePanel__footer,
.NavigatePanel__header,
.NavigatePanel__list,
.NavigatePanel__swipe-key {
    opacity: 0;
    pointer-events: none;
}
.NavigatePanel__swipe-key {
    --line-height: 1.3333333333;
    bottom: 20px;
    font-family:
        "Atacama VAR",
        serif;
    font-size: calc(0.13793vw + 12.24138px);
    font-style: normal;
    font-weight: 670;
    font-stretch: 200%;
    text-align: center;
    left: 50%;
    line-height: 1.3333333333;
    position: absolute;
    text-transform: none;
    transform: translateX(-50%);
    transition: opacity 0.4s ease;
}
@media (min-width: 1440px) {
    .NavigatePanel__swipe-key {
        font-size: 15px;
    }
}
@media (max-width: 739px) {
    .NavigatePanel__swipe-key {
        font-size: 16px;
    }
}
.NavigatePanel__swipe-key em {
    font-family:
        "Atacama VAR",
        serif;
    font-style: italic;
}
@media (min-width: 1024px) {
    .NavigatePanel__swipe-key {
        display: none;
    }
}
.navigate-panel-opened .NavigatePanel__swipe-key {
    opacity: 1;
}
.NavigatePanel__bg {
    background: #212121 !important;
    border-top: 1px solid #212121 !important;
    bottom: -100%;
    height: var(--panel-height);
    left: 0;
    position: fixed;
    transition: bottom 0.4s ease;
    width: 100%;
    z-index: -1;
}
@media (min-width: 1024px) {
    .NavigatePanel__bg {
        bottom: calc(var(--panel-height) * -1);
    }
}
@media (max-width: 1023px) {
    .NavigatePanel__bg:after {
        background-color: #212121;
        bottom: -165px;
        content: "";
        height: calc(50% + 100px);
        left: 0;
        position: absolute;
        width: 100%;
    }
}
.NavigatePanel__overlay {
    height: 100%;
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 20;
}
.navigate-panel-open .NavigatePanel__overlay,
.navigate-panel-opened .NavigatePanel__overlay {
    pointer-events: auto;
}
.NavigatePanel--page-load {
    cursor: wait;
}
.NavigatePanel--page-load * {
    pointer-events: none !important;
}
@media (max-width: 739px) {
    body.navigate-panel-opened .Burger,
    body.navigate-panel-opened .SiteHeader {
        opacity: 0 !important;
        pointer-events: none;
    }
}