.NavigatePanel{
    --panel-height:100%;
    bottom:-100%;
    cursor:pointer;
    grid-column:full;
    height:var(--panel-height);
    pointer-events:none;
    position:fixed;
    transition:top .4s ease,bottom .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 .4s ease,bottom .4s ease
}
.NavigatePanel .ProgressBar{
    background-color:unset;
    border-top:unset;
    bottom:-50px;
    pointer-events:auto;
    position:fixed;
    transform:translateY(0);
    transition:top .4s ease,bottom .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{
    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;
    font-family:"Antique Legacy",sans-serif;
    font-size:calc(.48276vw + 22.34483px);
    font-style:normal;
    grid-column:content;
    letter-spacing:0;
    line-height:1.1875;
    line-height:1;
    position:absolute;
    text-align:center;
    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:"Antique Legacy",sans-serif;
    font-style:italic
}
@media(min-width:1440px){
    .NavigatePanel__header>h3{
        font-size:32px
    }
}
@media(max-width:739px){
    .NavigatePanel__header>h3{
        font-size:25px
    }
}
@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:6/-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:.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:.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 .4s ease
}
@supports not (display:grid){
    .NavigatePanel__list li{
        display:block;
        width:100%
    }
}
.NavigatePanel__list li:before{
    --line-height:1.3333333333;
    content:counter(li-count);
    font-family:Antique Legacy,sans-serif;
    font-size:calc(.13793vw + 12.24138px);
    font-style:normal;
    font-weight:700;
    letter-spacing:0;
    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:Antique Legacy,sans-serif;
    font-style:italic
}
.NavigatePanel__list li:after{
    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:.4
}
.NavigatePanel__list li.is-active:after{
    content:"";
    opacity:.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:.4
}
.NavigatePanel__list li:not(:last-child){
    padding-bottom:1px
}
.NavigatePanel__list li>a{
    --line-height:1.3333333333;
    --line-height:1.25;
    font-family:"Antique Legacy";
    font-size:calc(.13793vw + 12.24138px);
    font-size:calc(.2069vw + 11.86207px);
    font-style:normal;
    font-weight:700;
    grid-column:span 5;
    letter-spacing:0;
    line-height:1.3333333333;
    line-height:1.25;
    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:uppercase
}
.NavigatePanel__list li>a em{
    font-family:"Antique Legacy",sans-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;
    font-family:"Antique Legacy";
    font-size:calc(.13793vw + 12.24138px);
    font-style:normal;
    font-weight:700;
    letter-spacing:0;
    line-height:1.3333333333;
	text-transform:none
}
@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:uppercase
}
.NavigatePanel__list li>a span em{
    font-family:"Antique Legacy",sans-serif;
    font-style:italic
}
.navigate-panel-opened .NavigatePanel__list li>a{
    pointer-events:auto
}
.NavigatePanel__list li .NavigatePanel__next-indicator{
    left:100%;
    opacity:0;
    position:absolute;
    top:50%;
    transform:translateX(5px) translateY(-50%);
    transition:opacity .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 #000
    }
}
.NavigatePanel__footer>a{
    --line-height:1.3333333333;
    cursor:pointer;
    font-family:Antique Legacy,sans-serif;
    font-size:calc(.13793vw + 12.24138px);
    font-style:normal;
    font-weight:700;
    grid-column:content/span 2;
    letter-spacing:0;
    line-height:1.3333333333;
    transition:opacity .5s cubic-bezier(.25,1,.5,1)
}
@media(hover:hover)and (pointer:fine){
    .NavigatePanel__footer>a:hover{
        opacity:.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:Antique Legacy,sans-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 2
}
@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;
    font-family:Antique Legacy,sans-serif;
    font-size:calc(.13793vw + 12.24138px);
    font-style:normal;
    font-weight:700;
    left:50%;
    letter-spacing:0;
    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:Antique Legacy,sans-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:Antique Legacy,sans-serif;
    font-size:calc(.13793vw + 12.24138px);
    font-style:normal;
    font-weight:700;
    left:50%;
    letter-spacing:0;
    line-height:1.3333333333;
    position:absolute;
    text-transform:none;
	text-align:center;
    transform:translateX(-50%);
    transition:opacity .4s ease
}
@media(min-width:1440px){
    .NavigatePanel__swipe-key{
        font-size:15px
    }
}
@media(max-width:739px){
    .NavigatePanel__swipe-key{
        font-size:13px
    }
}
.NavigatePanel__swipe-key em{
    font-family:Antique Legacy,sans-serif;
    font-style:italic
}
@media(min-width:1024px){
    .NavigatePanel__swipe-key{
        display:none
    }
}
.navigate-panel-opened .NavigatePanel__swipe-key{
    opacity:1
}
.NavigatePanel__bg{
    background:#FFEEDB !important;
    border-top:1px solid #f2f2f2;
    bottom:-100%;
    height:var(--panel-height);
    left:0;
    position:fixed;
    transition:bottom .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:#FFEEDB;
        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
    }
}