h2{
    --line-height:1.1428571429;
    font-family:Media77,serif;
    font-size:calc(1.03448vw + 14.31034px);
    font-style:normal;
    font-weight:400;
    letter-spacing:0;
    line-height:1.1428571429
}
@media(min-width:2001px){
    h2{
        font-size:35px
    }
}
@media(max-width:550px){
    h2{
        font-size:20px
    }
}
.BurgerMenu{
    color:var(--six-pen-color);
    background:#000000;
    height:100%;
    left:0;
    overflow-y:hidden;
    overscroll-behavior:contain;
    pointer-events:none;
    position:fixed;
    top:0;
    transform:translateY(100%);
    width:calc(100% + var(--scrollbar-width))
}
.BurgerMenu.is-open{
    overflow-x:hidden;
    overflow-y:auto
}
.BurgerMenu.is-open .BurgerMenu__container{
    width:100vw
}
@media(hover:none)and (pointer:coarse){
    .BurgerMenu{
        display:flex;
        flex-direction:column;
        transform:translateY(110vh)
    }
}
.burger-active .BurgerMenu{
    pointer-events:auto
}
.BurgerMenu__container{
    box-sizing:border-box;
    column-gap:var(--six-gutter);
    display:grid;
    height:100%;
    max-height:100vh;
    padding-bottom:var(--six-site-margin);
    padding-top:calc(.68966vw + 26.2069px);
    position:relative
}
@media(min-width:2001px){
    .BurgerMenu__container{
        padding-top:40px
    }
}
@media(max-width:550px){
    .BurgerMenu__container{
        padding-top:30px
    }
}
@media(min-width:2409px){
    .BurgerMenu__container{
        --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:2408px){
    .BurgerMenu__container{
        --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){
    .BurgerMenu__container{
        display:block;
        width:100%
    }
}
@media(max-width:1199px){
    .BurgerMenu__container{
        padding-top:100px
    }
}
.BurgerMenu__container .LanguageSwitcher{
    grid-column:content;
    opacity:0;
    position:absolute;
    right:0;
    top:calc(.82759vw + 29.44828px);
    transition:opacity .4s ease
}
@media(min-width:2001px){
    .BurgerMenu__container .LanguageSwitcher{
        top:46px
    }
}
@media(max-width:550px){
    .BurgerMenu__container .LanguageSwitcher{
        top:34px
    }
}
@media(min-width:1200px){
    .BurgerMenu__container .LanguageSwitcher{
        display:none
    }
}
.burger-active .BurgerMenu__container .LanguageSwitcher{
    opacity:1;
    transition:opacity .4s ease 1.5s
}
.BurgerMenu__nav{
    align-self:flex-start;
    column-gap:var(--six-gutter);
    display:grid;
    grid-auto-rows:max-content;
    grid-column:content;
    grid-template-columns:repeat(4,1fr);
    opacity:0;
    padding-top:0;
    padding-bottom:0;
    pointer-events:none
}
@media(min-width:2001px){
    .BurgerMenu__nav{
        padding-bottom:150px
    }
}
@media(max-width:550px){
    .BurgerMenu__nav{
        padding-bottom:30px
    }
}
.BurgerMenu__nav>*{
    pointer-events:auto;
    transition:opacity .4s cubic-bezier(.25,1,.5,1) .1s
}
@media(hover:hover){
    .BurgerMenu__nav:hover>*{
        opacity:.4
    }
    .BurgerMenu__nav>:hover{
        cursor:pointer;
        opacity:1;
        transition-delay:0ms,0ms
    }
}
@media(min-width:768px){
    .BurgerMenu__nav{
        grid-column:span 6/content
    }
}
@media(max-width:1023px){
    .BurgerMenu__nav{
        column-gap:30px
    }
}
@media(min-width:1024px){
    .BurgerMenu__nav{
        grid-column:span 10/content
    }
}
@media(max-width:1199px){
    .BurgerMenu__nav{
        row-gap:0
    }
}
@media(min-width:1200px){
    .BurgerMenu__nav{
        column-gap:0;
        grid-column:span 24/content;
        grid-template-columns:repeat(3,1fr)
    }
}
@media(min-width:1440px){
    .BurgerMenu__nav{
        grid-column:span 12/content
    }
}
.BurgerMenu__links{
    display:flex;
    flex-direction:column;
    grid-column:span 4;
    padding-top:0;
    position:relative
}
.BurgerMenu__links:before{
    background-color:var(--six-pen-color);
    content:"";
    height:0;
    left:0;
    position:absolute;
    top:0;
    width:100%
}
@media(min-width:1200px){
    .BurgerMenu__links{
        grid-column:span 1;
        padding-bottom:0;
        padding-left:0
    }
}
@media(min-width:1200px)and (min-width:2001px){
    .BurgerMenu__links{
        padding-bottom:100px
    }
}
@media(min-width:1200px)and (max-width:550px){
    .BurgerMenu__links{
        padding-bottom:70px
    }
}
@media(min-width:1200px){
    .BurgerMenu__links:before{
        left:var(--six-gutter);
        width:calc(100% - var(--six-gutter))
    }
    .BurgerMenu__links:first-of-type,.BurgerMenu__links:nth-of-type(4){
        padding-left:0
    }
    .BurgerMenu__links:first-of-type:before,.BurgerMenu__links:nth-of-type(4):before{
        left:0;
        width:100%
    }
}
@media(min-width:1200px)and (min-width:1200px){
    .BurgerMenu__links:nth-last-of-type(-n+3){
        padding-bottom:0
    }
}
.BurgerMenu__links a{
    --line-height:1;
    font-size:calc(.13793vw + 15.24138px);
    color:var(--six-pen-color);
    cursor:pointer;
    font-family:Antique Legacy,sans-serif;
    font-style:normal;
    font-weight:700;
    letter-spacing:0;
    line-height:1;
    transition:opacity .5s cubic-bezier(.25,1,.5,1),color .4s ease
}
@media(hover:hover){
    .BurgerMenu__links a:hover{
        opacity:.4
    }
}
@media(min-width:2001px){
    .BurgerMenu__links a{
        font-size:16px
    }
}
@media(max-width:550px){
    .BurgerMenu__links a{
        font-size:25px
    }
}
.BurgerMenu__links a+ul{
    margin-bottom:0;
    margin-top:20px
}
@media(min-width:2001px){
    .BurgerMenu__links a+ul{
        margin-top:20px
    }
}
@media(max-width:550px){
    .BurgerMenu__links a+ul{
        margin-top:20px
    }
}
.BurgerMenu__video-wrapper-container{
    display:contents
}
@media(max-height:819px){
    .BurgerMenu__video-wrapper-container{
        display:block;
        height:100vh;
        margin-bottom:-100vh;
        position:sticky
    }
    .BurgerMenu__video-wrapper-container .BurgerMenu__video-wrapper{
        margin-bottom:-100vh;
        position:sticky
    }
}
.BurgerMenu__video-wrapper{
    height:100%;
    left:0;
    opacity:0;
    pointer-events:none;
    position:absolute;
    top:0;
    transition:opacity .3s ease;
    width:100%;
    z-index:-1
}
@media(hover:none)and (pointer:coarse){
    .BurgerMenu__video-wrapper{
        display:none
    }
}
.BurgerMenu__video-wrapper:after{
    background-color:#2c2c2c;
    content:"";
    height:100%;
    left:0;
    opacity:.3;
    position:absolute;
    top:0;
    width:100%
}
.BurgerMenu__video-wrapper.is-active{
    opacity:1
}
.BurgerMenu__video-wrapper .Video,.BurgerMenu__video-wrapper .Video video{
    height:100%;
    object-fit:cover;
    width:100%
}
.BurgerMenu__message{
    --line-height:1.1;
    color:var(--six-pen-color);
    font-family:Antique Legacy,sans-serif;
    font-size:calc(1.7931vw + 12.13793px);
    font-style:normal;
    font-weight:700;
    letter-spacing:0;
    line-height:1.2
}
@media(min-width:2001px){
    .BurgerMenu__message{
        font-size:40px
    }
}
@media(max-width:550px){
    .BurgerMenu__message{
        font-size:28px
    }
}
@media(max-width:767px){
    .BurgerMenu__message{
        display:none
    }
}
@media(min-width:768px){
    .BurgerMenu__message{
        grid-column:content/span 6;
        grid-row:1
    }
}
@media(min-width:1200px){
    .BurgerMenu__message{
        align-self:flex-end;
        grid-column:content/span 7;
        grid-row:2
    }
}
@media(min-width:1440px){
    .BurgerMenu__message{
        grid-column:content/span 12
    }
}
@media(min-width:1920px){
    .BurgerMenu__message{
        grid-column:content/span 12
    }
}
.BurgerMenu__logo{
    align-self:flex-end;
    grid-column:content
}
.footer-in-view .BurgerMenu__logo{
    opacity:1;
    pointer-events:auto
}
@media(min-width:1200px){
    .BurgerMenu__logo{
        grid-column:span 17/content
    }
}
@media(min-width:1440px){
    .BurgerMenu__logo{
        grid-column:span 3/content
    }
}
.BurgerMenu__logo .Logo--small svg{
    width:100%
}
