section .works{height:120vh;overflow:hidden;width:100vw}@media screen and (max-width:600px){section .works{height:100vh}}section .works picture,section .works__inner,section .works__slideshow,section .works__slideshow--inner{height:100%;left:0;top:0;width:100%}section .works__inner{background-color:#000}section .works__slideshow{position:relative}section .works__slideshow--inner{position:absolute}section .works__slideshow--inner picture{position:absolute;transition:filter .6s ease,transform 1s ease}section .works__slideshow--inner picture.single_image{filter:brightness(1);opacity:1}section .benefits{padding-bottom:1vw;position:relative}section .benefits h3{padding-bottom:5vw;width:100%}@media screen and (max-width:600px){section .benefits h3{margin-bottom:20vw}}section .benefits__items--item{background-color:var(--bgcolor);border-top:1px solid hsla(0,0%,100%,.2);position:relative}section .benefits__items--item .layout{position:relative}@media screen and (max-width:600px){section .benefits__items--item .layout__third{position:absolute;right:20px;width:auto}}section .benefits__items--item .layout__second{display:flex;justify-content:space-between}section .benefits__items--image{border-radius:var(--radius);height:auto;overflow:hidden;width:35%}@media screen and (max-width:600px){section .benefits__items--image{display:none}}section .benefits__items--text{padding-bottom:8vw;width:50%}@media screen and (max-width:600px){section .benefits__items--text{width:100%}}section .benefits__items--text p.lead{padding-right:0}section .benefits__items--text p:not(.lead){font-size:80%;letter-spacing:0;width:70%}@media screen and (max-width:600px){section .benefits__items--text p:not(.lead){margin-top:15vh}}section.section__blue .benefits__items--item{background-color:var(--blue);border-top:1px solid var(--grey)}section.section__grey .benefits__items--item{background-color:var(--bgcolor);border-top:1px solid var(--grey)}section.section__red .benefits__items--item{background-color:var(--red);border-top:1px solid #000}section .services picture{height:auto;margin-bottom:10vw}section .services__list{border-top:1px solid hsla(0,0%,100%,.2);cursor:pointer;position:relative;width:100%}@media screen and (max-width:600px){section .services__list{padding:20px 0 15px 50px}section .services__list h3{font-size:11vw}}section .services__list sup{left:0;position:absolute}section .services p.lead{margin-top:5vw}section .services p.longtext{padding:4vw 15vw}@media screen and (max-width:600px){section .services p.longtext{padding:10vw 0}}
