@import url("https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,700|Source+Serif+Pro:400,700");
@import url("https://fonts.googleapis.com/css?family=Josefin+Sans:400,700|Josefin+Slab:400,700");
html{
    font-family:sans-serif;
    -ms-text-size-adjust:100%;
    -webkit-text-size-adjust:100%
}
body{
    margin:0
}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{
    display:block
}
audio,canvas,progress,video{
    display:inline-block;
    vertical-align:baseline
}
audio:not([controls]){
    display:none;
    height:0
}
[hidden],template{
    display:none
}
a{
    background-color:transparent
}
a:active,a:hover{
    outline:0
}
abbr[title]{
    border-bottom:1px dotted
}
b,strong{
    font-weight:bold
}
dfn{
    font-style:italic
}
h1{
    font-size:2em;
    margin:0.67em 0
}
mark{
    background:#ff0;
    color:#000
}
small{
    font-size:80%
}
sub,sup{
    font-size:75%;
    line-height:0;
    position:relative;
    vertical-align:baseline
}
sup{
    top:-0.5em
}
sub{
    bottom:-0.25em
}
img{
    border:0
}
svg:not(:root){
    overflow:hidden
}
figure{
    margin:1em 40px
}
hr{
    box-sizing:content-box;
    height:0
}
pre{
    overflow:auto
}
code,kbd,pre,samp{
    font-family:monospace, monospace;
    font-size:1em
}
button,input,optgroup,select,textarea{
    color:inherit;
    font:inherit;
    margin:0
}
button{
    overflow:visible
}
button,select{
    text-transform:none
}
button,html input[type="button"],input[type="reset"],input[type="submit"]{
    -webkit-appearance:button;
    cursor:pointer
}
button[disabled],html input[disabled]{
    cursor:default
}
button::-moz-focus-inner,input::-moz-focus-inner{
    border:0;
    padding:0
}
input{
    line-height:normal
}
input[type="checkbox"],input[type="radio"]{
    box-sizing:border-box;
    padding:0
}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{
    height:auto
}
input[type="search"]{
    -webkit-appearance:textfield;
    box-sizing:content-box
}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{
    -webkit-appearance:none
}
fieldset{
    border:1px solid #c0c0c0;
    margin:0 2px;
    padding:0.35em 0.625em 0.75em
}
legend{
    border:0;
    padding:0
}
textarea{
    overflow:auto
}
optgroup{
    font-weight:bold
}
table{
    border-collapse:collapse;
    border-spacing:0
}
td,th{
    padding:0
}
html{
    height:100%;
    overflow-x:hidden
}
html.locked{
    overflow-y:hidden
}
body{
    font-size:16px;
    font-family:"Source Serif Pro",serif;
    font-weight:400;
    color:#F8F9F6;
    background-color:#0F0F0F;
    min-height:100%;
    overflow-x:hidden;
    -webkit-overflow-scrolling:touch;
    -moz-overflow-scrolling:touch;
    -ms-overflow-scrolling:touch;
    -o-overflow-scrolling:touch;
    overflow-scrolling:touch
}
h1{
    font-family:"Source Serif Pro",serif;
    font-weight:700;
    font-size:3.125rem;
    line-height:3.125rem;
    color:#F8F9F6;
    text-align:center;
    text-transform:uppercase;
    margin:0
}
@media (min-width: 40em){
    h1{
        font-size:6.25rem;
        line-height:6.25rem
    }
}
@media (min-width: 64em){
    h1{
        font-size:7.5rem;
        line-height:7.5rem
    }
}
h2{
    font-family:"Source Sans Pro",sans-serif;
    font-weight:700;
    font-size:2.5rem;
    color:#F8F9F6;
    text-align:center;
    text-transform:uppercase;
    margin:0
}
@media (min-width: 40em){
    h2{
        font-size:6.25rem
    }
}
@media (min-width: 64em){
    h2{
        text-align:left
    }
}
h3{
    font-family:"Source Sans Pro",sans-serif;
    font-weight:700;
    color:#F8F9F6;
    font-size:1.5rem;
    margin:3.125rem 0 0 0;
    text-align:center
}
@media (min-width: 40em){
    h3{
        margin:6.25rem 0 0 0;
        text-align:left
    }
}
a,a:link,a:active,a:visited{
    color:#0F0F0F;
    font-family:"Source Sans Pro",sans-serif;
    font-weight:400;
    font-size:1.25rem;
    text-decoration:none;
    display:inline-block;
    -webkit-transition:color 200ms ease-in-out;
    -moz-transition:color 200ms ease-in-out;
    -ms-transition:color 200ms ease-in-out;
    -o-transition:color 200ms ease-in-out;
    transition:color 200ms ease-in-out
}
a:focus,a:link:focus,a:active:focus,a:visited:focus{
    outline:none !important
}
a.arrow span,a:link.arrow span,a:active.arrow span,a:visited.arrow span{
    position:relative;
}
a.arrow span:before,a:link.arrow span:before,a:active.arrow span:before,a:visited.arrow span:before{
    content:"";
    position:absolute;
    left:-1.375rem;
    bottom:.1875rem;
    width:1.125rem;
    height:1.125rem;
    -webkit-transform:rotate(0deg);
    -moz-transform:rotate(0deg);
    -ms-transform:rotate(0deg);
    -o-transform:rotate(0deg);
    transform:rotate(0deg);
    background:url("../Images/ArrowBlack.svg") no-repeat center center;
    -webkit-transition:transform 200ms ease-in-out;
    -moz-transition:transform 200ms ease-in-out;
    -ms-transition:transform 200ms ease-in-out;
    -o-transition:transform 200ms ease-in-out;
    transition:transform 200ms ease-in-out
}
a.arrow span:hover:before,a:link.arrow span:hover:before,a:active.arrow span:hover:before,a:visited.arrow span:hover:before{
    -webkit-transform:rotate(-90deg);
    -moz-transform:rotate(-90deg);
    -ms-transform:rotate(-90deg);
    -o-transform:rotate(-90deg);
    transform:rotate(-90deg)
}
a.arrow.arrow-up span:before,a:link.arrow.arrow-up span:before,a:active.arrow.arrow-up span:before,a:visited.arrow.arrow-up span:before{
    -webkit-transform:rotate(180deg);
    -moz-transform:rotate(180deg);
    -ms-transform:rotate(180deg);
    -o-transform:rotate(180deg);
    transform:rotate(180deg)
}
a.arrow.arrow-up span:hover:before,a:link.arrow.arrow-up span:hover:before,a:active.arrow.arrow-up span:hover:before,a:visited.arrow.arrow-up span:hover:before{
    -webkit-transform:rotate(270deg);
    -moz-transform:rotate(270deg);
    -ms-transform:rotate(270deg);
    -o-transform:rotate(270deg);
    transform:rotate(270deg)
}
a.arrow.arrow-right span:before,a:link.arrow.arrow-right span:before,a:active.arrow.arrow-right span:before,a:visited.arrow.arrow-right span:before{
    -webkit-transform:rotate(270deg);
    -moz-transform:rotate(270deg);
    -ms-transform:rotate(270deg);
    -o-transform:rotate(270deg);
    transform:rotate(270deg)
}
a.arrow.arrow-right span:hover:before,a:link.arrow.arrow-right span:hover:before,a:active.arrow.arrow-right span:hover:before,a:visited.arrow.arrow-right span:hover:before{
    -webkit-transform:rotate(225deg);
    -moz-transform:rotate(225deg);
    -ms-transform:rotate(225deg);
    -o-transform:rotate(225deg);
    transform:rotate(225deg)
}
a.arrow.arrow-left span:before,a:link.arrow.arrow-left span:before,a:active.arrow.arrow-left span:before,a:visited.arrow.arrow-left span:before{
    -webkit-transform:rotate(90deg);
    -moz-transform:rotate(90deg);
    -ms-transform:rotate(90deg);
    -o-transform:rotate(90deg);
    transform:rotate(90deg)
}
a.arrow.arrow-left span:hover:before,a:link.arrow.arrow-left span:hover:before,a:active.arrow.arrow-left span:hover:before,a:visited.arrow.arrow-left span:hover:before{
    -webkit-transform:rotate(45deg);
    -moz-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    -o-transform:rotate(45deg);
    transform:rotate(45deg)
}
a.arrow.arrow-right-up span:before,a:link.arrow.arrow-right-up span:before,a:active.arrow.arrow-right-up span:before,a:visited.arrow.arrow-right-up span:before{
    -webkit-transform:rotate(225deg);
    -moz-transform:rotate(225deg);
    -ms-transform:rotate(225deg);
    -o-transform:rotate(225deg);
    transform:rotate(225deg)
}
a.arrow.arrow-right-up span:hover:before,a:link.arrow.arrow-right-up span:hover:before,a:active.arrow.arrow-right-up span:hover:before,a:visited.arrow.arrow-right-up span:hover:before{
    -webkit-transform:rotate(180deg);
    -moz-transform:rotate(180deg);
    -ms-transform:rotate(180deg);
    -o-transform:rotate(180deg);
    transform:rotate(180deg)
}
a.arrow.arrow-big svg,a:link.arrow.arrow-big svg,a:active.arrow.arrow-big svg,a:visited.arrow.arrow-big svg{
    width:2.25rem;
    height:2.25rem
}
@media (min-width: 40em){
    a.arrow.arrow-big svg,a:link.arrow.arrow-big svg,a:active.arrow.arrow-big svg,a:visited.arrow.arrow-big svg{
        width:3.25rem;
        height:3.25rem
    }
}
a.button,a:link.button,a:active.button,a:visited.button{
    background-color:#0F0F0F;
    border-radius:.1875rem;
    border:.125rem solid #0F0F0F;
    padding:.9375rem 3.125rem;
    text-align:center;
    color:#F8F9F6;
    font-size:1.375rem;
    margin:0;
    -webkit-transition:background-color 200ms ease-in-out;
    -moz-transition:background-color 200ms ease-in-out;
    -ms-transition:background-color 200ms ease-in-out;
    -o-transition:background-color 200ms ease-in-out;
    transition:background-color 200ms ease-in-out
}
a.button span:before,a:link.button span:before,a:active.button span:before,a:visited.button span:before{
    left:-1.4375rem;
    bottom:.1875rem;
    width:1.25rem;
    height:1.25rem;
    background-image:url("../Images/ArrowWhite.svg")
}
a.button span:hover:before,a:link.button span:hover:before,a:active.button span:hover:before,a:visited.button span:hover:before{
    background-image:url("../Images/ArrowWhite.svg")
}
a.button.button-stretch,a:link.button.button-stretch,a:active.button.button-stretch,a:visited.button.button-stretch{
    display:block;
    padding:.9375rem 0
}
a.button:hover,a:link.button:hover,a:active.button:hover,a:visited.button:hover{
    text-decoration:none;
    background-color:#C4C4C4
}
a.button.button-more,a.button.button-less,a:link.button.button-more,a:link.button.button-less,a:active.button.button-more,a:active.button.button-less,a:visited.button.button-more,a:visited.button.button-less{
    margin-top:1.25rem
}
a.button.button-more span:before,a.button.button-less span:before,a:link.button.button-more span:before,a:link.button.button-less span:before,a:active.button.button-more span:before,a:active.button.button-less span:before,a:visited.button.button-more span:before,a:visited.button.button-less span:before{
    -webkit-transform:rotate(45deg);
    -moz-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    -o-transform:rotate(45deg);
    transform:rotate(45deg)
}
@media (min-width: 40em){
    a.button.button-more,a.button.button-less,a:link.button.button-more,a:link.button.button-less,a:active.button.button-more,a:active.button.button-less,a:visited.button.button-more,a:visited.button.button-less{
        margin-top:1.875rem
    }
}
a.button.button-less span:before,a:link.button.button-less span:before,a:active.button.button-less span:before,a:visited.button.button-less span:before{
    -webkit-transform:rotate(125deg);
    -moz-transform:rotate(125deg);
    -ms-transform:rotate(125deg);
    -o-transform:rotate(125deg);
    transform:rotate(125deg)
}
a.button.button-active,a:link.button.button-active,a:active.button.button-active,a:visited.button.button-active{
    background-color:#F8F9F6;
    border-color:#0F0F0F;
    color:#0F0F0F
}
a.button.button-active span:before,a:link.button.button-active span:before,a:active.button.button-active span:before,a:visited.button.button-active span:before{
    -webkit-transform:rotate(0deg);
    -moz-transform:rotate(0deg);
    -ms-transform:rotate(0deg);
    -o-transform:rotate(0deg);
    transform:rotate(0deg);
    background-image:url("../Images/ArrowBlack.svg")
}
a.button.button-dark,a:link.button.button-dark,a:active.button.button-dark,a:visited.button.button-dark{
    border-color:#F8F9F6;
    background-color:#F8F9F6;
    color:#0F0F0F
}
a.button.button-dark span:before,a:link.button.button-dark span:before,a:active.button.button-dark span:before,a:visited.button.button-dark span:before{
    background-image:url("../Images/ArrowBlack.svg")
}
a.asset,a:link.asset,a:active.asset,a:visited.asset{
    margin-top:1.875rem;
    position:relative;
    display:block
}
a.asset .overlay,a:link.asset .overlay,a:active.asset .overlay,a:visited.asset .overlay{
    position:absolute;
    left:-1px;
    top:-1px;
    bottom:-1px;
    right:-1px;
    background-color:rgba(248,249,246,0.9);
    display:flex;
    justify-content:center;
    align-items:center;
    opacity:0;
    -webkit-transition:opacity 300ms ease-in-out;
    -moz-transition:opacity 300ms ease-in-out;
    -ms-transition:opacity 300ms ease-in-out;
    -o-transition:opacity 300ms ease-in-out;
    transition:opacity 300ms ease-in-out
}
a.asset .overlay svg,a:link.asset .overlay svg,a:active.asset .overlay svg,a:visited.asset .overlay svg{
    width:42px
}
a.asset:hover .overlay,a:link.asset:hover .overlay,a:active.asset:hover .overlay,a:visited.asset:hover .overlay{
    opacity:1
}
html.touchevents a.asset .overlay,html.touchevents a:link.asset .overlay,html.touchevents a:active.asset .overlay,html.touchevents a:visited.asset .overlay{
    display:none
}
p{
    font-family:"Source Serif Pro",serif;
    font-weight:400;
    font-size:1.25rem;
    margin-top:1.25rem;
    text-align:center
}
@media (min-width: 40em){
    p{
        text-align:left
    }
}
span.lead-in{
    display:block;
    text-align:center;
    font-family:"Source Sans Pro",sans-serif;
    font-weight:400;
    font-size:1.125rem
}
@media (min-width: 40em){
    span.lead-in{
        font-size:1.5rem
    }
}
@media (min-width: 64em){
    span.lead-in{
        font-size:2.25rem
    }
}
section{
    min-height:100vh;
    display:inline-block;
    width:100%;
    padding-bottom:3.125rem
}
@media (min-width: 40em){
    section{
        padding-bottom:9.375rem
    }
}
section:nth-child(even){
    background:#F8F9F6
}
header{
    width:100%
}
main{
    width:100%
}
footer#contact{
    display:inline-block;
    width:100%;
    background:#F8F9F6
}
footer#contact a{
    font-family:"Source Serif Pro",serif
}
footer#contact .meta{
    margin-top:6.25rem
}
nav.filter-for-touch,nav.filter-for-no-touch{
    display:none
}
html.touchevents nav.filter-for-touch{
    display:block;
    margin-top:1.25rem
}
html.touchevents nav.filter-for-touch a.button{
    margin-top:1.875rem
}
@media (min-width: 40em){
    html.touchevents nav.filter-for-touch a.button{
        margin-top:0
    }
}
@media (min-width: 40em){
    html.touchevents nav.filter-for-touch{
        margin-top:4.6875rem
    }
}
html.no-touchevents nav.filter-for-no-touch{
    display:block;
    margin-top:4.6875rem
}
html.no-touchevents nav.filter-for-no-touch a{
    margin-right:1.25rem
}
nav.scroll-navigation{
    display:inline-block;
    float:right;
    margin-top:2.8125rem
}
nav.scroll-navigation a.arrow{
    display:block;
    font-family:"Source Sans Pro",sans-serif !important
}
html.touchevents nav.scroll-navigation{
    display:none
}
.expander .expander-content{
    overflow:hidden;
    height:auto;
    -webkit-transition:height 1000ms ease-in-out;
    -moz-transition:height 1000ms ease-in-out;
    -ms-transition:height 1000ms ease-in-out;
    -o-transition:height 1000ms ease-in-out;
    transition:height 1000ms ease-in-out
}
@media (min-width: 64em){
    .expander .expander-content{
        height:auto !important
    }
}
.expander.init-done .expander-content{
    height:22.1875rem
}
@media (min-width: 40em){
    .expander.init-done .expander-content{
        height:26.25rem
    }
}
.expander a.button.button-less{
    display:none;
    -webkit-transition:display 1000ms ease-in-out;
    -moz-transition:display 1000ms ease-in-out;
    -ms-transition:display 1000ms ease-in-out;
    -o-transition:display 1000ms ease-in-out;
    transition:display 1000ms ease-in-out
}
.expander a.button.button-more{
    display:block;
    -webkit-transition:display 1000ms ease-in-out;
    -moz-transition:display 1000ms ease-in-out;
    -ms-transition:display 1000ms ease-in-out;
    -o-transition:display 1000ms ease-in-out;
    transition:display 1000ms ease-in-out
}
.expander.expander-open a.button.button-less{
    display:block
}
.expander.expander-open a.button.button-more{
    display:none
}
.auto-column{
    margin-top:1.25rem;
    -webkit-column-count:none;
    -moz-column-count:none;
    -ms-column-count:none;
    -o-column-count:none;
    column-count:none
}
@media (min-width: 40em){
    .auto-column{
        -webkit-column-count:2;
        -moz-column-count:2;
        -ms-column-count:2;
        -o-column-count:2;
        column-count:2;
        -webkit-column-gap:1.875rem;
        -moz-column-gap:1.875rem;
        -ms-column-gap:1.875rem;
        -o-column-gap:1.875rem;
        column-gap:1.875rem
    }
}
@media (min-width: 64em){
    .auto-column{
        -webkit-column-count:3;
        -moz-column-count:3;
        -ms-column-count:3;
        -o-column-count:3;
        column-count:3;
        -webkit-column-gap:1.875rem;
        -moz-column-gap:1.875rem;
        -ms-column-gap:1.875rem;
        -o-column-gap:1.875rem;
        column-gap:1.875rem
    }
}
.auto-column>p{
    margin-top:0
}
.lightshow{
    position:relative;
    margin-top: -4px;
}
@media (min-width: 64em){
    .lightshow{
        margin-top:46px
    }
}
.lightshow .lightshow-loader{
    opacity:0;
    visibility:hidden;
    -webkit-transition:opacity 200ms ease-in-out,visibility 0s linear 200ms;
    -moz-transition:opacity 200ms ease-in-out,visibility 0s linear 200ms;
    -ms-transition:opacity 200ms ease-in-out,visibility 0s linear 200ms;
    -o-transition:opacity 200ms ease-in-out,visibility 0s linear 200ms;
    transition:opacity 200ms ease-in-out,visibility 0s linear 200ms;
    position:absolute;
    left:0;
    right:0;
    text-align:center;
    margin-top:100px
}
.lightshow .lightshow-loader img{
    width:3.125rem;
    height:3.125rem
}
.lightshow .lightshow-content{
    opacity:1;
    visibility:visible;
    -webkit-transition:visibility 0s linear,opacity 300ms ease-in-out;
    -moz-transition:visibility 0s linear,opacity 300ms ease-in-out;
    -ms-transition:visibility 0s linear,opacity 300ms ease-in-out;
    -o-transition:visibility 0s linear,opacity 300ms ease-in-out;
    transition:visibility 0s linear,opacity 300ms ease-in-out
}
.lightshow .lightshow-content>.expander>.expander-content{
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    width:100%
}
.lightshow .lightshow-content>.expander>.expander-content>.row{
    width:100%;
    margin:0
}
@media (min-width: 40em){
    .lightshow .lightshow-content>.expander>.expander-content>.row{
        width:50%
    }
}
@media (min-width: 64em){
    .lightshow .lightshow-content>.expander>.expander-content>.row{
        width:33.33334%
    }
}
.lightshow .lightshow-content>.expander>.expander-content>.row>.column{
    display:none
}
.lightshow .lightshow-content>.expander>.expander-content>.row>.visible-asset{
    display:flex;
    flex:0 0 100%;
    max-width:100%
}
.lightshow .lightshow-content>.expander>.expander-content>.row>.visible-asset a{
    position:relative
}
.lightshow .lightshow-content>.expander>.expander-content>.row>.visible-asset a figcaption{
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;
    bottom:0;
    right:0;
    display:flex;
    background:#0a0a0a;
    justify-content:center;
    align-items:center;
    color:#fff;
    opacity:0;
    padding:20px;
    text-align:center;
    -webkit-transition:opacity 300ms ease-in-out;
    -moz-transition:opacity 300ms ease-in-out;
    -ms-transition:opacity 300ms ease-in-out;
    -o-transition:opacity 300ms ease-in-out;
    transition:opacity 300ms ease-in-out
}
.lightshow .lightshow-content>.expander>.expander-content>.row>.visible-asset a:hover figcaption{
    opacity:1
}
.lightshow.lightshow-loading .lightshow-loader{
    opacity:1;
    visibility:visible
}
.lightshow.lightshow-loading .lightshow-content{
    opacity:0;
    visibility:hidden
}
.lightshow#lightshow-overlay{
    position:fixed;
    bottom:0;
    left:0;
    z-index:100;
    width:100%;
    background-color:#F8F9F6;
    opacity:0;
    display:none;
    -webkit-transition:opacity 300ms ease-in-out;
    -moz-transition:opacity 300ms ease-in-out;
    -ms-transition:opacity 300ms ease-in-out;
    -o-transition:opacity 300ms ease-in-out;
    transition:opacity 300ms ease-in-out
}
.lightshow#lightshow-overlay .lightshow-wrapper{
    position:relative;
    display:flex;
    justify-content:space-between;
    flex-direction:column;
    height:100vh;
    width:100%
}
.lightshow#lightshow-overlay .lightshow-wrapper header{
    position:fixed;
    left:0;
    top:0;
    width:100%;
    height:3.375rem;
    z-index:10;
    margin:0;
    background-color:rgba(248,249,246,0.9);
    -webkit-transition:top 500ms ease-in-out;
    -moz-transition:top 500ms ease-in-out;
    -ms-transition:top 500ms ease-in-out;
    -o-transition:top 500ms ease-in-out;
    transition:top 500ms ease-in-out
}
@media (min-width: 64em){
    .lightshow#lightshow-overlay .lightshow-wrapper header{
        position:absolute;
        height:5.125rem
    }
}
.lightshow#lightshow-overlay .lightshow-wrapper header .lightshow-close{
    margin:.9375rem;
    float:right
}
@media (min-width: 64em){
    .lightshow#lightshow-overlay .lightshow-wrapper header .lightshow-close{
        margin:1.5625rem
    }
}
.lightshow#lightshow-overlay .lightshow-wrapper header .lightshow-close svg{
    display:block;
    height:1.5rem;
    width:1.5rem
}
@media (min-width: 64em){
    .lightshow#lightshow-overlay .lightshow-wrapper header .lightshow-close svg{
        height:2rem;
        width:2rem
    }
}
.lightshow#lightshow-overlay .lightshow-wrapper main{
    position:absolute;
    left:0;
    top:3.375rem;
    width:100%;
    height:calc(100vh - 3.375rem - 6.25rem );
    bottom:0;
    z-index:1;
    overflow:hidden;
    -webkit-transition:top 500ms ease-in-out,height 500ms ease-in-out;
    -moz-transition:top 500ms ease-in-out,height 500ms ease-in-out;
    -ms-transition:top 500ms ease-in-out,height 500ms ease-in-out;
    -o-transition:top 500ms ease-in-out,height 500ms ease-in-out;
    transition:top 500ms ease-in-out,height 500ms ease-in-out
}
@media (min-width: 64em){
    .lightshow#lightshow-overlay .lightshow-wrapper main{
        height:calc(100vh - 5.125rem - 5.125rem );
        top:5.125rem;
        bottom:5.125rem
    }
}
.lightshow#lightshow-overlay .lightshow-wrapper main .lightshow-section{
    height:100%;
    width:calc(100% - 60px);
    top:0;
    position:absolute;
    display:flex;
    justify-content:space-around;
    align-items:center
}
@media (min-width: 40em){
    .lightshow#lightshow-overlay .lightshow-wrapper main .lightshow-section{
        width:calc(100% - 200px)
    }
}
@media (min-width: 64em){
    .lightshow#lightshow-overlay .lightshow-wrapper main .lightshow-section{
        width:calc(100% - 400px)
    }
}
.lightshow#lightshow-overlay .lightshow-wrapper main .lightshow-section.lightshow-section-current{
    left:1.875rem
}
.lightshow#lightshow-overlay .lightshow-wrapper main .lightshow-section.lightshow-section-current img,.lightshow#lightshow-overlay .lightshow-wrapper main .lightshow-section.lightshow-section-current iframe,.lightshow#lightshow-overlay .lightshow-wrapper main .lightshow-section.lightshow-section-current .audio-wrapper audio{
    left:0;
    right:0;
    z-index:10
}
.lightshow#lightshow-overlay .lightshow-wrapper main .lightshow-section.lightshow-section-current .audio-wrapper audio{
    left:25%;
    right:auto;
    opacity:0
}
.lightshow#lightshow-overlay .lightshow-wrapper main .lightshow-section.lightshow-section-current .audio-wrapper audio.active{
    opacity:1;
    z-index:20
}
.lightshow#lightshow-overlay .lightshow-wrapper main .lightshow-section.lightshow-section-current iframe.active{
    opacity:1;
    z-index:20
}
.lightshow#lightshow-overlay .lightshow-wrapper main .lightshow-section.lightshow-section-current .lightshow-loader-icon{
    z-index:5;
    opacity:1;
    width:3.125rem;
    height:3.125rem
}
@media (min-width: 40em){
    .lightshow#lightshow-overlay .lightshow-wrapper main .lightshow-section.lightshow-section-current{
        left:6.25rem
    }
}
@media (min-width: 64em){
    .lightshow#lightshow-overlay .lightshow-wrapper main .lightshow-section.lightshow-section-current{
        left:12.5rem
    }
}
.lightshow#lightshow-overlay .lightshow-wrapper main .lightshow-section.lightshow-section-prev{
    opacity:0.1;
    right:calc(100% - 20px)
}
.lightshow#lightshow-overlay .lightshow-wrapper main .lightshow-section.lightshow-section-prev img,.lightshow#lightshow-overlay .lightshow-wrapper main .lightshow-section.lightshow-section-prev iframe,.lightshow#lightshow-overlay .lightshow-wrapper main .lightshow-section.lightshow-section-prev .audio-wrapper audio{
    left:auto;
    right:0;
    pointer-events:none
}
.lightshow#lightshow-overlay .lightshow-wrapper main .lightshow-section.lightshow-section-prev iframe{
    z-index:-30
}
@media (min-width: 40em){
    .lightshow#lightshow-overlay .lightshow-wrapper main .lightshow-section.lightshow-section-prev{
        right:calc(100% - 80px)
    }
}
@media (min-width: 64em){
    .lightshow#lightshow-overlay .lightshow-wrapper main .lightshow-section.lightshow-section-prev{
        right:calc(100% - 180px)
    }
}
.lightshow#lightshow-overlay .lightshow-wrapper main .lightshow-section.lightshow-section-next{
    opacity:0.1;
    left:calc(100% - 20px)
}
.lightshow#lightshow-overlay .lightshow-wrapper main .lightshow-section.lightshow-section-next img,.lightshow#lightshow-overlay .lightshow-wrapper main .lightshow-section.lightshow-section-next iframe,.lightshow#lightshow-overlay .lightshow-wrapper main .lightshow-section.lightshow-section-next .audio-wrapper audio{
    left:0;
    right:auto;
    pointer-events:none
}
.lightshow#lightshow-overlay .lightshow-wrapper main .lightshow-section.lightshow-section-next iframe{
    z-index:-30
}
@media (min-width: 40em){
    .lightshow#lightshow-overlay .lightshow-wrapper main .lightshow-section.lightshow-section-next{
        left:calc(100% - 80px)
    }
}
@media (min-width: 64em){
    .lightshow#lightshow-overlay .lightshow-wrapper main .lightshow-section.lightshow-section-next{
        left:calc(100% - 180px)
    }
}
.lightshow#lightshow-overlay .lightshow-wrapper main .lightshow-section img{
    max-width:100%;
    max-height:100%;
    display:block;
    position:absolute;
    top:0;
    bottom:0;
    margin:auto;
    opacity:0;
    -webkit-transition:opacity 300ms ease-in-out;
    -moz-transition:opacity 300ms ease-in-out;
    -ms-transition:opacity 300ms ease-in-out;
    -o-transition:opacity 300ms ease-in-out;
    transition:opacity 300ms ease-in-out
}
.lightshow#lightshow-overlay .lightshow-wrapper main .lightshow-section img.active{
    opacity:1
}
.lightshow#lightshow-overlay .lightshow-wrapper main .lightshow-section .ratio-wrapper{
    position:relative;
    padding-bottom:56.25%;
    height:0;
    width:100%
}
.lightshow#lightshow-overlay .lightshow-wrapper main .lightshow-section .ratio-wrapper iframe{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    opacity:0;
    -webkit-transition:opacity 300ms ease-in-out;
    -moz-transition:opacity 300ms ease-in-out;
    -ms-transition:opacity 300ms ease-in-out;
    -o-transition:opacity 300ms ease-in-out;
    transition:opacity 300ms ease-in-out
}
.lightshow#lightshow-overlay .lightshow-wrapper main .lightshow-section .ratio-wrapper iframe.active{
    opacity:1
}
.lightshow#lightshow-overlay .lightshow-wrapper main .lightshow-section .audio-wrapper{
    width:100%;
    height:100%;
    background:#f8f9f6;
    z-index:6
}
.lightshow#lightshow-overlay .lightshow-wrapper main .lightshow-section .audio-wrapper audio{
    position:absolute;
    top:calc(50% - 30px);
    left:25%;
    width:50%;
    height:60px;
    opacity:0;
    -webkit-transition:opacity 300ms ease-in-out;
    -moz-transition:opacity 300ms ease-in-out;
    -ms-transition:opacity 300ms ease-in-out;
    -o-transition:opacity 300ms ease-in-out;
    transition:opacity 300ms ease-in-out
}
.lightshow#lightshow-overlay .lightshow-wrapper main .lightshow-section .audio-wrapper audio.active{
    opacity:1
}
.lightshow#lightshow-overlay .lightshow-wrapper main .lightshow-section .audio-wrapper audio:focus{
    outline:none
}
.lightshow#lightshow-overlay .lightshow-wrapper main .lightshow-next,.lightshow#lightshow-overlay .lightshow-wrapper main .lightshow-prev{
    opacity:1;
    -webkit-transition:opacity 300ms ease-in-out;
    -moz-transition:opacity 300ms ease-in-out;
    -ms-transition:opacity 300ms ease-in-out;
    -o-transition:opacity 300ms ease-in-out;
    transition:opacity 300ms ease-in-out
}
.lightshow#lightshow-overlay .lightshow-wrapper main .lightshow-next.lightshow-lock,.lightshow#lightshow-overlay .lightshow-wrapper main .lightshow-prev.lightshow-lock{
    opacity:0;
    cursor:default
}
.lightshow#lightshow-overlay .lightshow-wrapper footer{
    color:#0F0F0F;
    position:fixed;
    left:0;
    bottom:0;
    width:100%;
    height:6.25rem;
    background-color:rgba(248,249,246,0.9);
    -webkit-transition:bottom 500ms ease-in-out;
    -moz-transition:bottom 500ms ease-in-out;
    -ms-transition:bottom 500ms ease-in-out;
    -o-transition:bottom 500ms ease-in-out;
    transition:bottom 500ms ease-in-out
}
@media (min-width: 64em){
    .lightshow#lightshow-overlay .lightshow-wrapper footer{
        position:absolute;
        height:5.125rem
    }
}
.lightshow#lightshow-overlay .lightshow-wrapper footer .lightshow-description{
    position:absolute;
    width:100%;
    opacity:0;
    padding:.3125rem 1.25rem;
    top:0
}
@media (min-width: 40em){
    .lightshow#lightshow-overlay .lightshow-wrapper footer .lightshow-description{
        padding:.625rem 6.25rem
    }
}
@media (min-width: 64em){
    .lightshow#lightshow-overlay .lightshow-wrapper footer .lightshow-description{
        padding:.625rem 12.5rem
    }
}
.lightshow#lightshow-overlay .lightshow-wrapper footer .lightshow-description.active{
    opacity:1
}
.lightshow#lightshow-overlay .lightshow-wrapper footer p{
    text-align:center;
    margin:0;
    font-size:1rem
}
@media (min-width: 40em){
    .lightshow#lightshow-overlay .lightshow-wrapper footer p{
        font-size:1.125rem
    }
}
@media (min-width: 64em){
    .lightshow#lightshow-overlay .lightshow-wrapper footer p{
        font-size:1.125rem
    }
}
.lightshow.lightshow-fullscreen#lightshow-overlay .lightshow-wrapper footer .lightshow-description{
    bottom:-25px
}
body.lightshow-overlay-open #lightshow-overlay{
    opacity:1
}
html.touchevents body.lightshow-overlay-open #lightshow-overlay.lightshow-fullscreen .lightshow-wrapper header{
    top:-3.375rem
}
@media (min-width: 64em){
    html.touchevents body.lightshow-overlay-open #lightshow-overlay.lightshow-fullscreen .lightshow-wrapper header{
        top:-5.125rem
    }
}
html.touchevents body.lightshow-overlay-open #lightshow-overlay.lightshow-fullscreen .lightshow-wrapper main{
    top:0;
    height:calc(100vh)
}
html.touchevents body.lightshow-overlay-open #lightshow-overlay.lightshow-fullscreen .lightshow-wrapper footer{
    bottom:-6.25rem
}
@media (min-width: 64em){
    html.touchevents body.lightshow-overlay-open #lightshow-overlay.lightshow-fullscreen .lightshow-wrapper footer{
        bottom:-5.125rem
    }
}
.audio{
    display:flex;
    justify-content:space-between;
    flex-direction:column
}
.audio header{
    margin:3.75rem 0 0 0
}
.audio header h3{
    margin:1.875rem 0 0 0;
    color:#0F0F0F;
    font-size:1rem
}
.audio header p{
    color:#0F0F0F;
    font-size:1rem;
    margin:0 0 1.25rem 0
}
.audio audio{
    width:100%
}
section header,footer header{
    margin-top:3.125rem
}
@media (min-width: 40em){
    section header,footer header{
        margin-top:6.25rem
    }
}
@media (min-width: 64em){
    section header,footer header{
        margin-top:9.375rem
    }
}
section#hero{
    display:flex;
    justify-content:space-between;
    flex-direction:column;
    padding-bottom:0;
    max-height:100vh;
    background:#0F0F0F
}
section#hero main{
    height:90vh;
    display:flex;
    align-items:center
}
section#hero main>.row{
    display:block
}
section#hero footer{
    text-align:center;
    margin-bottom:1.25rem
}
section#work{
    background:#F8F9F6
}
section#work header h2{
    color:#0F0F0F
}
section#work>.row{
    max-width:1440px
}
section#references{
    background:#0F0F0F
}
section#references header a.arrow{
    color:#F8F9F6
}
section#references header a.arrow span:before{
    background-image:url("../Images/ArrowWhite.svg")
}
section#references header h2{
    color:#F8F9F6
}
footer#contact{
    background:#F8F9F6
}
footer#contact h2,footer#contact h3,footer#contact p{
    color:#0F0F0F
}
footer#contact a.arrow{
    display:block
}
html.touchevents footer#contact a.arrow{
    background-color:none;
    border-radius:.1875rem;
    border:.125rem solid #0F0F0F;
    padding:.625rem 1.25rem;
    text-align:left;
    color:#0F0F0F;
    font-size:1.375rem;
    margin:1.25rem 0 0 0;
    display:block;
    -webkit-transition:background-color 200ms ease-in-out;
    -moz-transition:background-color 200ms ease-in-out;
    -ms-transition:background-color 200ms ease-in-out;
    -o-transition:background-color 200ms ease-in-out;
    transition:background-color 200ms ease-in-out
}
html.touchevents footer#contact a.arrow span:before{
    left:-1.4375rem;
    bottom:.1875rem;
    width:1.25rem;
    height:1.25rem;
    background-image:url("../Images/ArrowBlack.svg")
}
section.single{
    padding:1.25rem 0;
    margin:0
}
@media (min-width: 64em){
    section.single{
        padding:9.375rem 0
    }
}
section.single a.arrow+h3{
    margin-top:3.125rem
}
section.single a{
    color:#F8F9F6
}
section.single a.arrow.arrow-left{
    float:right
}
section.single a.arrow span:before{
    background-image:url("../Images/ArrowWhite.svg")
}

/* Manual Alterations */
section#about .arrow {

    color: white !important;
}

section#about a:link.arrow span:before {

    background-image: url(../Images/ArrowWhite.svg);
}

/* Cookie Banner */
.tx-panda-cookie .banner .message .content, 
.tx-panda-cookie .banner .message .content-extended {

    padding: 1.125rem 1.875rem;
    background-color: #F8F9F6;
    border-bottom: 1px solid #e6e6e6;
    color: #1f1f1f;

    gap: 1rem;
}

@media (max-width: 40em){

    .tx-panda-cookie .banner .message .content {

        align-items: center;
    }
}

.buttons-wrapper > button {

    padding: .3125rem 1.25rem;
    border-radius: .125rem;
    background-color: #1f1f1f;
    min-width: 6.25rem;
    color: #F8F9F6;
}

#work .hide-for-large .button-more {

    padding-left: 10px;
}

#work .hide-for-large .button-less {

    padding-left: 20px;
}



#contact .arrow {

    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    margin-left: 20px !important;
}

@media screen and (max-width: 639px) {

    #contact .arrow {

        text-align: center !important;
    }
}