:root{--vwBlue: #497CAB;--vwBlue90: #5B89B3;--vwBlue10: #F2F6F9;--vwBlack: #000000;--vwBlack85: #262626;--vwGrey: #51534A;--vwGrey80: #74756E;--vwGrey50: #A8A9A4;--vwGrey20: #DCDDDB;--vwGrey10: #EEEEED;--vwWhite: #ffffff;--vwWhiteR: 255;--vwWhiteG: 255;--vwWhiteB: 255;--vwFontColour: var(--vwGrey);--vwFontHeadingColour: var(--vwBlack85);--vwLinkColour: var(--primaryColour);--vwLinkColourHover: var(--primaryColour90);--vwMenuColour: var(--vwBlack);--black: #000;--darkGrey: #666;--grey: #999;--lightGrey: #efefef;--white: #fff;--offWhite: #fefefe;--red: #f00;--errorBackgroundColour: #ff0000;--errorBorderColour: #ff0000;--errorTextColour: #ff0000;--successBackgroundColour: #99c488;--successBorderColour: #99c488;--successTextColour: #99c488;--informationBackgroundColour: #009fe3;--informationBorderColour: #009fe3;--informationTextColour: #009fe3;--warningBackgroundColour: #e6a223;--warningBorderColour: #e6a223;--warningTextColour: #e6a223}:root{--base-font-family: "IBM Plex Sans", sans-serif;--base-heading-font-family: "IBM Plex Sans", sans-serif;--base-line-height: 1.8;--base-heading-line-height: 1.3;--base-label-line-height: 1.1;--site-max-width: 120rem;--grid-max-width: 95rem;--base-bottom-margin: 2.5rem;--base-transition-speed: 200ms;--base-transition-easing: linear}.fs-3xs{font-size:8px}@media(min-width: 375px){.fs-3xs{font-size:calc(0.1877934272vw + 7.2957746479px)}}@media(min-width: 1440px){.fs-3xs{font-size:10px}}@media(min-width: 1920px){.fs-3xs{font-size:10px}}.fs-2xs{font-size:10px}@media(min-width: 375px){.fs-2xs{font-size:calc(0.1877934272vw + 9.2957746479px)}}@media(min-width: 1440px){.fs-2xs{font-size:calc(0.4166666667vw + 6px)}}@media(min-width: 1920px){.fs-2xs{font-size:14px}}.fs-xs{font-size:14px}@media(min-width: 375px){.fs-xs{font-size:14px}}@media(min-width: 1440px){.fs-xs{font-size:calc(0.4166666667vw + 8px)}}@media(min-width: 1920px){.fs-xs{font-size:16px}}.fs-s{font-size:16px}@media(min-width: 375px){.fs-s{font-size:16px}}@media(min-width: 1440px){.fs-s{font-size:calc(0.4166666667vw + 10px)}}@media(min-width: 1920px){.fs-s{font-size:18px}}.fs-m{font-size:16px}@media(min-width: 375px){.fs-m{font-size:calc(0.1877934272vw + 15.2957746479px)}}@media(min-width: 1440px){.fs-m{font-size:calc(0.4166666667vw + 12px)}}@media(min-width: 1920px){.fs-m{font-size:20px}}.fs-ml{font-size:20px}@media(min-width: 375px){.fs-ml{font-size:20px}}@media(min-width: 1440px){.fs-ml{font-size:calc(0.8333333333vw + 8px)}}@media(min-width: 1920px){.fs-ml{font-size:24px}}.fs-l,.paragraph-projects .project-highlight__title{font-size:22px}@media(min-width: 375px){.fs-l,.paragraph-projects .project-highlight__title{font-size:calc(0.1877934272vw + 21.2957746479px)}}@media(min-width: 1440px){.fs-l,.paragraph-projects .project-highlight__title{font-size:calc(0.8333333333vw + 12px)}}@media(min-width: 1920px){.fs-l,.paragraph-projects .project-highlight__title{font-size:28px}}.fs-xl{font-size:24px}@media(min-width: 375px){.fs-xl{font-size:calc(0.3755868545vw + 22.5915492958px)}}@media(min-width: 1440px){.fs-xl{font-size:calc(0.8333333333vw + 16px)}}@media(min-width: 1920px){.fs-xl{font-size:32px}}.fs-2xl{font-size:28px}@media(min-width: 375px){.fs-2xl{font-size:calc(0.3755868545vw + 26.5915492958px)}}@media(min-width: 1440px){.fs-2xl{font-size:calc(1.6666666667vw + 8px)}}@media(min-width: 1920px){.fs-2xl{font-size:40px}}.fs-3xl{font-size:32px;line-height:1}@media(min-width: 375px){.fs-3xl{font-size:calc(0.7511737089vw + 29.1830985915px)}}@media(min-width: 1440px){.fs-3xl{font-size:calc(3.3333333333vw - 8px)}}@media(min-width: 1920px){.fs-3xl{font-size:56px}}.fs-4xl{font-size:48px;line-height:1}@media(min-width: 375px){.fs-4xl{font-size:calc(0.7511737089vw + 45.1830985915px)}}@media(min-width: 1440px){.fs-4xl{font-size:calc(5vw - 16px)}}@media(min-width: 1920px){.fs-4xl{font-size:80px}}.fs-5xl{font-size:48px;line-height:1}@media(min-width: 375px){.fs-5xl{font-size:calc(2.2535211268vw + 39.5492957746px)}}@media(min-width: 1440px){.fs-5xl{font-size:calc(5.8333333333vw - 12px)}}@media(min-width: 1920px){.fs-5xl{font-size:100px}}.paragraph-projects{background-color:var(--primaryColour)}.paragraph-projects .layout__inner-wrap{padding:0 16px}@media only screen and (min-width: 1000px){.paragraph-projects .layout__inner-wrap{padding:0}}@media only screen and (min-width: 1000px){.paragraph-projects .grid__column:first-child{grid-column:2/7}}@media only screen and (min-width: 1400px){.paragraph-projects .grid__column:first-child{grid-column:2/6}}@media only screen and (min-width: 1000px){.paragraph-projects .grid__column:last-child{grid-column:7/-1}}@media only screen and (min-width: 1400px){.paragraph-projects .grid__column:last-child{grid-column:6/-1}}.paragraph-projects .paragraph-projects__content{padding:40px 0}@media only screen and (min-width: 1000px){.paragraph-projects .paragraph-projects__content{padding-top:60px;padding-bottom:60px}}@media only screen and (min-width: 1000px)and (min-width: 1000px){.paragraph-projects .paragraph-projects__content{padding-top:calc(1vw + 50px)}}@media only screen and (min-width: 1000px)and (min-width: 1400px){.paragraph-projects .paragraph-projects__content{padding-top:calc(3.0769230769vw + 20.9230769231px)}}@media only screen and (min-width: 1000px)and (min-width: 1920px){.paragraph-projects .paragraph-projects__content{padding-top:80px}}@media only screen and (min-width: 1000px)and (min-width: 1000px){.paragraph-projects .paragraph-projects__content{padding-bottom:calc(1vw + 50px)}}@media only screen and (min-width: 1000px)and (min-width: 1400px){.paragraph-projects .paragraph-projects__content{padding-bottom:calc(3.0769230769vw + 20.9230769231px)}}@media only screen and (min-width: 1000px)and (min-width: 1920px){.paragraph-projects .paragraph-projects__content{padding-bottom:80px}}.paragraph-projects ul{list-style:none;margin:0 -16px;padding:0}@media only screen and (min-width: 750px){.paragraph-projects ul{display:flex;flex-wrap:wrap}}@media only screen and (min-width: 1000px){.paragraph-projects ul{margin:0}}.paragraph-projects ul li{margin:0;padding:0}@media only screen and (min-width: 750px){.paragraph-projects ul li{flex:0 0 50%}}@media only screen and (min-width: 1000px){.paragraph-projects ul li{flex:0 0 100%}}.paragraph-projects ul li:before{display:none}.paragraph-projects .paragraph__title{color:var(--white);margin-bottom:40px}.paragraph-projects .project-highlight__title{color:var(--white);margin:0 0 4px}.paragraph-projects .project-highlight__title a:after{content:"";position:absolute;z-index:2;left:0;top:0;width:100%;height:100%}.paragraph-projects .project-highlight__title a:link,.paragraph-projects .project-highlight__title a:visited{color:var(--white);text-decoration:none}.paragraph-projects .project-highlight__meta{display:flex;justify-content:space-between}.paragraph-projects .project-highlight__subtitle{color:var(--white);margin:0;font-size:14px;padding-right:24px}@media(min-width: 375px){.paragraph-projects .project-highlight__subtitle{font-size:14px}}@media(min-width: 1400px){.paragraph-projects .project-highlight__subtitle{font-size:calc(0.3846153846vw + 8.6153846154px)}}@media(min-width: 1920px){.paragraph-projects .project-highlight__subtitle{font-size:16px}}.paragraph-projects .project-highlight__location{color:var(--white);margin:0;font-size:14px;margin-left:auto;text-align:right}@media(min-width: 375px){.paragraph-projects .project-highlight__location{font-size:14px}}@media(min-width: 1400px){.paragraph-projects .project-highlight__location{font-size:calc(0.3846153846vw + 8.6153846154px)}}@media(min-width: 1920px){.paragraph-projects .project-highlight__location{font-size:16px}}.paragraph-projects .button--read-more{color:var(--white)}@media only screen and (min-width: 1000px){.paragraph-projects .button--read-more{margin-top:0px}}@media only screen and (min-width: 1000px)and (min-width: 1000px){.paragraph-projects .button--read-more{margin-top:calc(4.347826087vw - 43.4782608696px)}}@media only screen and (min-width: 1000px)and (min-width: 1920px){.paragraph-projects .button--read-more{margin-top:40px}}.paragraph-projects .button--read-more:hover .button__icon .icon,.paragraph-projects .button--read-more:focus .button__icon .icon,.paragraph-projects .button--read-more:active .button__icon .icon{fill:var(--white)}.paragraph-projects .button--read-more .button__icon .icon{fill:var(--white)}@media only screen and (min-width: 1000px){.paragraph-projects__content .project-highlight__visual{display:none}}.paragraph-projects__visuals{display:none;position:relative}@media only screen and (min-width: 1000px){.paragraph-projects__visuals{display:block}}@media only screen and (min-width: 1000px){.paragraph-projects__visuals .project-highlight__visual{display:block}}@media only screen and (min-width: 1000px){.paragraph-projects__visuals-item{position:absolute;width:100%;height:100%}}@media only screen and (min-width: 1000px){.paragraph-projects__visuals-item{opacity:0;transition:opacity 250ms linear}}@media only screen and (min-width: 1000px){.paragraph-projects__visuals-item img,.paragraph-projects__visuals-item picture{transform:scale(1);transition:transform 4000ms linear}}@media only screen and (min-width: 1000px){.paragraph-projects__visuals-item.is-active{z-index:2;opacity:1}}@media only screen and (min-width: 1000px){.paragraph-projects__visuals-item.is-active img,.paragraph-projects__visuals-item.is-active picture{transform:scale(1.025)}}.project-highlight{display:flex;flex-direction:column;padding-bottom:8px}@media only screen and (min-width: 1000px){.project-highlight{padding-bottom:0px}}@media only screen and (min-width: 1000px)and (min-width: 1400px){.project-highlight{padding-bottom:calc(1.5384615385vw - 21.5384615385px)}}@media only screen and (min-width: 1000px)and (min-width: 1920px){.project-highlight{padding-bottom:8px}}.project-highlight:hover .project-highlight__title,.project-highlight:focus-within .project-highlight__title{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:6px}@media only screen and (min-width: 1000px){.paragraph-projects__plain-item .project-highlight:before{content:"";opacity:0;transition:200ms all linear;background-color:var(--primaryColour90);width:200%;height:100%;position:absolute;left:-100%;top:0;z-index:0}}@media only screen and (min-width: 1000px){.paragraph-projects__plain-item.is-active .project-highlight .project-highlight__title{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:6px}}@media only screen and (min-width: 1000px){.paragraph-projects__plain-item.is-active .project-highlight:before{opacity:1}}.project-highlight .project-highlight__info{padding:16px;order:2}@media only screen and (min-width: 1000px){.project-highlight .project-highlight__info{position:relative;z-index:2;padding-left:0;padding-top:12px;padding-bottom:12px;padding-right:40px}}@media only screen and (min-width: 1000px)and (min-width: 1000px){.project-highlight .project-highlight__info{padding-top:calc(1.5vw - 3px)}}@media only screen and (min-width: 1000px)and (min-width: 1400px){.project-highlight .project-highlight__info{padding-top:18px}}@media only screen and (min-width: 1000px)and (min-width: 1920px){.project-highlight .project-highlight__info{padding-top:18px}}@media only screen and (min-width: 1000px)and (min-width: 1000px){.project-highlight .project-highlight__info{padding-bottom:calc(1.5vw - 3px)}}@media only screen and (min-width: 1000px)and (min-width: 1400px){.project-highlight .project-highlight__info{padding-bottom:18px}}@media only screen and (min-width: 1000px)and (min-width: 1920px){.project-highlight .project-highlight__info{padding-bottom:18px}}@media only screen and (min-width: 1000px)and (min-width: 1000px){.project-highlight .project-highlight__info{padding-right:calc(10vw - 60px)}}@media only screen and (min-width: 1000px)and (min-width: 1400px){.project-highlight .project-highlight__info{padding-right:calc(15.3846153846vw - 135.3846153846px)}}@media only screen and (min-width: 1000px)and (min-width: 1920px){.project-highlight .project-highlight__info{padding-right:160px}}.project-highlight .project-highlight__visual{order:1;min-height:240px;position:relative}.project-highlight .project-highlight__visual .project-highlight__visual-inner{position:absolute;width:100%;height:100%;top:0;right:0;bottom:0;left:0}.project-highlight .project-highlight__visual .project-highlight__visual-inner img,.project-highlight .project-highlight__visual .project-highlight__visual-inner picture{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 50%;font-family:"object-fit: cover; object-position: 50% 50%;"}.project-highlight .project-highlight__visual-inner{overflow:hidden}.project-highlight .project-highlight__visual-inner img{display:block}@media only screen and (min-width: 1000px){.project-highlight--visual-only{height:100%;padding-bottom:0}}@media only screen and (min-width: 1000px){.project-highlight--visual-only .project-highlight__visual{height:100%}}

/*# sourceMappingURL=paragraph-projects.css.map */