.interior-design .img-hover img + img { display: none; }

.featured .img-hover,
.residential .img-hover,
.commercial .img-hover,
.placemaking .img-hover,
.art-services .img-hover,
.hospitality .img-hover { 
    position: relative; 
}

.featured .img-hover img + img,
.art-services .img-hover img + img,
.hospitality .img-hover img + img,
.commercial .img-hover img + img,
.placemaking .img-hover img + img,
.residential .img-hover img + img { 
    display: block; position: absolute; top: 0; left: 0; height: 100%;
}

a.no-hover {
    cursor: default !important;
}
.footer-workdetail .credits a {
    display: inline-block;
    padding: 0;
}

.footer-workdetail ul li:before {
    display: none;
}

.footer-workdetail .bulleted ul li:before {
    display: inline;
}

.footer-workdetail  ul li {
    margin-left: 0;
    padding-bottom: 1rem;
}

.footer-workdetail .bulleted ul li {
    margin-left: 1rem;
    margin-bottom: 1rem;
}

/* .home .intro + .intro {
    display: none;
} */

.img-collage .left figure {
    width: 100%;
    height: 50%;
}

.work-index-page table tbody .overlay-img {
    z-index: 999;
}

.intro-workdetail .intro-img {
    display: block;
    height: 100vh;
}

.intro-article picture {
    height: 100vh;
    width: 50vw;
}

.employees-category .employee-overlay .text {
    background: transparent;
}

.img-text .text .large > span {
    font-family: "Tiempos Regular", sans-serif;
}

.related .img-hover img {
    margin-bottom: 1rem;
}

.employees ~ .employee {
    display: none;
}


.intro .fp-intro-img {
    display: block;
}

.intro-studio {
    margin-bottom: 18.5rem;
}

.img-text {
    padding-bottom: 18rem;
}

.employees-category .employee:last-child {
    margin-bottom: 12.4rem;
}

.img-sidebyside {
    padding-bottom: 18.4rem;
}


.header .nav-work > li:first-child {
    padding-top: 3.4rem;
}

.footer-workdetail {
    padding-bottom: 22rem;
}

.header .nav-work > li:last-child {
    padding-bottom: 7.5rem;
}

.nav-contact > .contact:last-child > a:first-child {
    margin-bottom: 1rem;
    display: inline-block;
}

.work-item figure,
.work-item img,
.articles .article figure,
.article img {
    height: auto;
    background: transparent;
}

.img-compare figure,
.img-compare figure img,
.img-quote figure,
.img-quote figure img,
.img-copy figure,
.img-copy figure img,
.img-sidebyside figure,
.img-sidebyside figure img,
.work .slider-wrapper .slider .work-item figure {
    height: auto;
    background: transparent;
}

.img-quote figure,
.img-copy figure {
    background: transparent;
}

.timeline .timeline-slider .small {
    display: inline-block;
    margin-top: .55rem;
    /* display: none; */
    background: transparent;
}



.timeline .timeline-slider .slide figure {
    height: 40rem;
}

.cv-item.hide-me {
    display: none;
}

.img-compare .left {
    padding-right: 0rem;
}

.img-compare .left figure {
    padding-right: .8rem;
}

.img-compare .right figure {
    padding-left: .8rem;
}

[data-employee] {
        position: fixed;
    z-index: 11;
    bottom: 0;
    left: 0;
    margin-top: -1px;
    background: var(--black-fix);
    height: calc(100vh - 14rem);
    color: var(--white-fix);
    padding-top: 10rem;
    transform: translateY(calc(100vh - 14rem));
    overflow: scroll;
}

.overlay-active {
    display: block !important;
}

.statement {
    max-width: 1500px;
    padding-right: 72px;
}

.videoplayer {
    margin-top: 26rem;
    margin-bottom: 20rem;
}

.embed-videoplayer {
    margin-bottom: 20rem;
    padding-bottom: 56%;
    position: relative;
}

.img-text .text *,
.img-quote .quote *,
.img-copy .copy * {
    max-width: 750px;
}


.work-item.slide {
    position: relative;
}

.slide-link-copy {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
}



.copy p a {
    transition: opacity 0.3s;
}

.copy p a:hover {
    opacity: 0.5;
}

.footer-workdetail.small,
.footer-workdetail figcaption.small {
    letter-spacing: -0.6px;
}

.img-full {
    padding-bottom: 0;
    margin-bottom: 20rem;
    position: relative;
}

.statement + .videoplayer {
    margin-top: 0;
}

.img-full + .statement {
    margin-top: -1.5rem;
}

.img-third figure,
.img-third figure img,
.img-full figure,
.img-full figure img {
    height: auto;
}

.copy-content br {
    margin-bottom: 1rem;
}

.img-copy .copy-content p {
    padding-left: 0;
    padding-right: 0;
}

.footer-workdetail .related figure,
.footer-workdetail .related figure:hover,
.news.light figure:hover,
.news.light figure {
    opacity: 1;
}

.footer-workdetail .related figure:hover,
.news.light figure:hover {
    opacity: .75;
}

.work-index-page table tbody .overlay-img {
    margin-top: -20px;
}

.fp-intro-img img,
.intro-img  img{
    transform: translate3d(0px,0px,0px) !important;
}

.intro-workdetail {
    height: auto;
}

.intro {
    margin-bottom: 18.6rem;
}



.header._transparent svg path {
    fill: white !important;
}

.header._transparent .nav-btn {
    fill: white !important;
    color: white !important;
}

.header.white svg path {
    fill: white !important;
}

.header.white .nav-btn {
    color: white !important;
}

.employees-category .employee-overlay .img picture {
    position: sticky;
    top: 0;
    left: 0;
}

.employee .img-text picture {
    margin: 0 auto;
    width: 30vw;
    height: 30vw;
    display: block;
}


    
.timeline .timeline-slider .timeline-slide-image {
    overflow: initial;
}

.img-third figure, .img-third figure img, .img-full figure, .img-full figure img {
    background: transparent;
}

.work-index-page table a {
    opacity: 1 !important;
}

.employee .img-text picture {
    overflow: hidden;
}

[data-employee] .img img {
    
    height: 118%;
}

[data-employee] .img .lazy {
    opacity: 0;
    transition: opacity .3s ease-in-out;
}

[data-employee] .img .lazy.loaded {
    opacity: 1;
}

.content-workdetail .img-full .lazy {
    opacity: 0;
    transition: opacity .3s ease-in-out;
}

.content-workdetail .img-full .lazy.entered {
    opacity: 1;
}

.description + .img-full .lazy + .placeholder-svg {
    display: none;
}

.content-workdetail .img-full .lazy {
    position: absolute;
}

.content-workdetail .img-full .lazy.loaded {
    position: relative;
}

.img-full .lazy.loaded + .placeholder-svg,
.content-workdetail .img-full .lazy.loaded + .placeholder-svg {
    display: none;
}

.footer-workdetail .related-work {
    background: transparent;
}

.content-article .img-copy a {
    padding: 0;
    display: inline;
}

.content-article .img-copy p:last-child {
    padding-top: 6rem;
}

.timeline .timeline-slider .slide figure {
    height: auto;
    background: transparent;
}

.timeline .timeline-slider .slide figure > div > div {
    height: 48rem;
    position: relative;
}

.timeline .timeline-slider .timeline-slide {
    align-self: flex-start;
}

.timeline .timeline-slider {
    padding-bottom: 6rem;
}

.slider {
    padding-left: 2rem;
}

.intro-workdetail .lazy {
    opacity: 0;
    transition: opacity .3s ease-in-out;
}
    
.intro-workdetail .lazy.loaded {
    opacity: 1;
}

.employees-category .employee-overlay .text .cv {
    margin-top: 5rem;
}

.btn-close_panel {
    position: absolute;
    top: 20px;
    font-size: 4rem;
    right: 32px;
    color: #95918a;
}

.join a {
    transition: opacity 0.3s;
}

.join a:hover {
    opacity: 0.5;
}

.error-page .intro-article h2 > span {
    display: block;
    font-size: 3rem;
}

.img-text .text .small {
    border-color: #95918a;
}

.culture + ._fw-imgtxt {
   margin-top: -26rem;
}

._fw-imgtxt {
   display: flex;
   background: #fff;
}

._fw-imgtxt > div {
   width: 50%;
}

._fw-imgtxt > div:first-child  {
   padding: 90px 1.6rem 175px;
   display: flex;
   flex-direction: column;
   justify-content: space-between;
   color: #000;
}
._fw-imgtxt > div:first-child h3 {
   font-size: 46px;
   margin-bottom: 5rem;
}

._fw-imgtxt > div:first-child ._txt {
   max-width: 616px;
}
._fw-imgtxt > div:first-child ._txt a {
    text-decoration: underline;
}

._fw-imgtxt > div figure {
   width: 100%;
   height: auto;
}

._fwimg  {
   position: relative;
}

._fwimg figure {
   width: 100%;
   height: auto;
}

._fwimg + section {
   margin-top: 180px;
}

._fwimg > div {
   font-size: 46px;
   color: #fff;
   max-width: 650px;
   position: absolute;
   bottom: 180px;
   left: 1.6rem;
}

._fwimg > div a {
   text-decoration: underline;
}

._fwimg img {
    width: 100%;
    height: auto;
}

._studio .join {
    height: auto;
    padding: 200px 0;
    
}

._studio .join p {
    max-width: 1500px;
}


._studio p + p {
    margin-top: 3rem;
}

._studio .employee-description p + p {
    font-size: 16px;
    margin-top: 2px;
}

.intro .intro-carousel-slide a {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index:999;
}

.work.culture .slider-wrapper .slider .work-item {
    width: 33%;
    min-width: initial;
}

.work.culture {
    padding-bottom: 0;
}

[data-barba-namespace="home"] .flickity-button  {
    opacity: 0;
    height: 0;
    width: 0;
    visibility: hidden;
}

.work-index-page th .arrow {
    display: none;
}

.work-index-page th .arrow.selected {
    display: inline-block;
}
/*
.home .intro:after {
    content:"";
    display: block;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    lefT: 0;
    z-index: 10; 
}*/

/* .home .intro figure {
    z-index: 20;
} */

.intro-workdetail iframe,
.embed-videoplayer iframe {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 115%;
    height: 100%;
    transform: translate(-50%, -50%);
}

.intro-workdetail .intro-img iframe {
    height: 75vw;
}
.intro-workdetail .intro-img {
    position: relative;
}

._iframe-controls {
   position: absolute;
   top: 0;
   left: 0;
   height: 100%;
   width: 100%;
   display: flex;
   align-items: center;
   justify-content: center;
}

._iframe-controls._hide {
    display: none !important;
}

._iframe-controls ._play-button {
   width: 100px;
   height: 100px;
   border-radius: 100%;
   background: #000;
   color: #fff;
   
}

._iframe-controls ._pause-button {
   width: 100%;
   height: 100%;
   background: transparent;
   opacity: 0;
   display: none;
}

._iframe-controls ._pause-button._show {
    display: block;
}
._iframe-controls ._play-button._hide {
    display: none;
}

._btn-fs {
    font-family: "Messina Regular", sans-serif;
    position: absolute;
    right: 15px;
    bottom: 10px;
    color: #fff;
    font-size: 14px;
    border-bottom: 1px solid #fff;
    /* display: none; */
}

._ae .slide-link {
    opacity: 1 !important;
}

body._fade {
    opacity: 0 !important;
}

.nav {
    padding-left: 0;
}

.nav > ul > li  button,
.nav > ul > li a {
    padding: 10px 5rem;
    display: block;
    width: 100%;
    text-align: left;
}

.nav-contact,
.nav .nav-work {
    padding-left: 5rem;
}

.nav .nav-work a {
    display: block;
}

.nav .headline {
    padding-bottom: 0 !important;
    line-height: 1;
}



@media (min-width: 901px) {
    .header {
        background: transparent !important;
    }
    
    .header.unfixed {
        position: absolute;
        transform: translate3d(0px,0px,0px) !important;
        background: transparent !important;
    }
    
    .header._transparent {
        background: transparent !important;
    }
    
     .header.white {
        background: transparent !important;
    }

}

@media (max-width: 1024px) {
    .intro-article picture {
        order: 1;
        height: 120vw;
    }
    
    .intro-article picture {
        width: 100vw;
    }

}

@media (max-width: 1020px) {
    
    .img-copy .excerpt {
        padding-left: 2rem;
        padding-right: 2rem;
        width: 100%;
        padding-bottom: 2rem;
    }
    
    
    .employee .img-text picture {
        margin: 0;
        width: 100vw;
        height: calc(100vw * 1.5);
    }
    
     .btn-close_panel {
        display: none;
    }
}

@media (max-width: 900px) {
    .img-sidebyside figure + figure {
        margin-top: 7.5rem;
    }
    
    .footer-workdetail ul li {
        margin-left: 2rem;
        line-height: 1.5;
    }
    
    .footer-workdetail .bulleted ul li {
        margin-left: 3rem;
        margin-bottom: 1rem;
        position: relative;
    }
    
    .footer-workdetail ul li::before {
        position: absolute;
        top: 0;
    }

    .work-page,
    .news-page ,
    .work-index-page {
        padding-top: 11rem;
    }
    
    .work-page.work-overview {
        padding-top: 12rem;
    }
    
    .header .nav-work>li {
        padding-left: 0;
    }
    
    .intro-studio {
        margin-bottom: 6rem;
    }
    
    .img-text {
        padding-bottom: 2rem;
    }
    
    .employees-category .employee:last-child {
        margin-bottom: 8rem;
    }
    
    .img-compare figure,
    .img-compare img {
        height: auto;
    }
    
    .intro {
        margin-bottom: 8rem;
    }
    
    .news {
        margin-top: 1.3rem;
    }
    
    .img-sidebyside {
        padding-bottom: 7.5rem;
    }
    
    .footer-workdetail {
        padding-bottom: 6rem;
    }
    
   .nav .nav-contact {
       padding-bottom: 0;
       margin-top: 20px;
   }
   
   .nav {
       justify-content: flex-start;
   }
   
   .work-page.work-overview .work-items .work-item figure {
       height: auto;
   }
   
   .img-compare .left figure {
        padding-right: 0rem;
    }
    
    .img-compare .right figure {
        padding-left: 0rem;
    }
    
    .timeline .timeline-slider .slide figure {
        height: 210px;
    }
    
    .footer-workdetail ul {
        padding-right: 90px;
    }
    
    .img-quote div {
        padding-bottom: 0;
    }
    
    .img-quote div > p {
        padding-bottom: 7.5rem;
    }
    
    .footer-workdetail h4 {
        padding-top: 2.25rem;
        padding-bottom: 2.25rem;
    }
    
   .intro-workdetail .intro-img._w-iframe {
       height: calc(100vh - 68px) !important;
   }
    
    .description {
        margin-top: 3.35rem;
    }
    
    .statement {
        max-width: 100%;
        padding-right: 2rem;
    }
    
    .videoplayer {
        margin-top: 12rem;
        margin-bottom: 8rem;
    }
    
    .slide-link-copy  {
        display: block;
        opacity: 1 !important;
    }
    
    .intro-workdetail {
        height: auto;
    }
    
    .img-full {
        padding-bottom: 0;
        margin-bottom: 7.5rem;
    }
    
    .contact.linkedin {
        margin-top: 14px;
        display: inline-block;
    }
    
    .statement + .videoplayer {
        margin-top: 0;
    }
    
    .img-full + .statement {
        margin-top: 0;
    }

    .img-copy figure,
    .img-full figure {
        padding: 0 20px;
        background: transparent;
    }
    
    .intro .fp-intro-img {
        height: 100%;
    }
    
    .intro-workdetail .intro-img {
        height: auto !important;
        /* min-height: 300px; */
    }
    
    .intro-workdetail .intro-img img {
        height: auto !important;
        
    }
    
    /* [data-barba-namespace="work-detail"] .lazy {
        opacity: 0;
        transition: opacity .3s ease-in-out;
    }
    
    [data-barba-namespace="work-detail"] .img-full {
        position: relative;
    }
    
    [data-barba-namespace="work-detail"] .img-full figure {
        z-index: 1;
        position: relative;
    }
    
    [data-barba-namespace="work-detail"] .img-full:before {
        content: "";
        height: 100%;
        width: calc(100% - 40px);
        background: #ccc;
        position: absolute;
        right: 0;
        left: 0;
        margin: auto;
        z-index: 0;
        
    }
    
    [data-barba-namespace="work-detail"] .lazy.loaded {
        opacity: 1;
    } */
    
     .intro-workdetail .intro-img img.lazy {
         opacity: 0;
     }
     
    .intro-workdetail .intro-img img.lazy.loaded {
         opacity: 1;
     }
    
    .intro-workdetail .intro-img .lazy.loaded + svg {
        display: none;
    }
    
    .intro-workdetail h2 {
        /* padding-bottom: 0; */
    }
    
    .description {
        margin-top: 0;
    }
    
    .work .slider-wrapper .slider .work-item {
        padding: 0 1rem;
    }
    
     .header._transparent {
        background: transparent !important;
    }
    
    .header.white {
        /* background: transparent !important; */
    }
    
    .img-collage .left, .img-collage .right {
        height: auto;
    }
    
    .img-collage .right-first {
        margin-bottom: 0;
    }
    
    .img-collage {
        padding-bottom: 7.5rem;
    }  
    
    .employees-category .employee-overlay {
        height: 100%;
    }
    
    [data-employee] .img img {
    
        height: 100%;
    }
    
    .img-collage .right figure {
        height: auto;
    }
    
    .right-first + .right-first {
        margin-top: 2rem;
    }
    
    .right-first img {
        height: auto;
        
    }
    
    .img-copy figure {
        margin-bottom: 0;
    }
    
    .timeline .timeline-slider .slide figure {
       height: auto;
       background: transparent;
   }
   
   .timeline .timeline-slider .slide figure > div > div {
       height: 218px;
       position: relative;
   }
    
   .timeline .timeline-slider .timeline-slide {
       align-self: flex-start;
   }

   .timeline .timeline-slider {
       padding-bottom: 4rem;
   }
   
   .img-copy > figure + .copy > .copy-content {
       margin-top: 7.5rem;
   }
   
   .img-copy > .empty + .copy > .copy-content {
       margin-top: 0;
   }
   
   .img-sidebyside figure {
       margin-bottom: 0;
   }
   
   .img-sidebyside figure + figure img {
       margin-top: 2rem;
   }
   
   .img-third,
   .img-copy,
   .img-quote {
       padding-bottom: 7.5rem;
   }
   
   .img-quote div {
    transform: translateY(0);
   }
   
   .timeline .timeline-slider .timeline-slide-image {
       height: auto;
   }
   
   .img-copy .read-btn {
       display: none;
   }
   
   .img-copy p {
       padding-bottom: 0;
   }
   
   .img-copy p + p {
       padding-top: 2rem;
   }
   
   .content-workdetail > .img-full:first-child figure {
       width: calc(100vw - 40px);
       padding: 0;
       margin-right: auto;
       margin-left: auto;
       position: relative;
   }
   
   .content-workdetail > .img-full:first-child .lazy {
        opacity: 0;
        transition: opacity .3s  ease-in-out;
        position: absolute;
        height: 100%;
    }
    
    .content-workdetail > .img-full:first-child .lazy.loaded {
        opacity: 1;
    }
    
    .content-workdetail > .img-full:first-child .lazy + .placeholder-svg {
        display: block;
    }
    
     [data-barba-namespace="work-detail"]  {
        padding-top: 118px;
    }
    
    .news-page h2 {
        padding-bottom: 4rem;
    }
    
    .slider {
        padding-left: 0rem;
        margin-left: -7px;
    }
    
    .header .logo-small {
        transform: scale(0.5);
    }
    
    .header .logo {
        width: 15.2rem;
    }
    
     .footer-workdetail .related-work {
        overflow: scroll;
    }
    
    .header .nav-btn.mobile svg,
    .header .logo svg path {
        fill: #fff !important;
    }
    
    .img-text .text .small > div:first-child {
        border-top: 0.3px solid  #95918a;
        padding-top: 0.8rem;
    }
    
    .footer-workdetail .related-work {
        overflow: scroll;
    }
   
    .error-page .intro-article h2 > span {
        display: block;
        font-size: 1.45rem;
    }

    .img-text .text .small {
        border-color: transparent;
    }

   ._fw-imgtxt {
      display: flex;
      
      background: white;
   }
   
   ._fw-imgtxt > div {
      width: 50%;
   }

   ._fw-imgtxt > div:first-child h3  {
      margin-bottom: 30px;
   }

   .culture + ._fw-imgtxt {
      margin-top: 0;
   }

   ._fwimg > div {
      bottom: 50px;
   }
    
    .work.culture .slider-wrapper .slider .work-item {
        width: 75%;
        min-width: 75%;
    }
    
    .content-article .img-sidebyside figure {
        height: auto;
    }
    
    .img-sidebyside figure + figure img {
        margin-top: 0;
    }

}


@media (max-width: 767px) {
    .embed-videoplayer {
        margin-bottom: 7.5rem;
    }
    
    .intro-workdetail .intro-img iframe {
        width: 150vh;
        height: 100vh;
    }
    
    ._fw-imgtxt {
      display: flex;
      flex-direction: column-reverse;
   }
   
   ._fw-imgtxt > div {
      width: 100%;
   }

   ._fw-imgtxt > div:first-child h3 {
      font-size: 2.4rem;
   }

   ._fw-imgtxt > div:first-child {
      padding: 4rem var(--sp-2);
   }
   
   ._fwimg + section {
       margin-top: 2rem;
    }

    ._fwimg > div {
      font-size: 2.4rem;
       position: relative;
       bottom: 0;
       padding: 50px 2rem 50px 0;
   }

   ._fwimg + section {
      margin-top: 2rem;
   }
   
   ._studio .join {
        height: auto;
        padding: 72px 0;
    }
}


@media (max-height: 768px) {
    .nav {
        overflow-y: scroll;
    }
}

#Interiors .employee-preview,
#Architecture .employee-preview,
#Operations .employee-preview {
    cursor: default !important;
}