:root{--outside-block: 5.2vw;--inside-block: 10.4vw;--max-width: 1728px;--Colour-Palette-Cream: #F9F3ED;--Colour-Palette-Mocha: #423B35;--Colour-Palette-Peach: #87693D;--Peach-tags-elements: #87693D;--red-pink: #87693D;--Bacon: #87693D;--Text-colour: #181818;--Button-default: #181818;--Colour-Palette-Charcoal: #181818;--Colour-Palette-Grey: #A7A9AC;--space-margin-top-bottom-margins: 112px;--space-margin-side-margins: 171px;--space-margin-margin-under-line: 38px}@media screen and (max-width: 1728px){:root{--space-margin-top-bottom-margins: calc((112px * 0.25) + (112/1728*100vw * 0.75));--space-margin-side-margins: calc((171px * -0.19) + (171/1728*100vw * 1.19))}}@media screen and (max-width: 800px){:root{--space-margin-top-bottom-margins: 78px;--space-margin-side-margins: 33px}}#banner .inside{padding-bottom:70px}#banner .inside .title{margin-bottom:46px}@media screen and (max-width: 800px){#banner .inside .title{margin-bottom:33px}}#banner .inside .featured-image{height:800px}@media screen and (max-width: 1728px){#banner .inside .featured-image{height:calc(80px + 41.6666666667vw)}}@media screen and (max-width: 800px){#banner .inside .featured-image{height:386px}}#banner .inside .featured-image img{object-fit:cover;width:100%;height:100%}#banner .inside .content{max-width:initial;display:flex;column-gap:80px;padding:70px 180px 0 180px;flex-wrap:wrap;row-gap:62px}@media screen and (max-width: 1728px){#banner .inside .content{padding:70px calc(-72px + 14.5833333333vw) 0 calc(-72px + 14.5833333333vw)}}@media screen and (max-width: 800px){#banner .inside .content{flex-direction:column-reverse;row-gap:19px}}@media screen and (max-width: 800px){#banner .inside .content{padding:43px 0 0 0}}#banner .inside .content .transformation a,#banner .inside .content .transformation span{margin-bottom:0}#banner .inside .content .transformation a svg path,#banner .inside .content .transformation span svg path{stroke:#181818;transition:.3s ease all}#banner .inside .content .transformation a:hover svg path,#banner .inside .content .transformation span:hover svg path{stroke:#fff}#banner .inside .content .left{flex:0 0 100%}#banner .inside .content .left>*:last-child{margin-bottom:0}#banner .inside .content .right{display:flex;flex-wrap:wrap;flex:0 0 100%;align-self:flex-start;column-gap:30px}@media screen and (max-width: 800px){#banner .inside .content .right{flex:initial}}#banner .inside .content .right .detail{flex:0 0 calc(50% - 15px);display:flex;column-gap:16px;padding-top:10px;padding-bottom:15px;border-top:1.3px solid var(--Colour-Palette-Grey)}@media screen and (max-width: 800px){#banner .inside .content .right .detail{flex:0 0 100%}}#banner .inside .content .right .detail>*{color:#000;font-size:18px;font-style:normal;font-weight:400;line-height:159%;letter-spacing:.72px}@media screen and (max-width: 800px){#banner .inside .content .right .detail>*{font-size:17.5px}}#banner .inside .content .right .detail .detail-title{opacity:.6}#gallery .inside{padding:0 var(--space-margin-side-margins) 0 var(--space-margin-side-margins);max-width:var(--max-width);margin:auto}@media screen and (max-width: 800px){#gallery .inside{padding:0}}#gallery .inside .image-container,#gallery .inside .image{margin-bottom:24px;display:block}@media screen and (max-width: 800px){#gallery .inside .image-container,#gallery .inside .image{margin-bottom:0}}#gallery .inside .image-container:last-child,#gallery .inside .image:last-child{margin-bottom:0}#gallery .inside .image img{width:100%}#gallery .inside .image-container{display:flex;justify-content:center;column-gap:24px;padding:0 180px}@media screen and (max-width: 1728px){#gallery .inside .image-container{padding:0 calc(-36px + 12.5vw)}}@media screen and (max-width: 800px){#gallery .inside .image-container{padding:0;flex-direction:column;row-gap:0}}#gallery .inside .image-container a img{height:100%;width:100%;object-fit:cover}#gallery .inside .image-container a:first-child{padding-bottom:63px;flex:1}@media screen and (max-width: 800px){#gallery .inside .image-container a:first-child{padding:0}}#gallery .inside .image-container a:last-child{padding-top:63px;flex:1}@media screen and (max-width: 800px){#gallery .inside .image-container a:last-child{padding:0}}#gallery .back-to-projects{left:50%;transform:translateX(-50%)}#gallery .back-to-projects span,#gallery .back-to-projects a{margin:69px 0 var(--space-margin-top-bottom-margins) 0}@media screen and (max-width: 800px){#gallery .back-to-projects span,#gallery .back-to-projects a{margin:60px 0}}/*# sourceMappingURL=single-project.css.map */
