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
    }
}
.Footer{
    background-color:#121212;
    position:relative
}
.Footer:after{
    content:"";
    display:flex;
    padding-bottom:var(--reveal-height);
    pointer-events:none
}
@media(max-width:767px){
    .Footer:after{
        content:none
    }
}
.Footer__top{
    background-color:#121212;
    box-sizing:border-box;
    column-gap:var(--six-gutter);
    display:grid;
    height:100vh;
    min-height:550px;
    pointer-events:none;
    position:relative;
    z-index:1
}
@media(min-width:2409px){
    .Footer__top{
        --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){
    .Footer__top{
        --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){
    .Footer__top{
        display:block;
        width:100%
    }
}
@media(max-width:767px){
    .Footer__top{
        height:65vh
    }
}
.Footer__bottom,.error404 .Footer__top{
    background-color:#121212
}
.Footer__bottom{
    box-sizing:border-box;
    column-gap:var(--six-gutter);
    display:grid;
    padding-bottom:20px;
    padding-top:50px;
    width:100%
}
@media(min-width:2409px){
    .Footer__bottom{
        --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){
    .Footer__bottom{
        --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){
    .Footer__bottom{
        display:block;
        width:100%
    }
}
@media(min-width:2001px){
    .Footer__bottom{
        padding-top:50px
    }
}
@media(max-width:550px){
    .Footer__bottom{
        padding-top:50px
    }
}
@media(min-width:768px){
    .Footer__bottom{
        bottom:0;
        left:0;
        position:fixed
    }
}
.Footer__ticker{
    grid-column:full;
    padding-top:calc(14.37931vw + 52.41379px)
}
@media(min-width:2001px){
    .Footer__ticker{
        padding-top:80px
    }
}
@media(max-width:550px){
    .Footer__ticker{
        padding-top:260px
    }
}
@media(min-width:1024px)and (min-height:1000px){
    .Footer__ticker{
        position:sticky;
        top:0
    }
}
.Footer__logo{
    align-self:flex-end;
    display:flex;
    flex-wrap:wrap;
    grid-column:content;
    padding-bottom:calc(1.37931vw + 52.41379px);
    pointer-events:auto;
    width:100%
}
@media(min-width:2001px){
    .Footer__logo{
        padding-bottom:80px
    }
}
@media(max-width:550px){
    .Footer__logo{
        padding-bottom:60px
    }
}
.Footer__logo .Logo{
    display:flex;
    justify-content:flex-end;
    max-width:100%;
    width:100%
}
@media(min-width:1024px){
    .Footer__logo .Logo{
        margin-left:auto;
        margin-right:0;
        width:68vw
    }
}
.Footer__logo .Logo a{
    font-family:Antique Legacy,sans-serif;
    text-transform:uppercase;
    font-weight:700;
    color:#a9a9a9;
    font-size:clamp(2.875rem, -0.25rem + 8vw, 6.1875rem);
    cursor:pointer;
    transition:opacity .5s cubic-bezier(.25,1,.5,1),color .4s ease
}
@media(hover:hover){
    .Footer__logo .Logo a:hover{
        opacity:1
    }
}
@media(max-width:1023px){
    .Footer__logo .Logo a{
        width:100%
    }
}
.Footer__logo .Logo svg{
    color:#a9a9a9;
    display:flex
}
@media(max-width:1023px){
    .Footer__logo .Logo svg{
        width:100%
    }
}
@media(min-width:1024px){
    .Footer__logo .Logo svg{
        height:20vh;
        max-width:100%;
        width:auto
    }
}
.Footer__caption{
    grid-column:content
}
@media(max-width:1023px){
    .Footer__caption{
        grid-row:1;
        margin-bottom:40px
    }
}
@media(min-width:1024px){
    .Footer__caption{
        grid-column:content/span 9;
        grid-row:1
    }
}
@media(min-width:1440px){
    .Footer__caption{
        grid-column:content/span 24
    }
}
.Footer__caption p{
    --line-height:1.1;
    font-family:Antique Legacy,sans-serif;
    font-size:calc(.82759vw + 23.44828px);
    font-style:normal;
    font-weight:300;
    letter-spacing:0;
    line-height:1.1
}
@media(min-width:2001px){
    .Footer__caption p{
        font-size:40px
    }
}
@media(max-width:550px){
    .Footer__caption p{
        font-size:28px
    }
}
.Footer__caption .Footer__cta{
    margin-top:15px
}
.Footer__caption .Footer__cta a{
    --line-height:1.6666666667;
    color:#a9a9a9;
    cursor:pointer;
    font-family:Antique Legacy,sans-serif;
    font-size:12px;
    font-style:normal;
    font-weight:300;
    letter-spacing:0;
    line-height:1.6666666667;
    margin-top:calc(.34483vw + 23.10345px);
    padding-right:16px;
    position:relative;
    text-decoration:none;
    text-transform:capitalize;
    transition:opacity .5s cubic-bezier(.25,1,.5,1),color .4s ease;
    transition:color .4s ease
}
@media(min-width:2001px){
    .Footer__caption .Footer__cta a{
        margin-top:30px
    }
}
@media(max-width:550px){
    .Footer__caption .Footer__cta a{
        margin-top:25px
    }
}
@media(hover:hover){
    .Footer__caption .Footer__cta a:hover{
        color:var(--six-pen-color);
        opacity:.4
    }
}
.Footer__caption .Footer__cta a:after{
    border-color:transparent transparent transparent #a9a9a9;
    border-style:solid;
    border-width:4px 0 4px 7px;
    content:"";
    height:0;
    position:absolute;
    right:0;
    top:calc(50% - 4px);
    width:0
}
.Footer__nav{
    column-gap:var(--six-gutter);
    display:grid;
    grid-auto-rows:max-content;
    grid-column:content;
    grid-template-columns:repeat(2,1fr);
    padding-bottom:calc(2.75862vw + 44.82759px);
    row-gap:calc(.68966vw + 26.2069px)
}
@media(min-width:2001px){
    .Footer__nav{
        row-gap:40px
    }
}
@media(max-width:550px){
    .Footer__nav{
        row-gap:30px
    }
}
@media(min-width:2001px){
    .Footer__nav{
        padding-bottom:100px
    }
}
@media(max-width:550px){
    .Footer__nav{
        padding-bottom:60px
    }
}
@media(min-width:768px){
    .Footer__nav{
        grid-template-columns:repeat(3,1fr)
    }
}
@media(max-width:1023px){
    .Footer__nav{
        column-gap:30px;
        grid-row:2
    }
}
@media(min-width:1024px){
    .Footer__nav{
        grid-column:span 9/content;
        grid-row:1;
        grid-template-columns:repeat(4,1fr)
    }
}
@media(min-width:1200px){
    .Footer__nav{
        grid-column:span 16/content;
        grid-template-columns:repeat(3,1fr)
    }
}
@media(min-width:1440px){
    .Footer__nav{
        grid-column:span 18/content;
        grid-template-columns:repeat(6,1fr)
    }
}
.Footer__links{
    display:flex;
    flex-direction:column;
    grid-column:span 1
}
@media(min-width:1024px){
    .Footer__links{
        grid-column:span 2
    }
}
@media(min-width:1200px){
    .Footer__links{
        grid-column:span 1
    }
}
.Footer__links a{
    --line-height:1.3125;
    color:#a9a9a9;
    cursor:pointer;
    font-family:Antique Legacy,sans-serif;
    font-size:calc(.13793vw + 13.24138px);
    font-style:normal;
    font-weight:300;
    letter-spacing:0;
    line-height:1.3125;
    transition:opacity .5s cubic-bezier(.25,1,.5,1),color .4s ease
}
@media(hover:hover){
    .Footer__links a:hover{
        opacity:.4
    }
}
@media(min-width:2001px){
    .Footer__links a{
        font-size:16px
    }
}
@media(max-width:550px){
    .Footer__links a{
        font-size:14px
    }
}
.Footer__links a+ul{
    margin-bottom:0;
    margin-top:0
}
.Footer__links a+ul a{
    color:#a9a9a9
}
.Footer__alt-logos{
    align-self:flex-end;
    display:flex;
    grid-column:content
}
@media(max-width:1023px){
    .Footer__alt-logos{
        grid-row:4
    }
}
@media(max-width:767px){
    .Footer__alt-logos{
        grid-row:6
    }
}
@media(min-width:768px){
    .Footer__alt-logos{
        grid-column:content/span 6
    }
}
@media(min-width:1024px){
    .Footer__alt-logos{
        grid-column:content/span 6
    }
}
.Footer__alt-logos span{
    display:flex
}
@media(max-width:767px){
    .Footer__alt-logos span{
        max-width:calc(50% - 20px)
    }
}
.Footer__alt-logos span:last-of-type{
    margin-left:15px;
    position:relative
}
.Footer__alt-logos span:last-of-type:before{
    background-color:#b7afa8;
    content:"";
    height:80%;
    margin-right:15px;
    margin-top:3%;
    width:1px
}
.Footer__alt-logos svg{
    height:40px;
    max-width:unset;
    width:auto
}
@media(min-width:1920px){
    .Footer__alt-logos svg{
        height:45px
    }
}
.Footer__audi-logo{
    align-self:flex-end;
    display:flex;
    grid-column:content;
    width:100%
}
@media(max-width:767px){
    .Footer__audi-logo{
        margin-bottom:40px
    }
}
@media(min-width:768px){
    .Footer__audi-logo{
        grid-column:span 6/content
    }
}
@media(max-width:1023px){
    .Footer__audi-logo{
        grid-row:4
    }
}
@media(min-width:1024px){
    .Footer__audi-logo{
        grid-column:11/span 3
    }
}
@media(min-width:1200px){
    .Footer__audi-logo{
        grid-column:10/span 3
    }
}
@media(min-width:1440px){
    .Footer__audi-logo{
        grid-column:span 3
    }
}
.Footer__audi-logo svg{
    height:40px;
    max-width:unset;
    width:auto
}
@media(min-width:1920px){
    .Footer__audi-logo svg{
        height:45px
    }
}
.Footer__divider{
    background-color:#a9a9a9;
    grid-column:content;
    height:0;
    margin:40px 0 20px;
    opacity:1;
    width:100%
}
@media(max-width:1023px){
    .Footer__divider{
        grid-row:8
    }
}
.Footer__social,.Footer__tertiary-links{
    display:flex
}
.Footer__social li:not(:last-child),.Footer__tertiary-links li:not(:last-child){
    margin-right:20px
}
.Footer__social li a,.Footer__tertiary-links li a{
    color:#a9a9a9;
    cursor:pointer;
    transition:opacity .5s cubic-bezier(.25,1,.5,1),color .4s ease
}
@media(hover:hover){
    .Footer__social li a:hover,.Footer__tertiary-links li a:hover{
        opacity:.4
    }
}
.Footer__social{
    align-items:flex-end;
    grid-column:content
}
@media(max-width:1023px){
    .Footer__social{
        grid-row:3;
        margin-bottom:50px
    }
}
@media(min-width:1024px){
    .Footer__social{
        grid-column:span 5/content;
        justify-content:flex-end;
        margin-bottom:0
    }
}
@media(min-width:1440px){
    .Footer__social{
        grid-column:span 12/content
    }
}
.Footer__social svg{
    height:16px;
    object-fit:contain;
    width:18px
}
.Footer__tertiary-links{
    align-content:flex-end;
    flex-wrap:wrap;
    grid-column:content
}
@media(max-width:1023px){
    .Footer__tertiary-links{
        grid-row:9
    }
}
@media(min-width:1024px){
    .Footer__tertiary-links{
        grid-column:content/span 14
    }
}
@media(min-width:1200px){
    .Footer__tertiary-links{
        grid-column:content/span 14
    }
}
.Footer__tertiary-links a{
    color:#a9a9a9;
    font-family:Antique Legacy,sans-serif;
    font-size:14px;
    font-style:normal;
    font-weight:700;
    letter-spacing:0;
    line-height:1.2857142857
}