.pjs06_related-pages{display:-webkit-box;display:-ms-flexbox;display:flex}.pjs06_related-pages .item{width:33.33%}.pjs06_related-pages .item>a{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:100%}.pjs06_related-pages .item>a .text{background-color:#33c;color:#fff;font-weight:700;padding:40% 0 0;position:relative}.pjs06_related-pages .item>a .text .project-number{background-color:#777ec8;display:block;font-family:Ubuntu,sans-serif;height:100%;left:0;line-height:1;position:absolute;top:0;white-space:nowrap;width:30%}.pjs06_related-pages .item>a .text .project-number .number{font-size:min(5vw,90px);left:50%;letter-spacing:0;position:absolute;top:60%;-webkit-transform:translate(-50%,-100%);transform:translate(-50%,-100%)}.pjs06_related-pages .item>a .text .project-number .project{display:block;font-size:min(1.5vw,26px);left:50%;letter-spacing:-1px;position:absolute;top:93%;-webkit-transform:translate(-50%,-100%);transform:translate(-50%,-100%)}.pjs06_related-pages .item>a .text .project-number:after{background-color:#fff;content:"";display:block;height:3px;left:50%;position:absolute;top:65%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:calc(100% - 20px)}.pjs06_related-pages .item>a .text .title{display:block;height:100%;left:30%;margin:0;position:absolute;top:0;width:70%}.pjs06_related-pages .item>a .text .title span{display:block;font-size:min(1.8vw,26px);left:0;line-height:1.1;position:absolute;text-align:center;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:100%}.pjs06_related-pages .item>a .image{background-position:50% 50%;background-size:cover;-webkit-filter:grayscale(100%);filter:grayscale(100%);height:auto;padding:100% 0 0;width:100%}.pjs06_related-pages .item>a .image:after{background-position:50% 50%;background-size:cover;content:"";display:block;height:100%;left:0;position:absolute;top:0;-webkit-transition:opacity .2s ease-out 0s;transition:opacity .2s ease-out 0s;width:100%}.pjs06_related-pages .item>a.-current .image{-webkit-filter:grayscale(0);filter:grayscale(0)}.pjs06_related-pages .item>a:hover{opacity:1}.pjs06_related-pages .item>a:hover .image{-webkit-filter:grayscale(0);filter:grayscale(0)}.pjs06_related-pages .item:nth-child(2n)>a{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}@media screen and (max-width:1000px){.pjs06_related-pages{width:92%}.pjs06_related-pages .item>a .text .project-number .number{font-size:min(6.5vw,90px);top:55%}.pjs06_related-pages .item>a .text .project-number .project{font-size:min(2vw,26px);top:90%}.pjs06_related-pages .item>a .text .project-number:after{height:2px;top:61%}.pjs06_related-pages .item>a .text .title span{font-size:min(2.5vw,26px)}}@media screen and (max-width:600px){.pjs06_related-pages{display:block}.pjs06_related-pages .item{width:100%}.pjs06_related-pages .item>a{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.pjs06_related-pages .item>a .text{display:block;height:auto;width:50%}.pjs06_related-pages .item>a .text .project-number{height:50px;width:100%}.pjs06_related-pages .item>a .text .project-number .number{font-size:34px;left:10px;top:7px;-webkit-transform:none;transform:none}.pjs06_related-pages .item>a .text .project-number .project{font-size:min(6vw,22px);left:74px;top:15px;-webkit-transform:none;transform:none}.pjs06_related-pages .item>a .text .project-number:after{height:40px;left:58px;top:5px;-webkit-transform:none;transform:none;width:2px}.pjs06_related-pages .item>a .text .title{left:0;width:100%}.pjs06_related-pages .item>a .text .title span{font-size:min(4.5vw,22px);padding:30px 5% 0}.pjs06_related-pages .item>a .image{-webkit-filter:grayscale(0);filter:grayscale(0);padding:50% 0 0;width:50%}.pjs06_related-pages .item:nth-child(2n)>a{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.pjs06_related-pages .item:nth-child(2n)>a .text .project-number .number{left:calc(100% - 10px);-webkit-transform:translateX(-100%);transform:translateX(-100%)}.pjs06_related-pages .item:nth-child(2n)>a .text .project-number .project{left:calc(100% - 74px);-webkit-transform:translateX(-100%);transform:translateX(-100%)}.pjs06_related-pages .item:nth-child(2n)>a .text .project-number:after{left:calc(100% - 60px)}}