#market-sectors{z-index:0}#market-sectors>.text{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}#market-sectors>.text .heading-h3{margin-top:0;color:var(--secondary, #DF3035);width:100%;max-width:800px}#market-sectors article-list{--background-colour: #F4F4F4;position:relative;margin-top:var(--spacer1);grid-gap:1px;grid-template-columns:repeat(var(--columns), 1fr);grid-auto-rows:minmax(300px, 1fr)}#market-sectors article-list::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;outline:2px solid #fff;pointer-events:none}#market-sectors article-list .article .container{position:relative;border-radius:initial;border:initial;outline:1px dashed #dcdcdc;overflow:visible;background-color:#fff;transition:background-color var(--transition-duration, 0.2s) var(--transition-ease, cubic-bezier(0.42, 0, 0.58, 1)) var(--transition-delay, ),opacity var(--transition-duration, 0.2s) var(--transition-ease, cubic-bezier(0.42, 0, 0.58, 1)) var(--transition-delay, )}#market-sectors article-list .article .container>*{position:relative;z-index:2}#market-sectors article-list .article .container .subheading{font-weight:normal;margin-bottom:auto}#market-sectors article-list .article .container .button{margin-top:var(--gap)}#market-sectors article-list .article .container .image{position:absolute;z-index:1;left:80%;top:0;width:120%;height:100%;margin:0;pointer-events:none;opacity:0;transform:translateX(var(--image-transition-x));transition:opacity var(--transition-duration, 0.2s) var(--transition-ease, cubic-bezier(0.42, 0, 0.58, 1)) var(--transition-delay, ),transform var(--transition-duration, 0.2s) var(--transition-ease, cubic-bezier(0.42, 0, 0.58, 1)) var(--transition-delay, )}#market-sectors article-list .article .container .image::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(var(--image-gradient-angle), var(--background-colour) 10%, transparent)}@media(hover: hover){#market-sectors article-list .article:hover{z-index:2}#market-sectors article-list .article:hover .container{background-color:var(--background-colour)}#market-sectors article-list .article:hover .container .image{transform:translateX(0%);opacity:1}}@media(min-width: 1301px){#market-sectors article-list{--columns: 4;--image-gradient-angle: 100deg;--image-transition-x: -5%}}@media(min-width: 1301px)and (hover: hover){#market-sectors article-list .article:hover+.article:not(:nth-child(4n+1)) .container{opacity:0}}@media(min-width: 1301px){#market-sectors article-list .article:nth-child(4n) .container{--image-gradient-angle: 270deg;--image-transition-x: 5%}#market-sectors article-list .article:nth-child(4n) .container .image{left:initial;right:80%}}@media(min-width: 900px)and (max-width: 1300px){#market-sectors article-list{--columns: 3;--image-gradient-angle: 100deg;--image-transition-x: -5%}}@media(min-width: 900px)and (max-width: 1300px)and (hover: hover){#market-sectors article-list .article:hover+.article:not(:nth-child(3n+1)) .container{opacity:0}}@media(min-width: 900px)and (max-width: 1300px){#market-sectors article-list .article:nth-child(3n) .container{--image-gradient-angle: 270deg;--image-transition-x: 5%}#market-sectors article-list .article:nth-child(3n) .container .image{left:initial;right:80%}}@media(min-width: 740px)and (max-width: 900px){#market-sectors article-list{--columns: 2;--image-gradient-angle: 100deg;--image-transition-x: -5%}}@media(min-width: 740px)and (max-width: 900px)and (hover: hover){#market-sectors article-list .article:hover+.article:not(:nth-child(2n+1)) .container{opacity:0}}@media(min-width: 740px)and (max-width: 900px){#market-sectors article-list .article:nth-child(2n) .container{--image-gradient-angle: 270deg;--image-transition-x: 5%}#market-sectors article-list .article:nth-child(2n) .container .image{left:initial;right:80%}}@media(max-width: 740px){#market-sectors article-list{margin-top:var(--spacer0);display:flex;flex-direction:column;grid-gap:initial}#market-sectors article-list .article+.article{border-top:1px solid #dcdcdc}#market-sectors article-list .article .container{padding:var(--spacer0) 0;outline:initial}#market-sectors article-list .article .container .introduction{max-width:500px}#market-sectors article-list .article .container .image{display:none !important}#market-sectors article-list .article .container:before{content:"";background-color:inherit;z-index:-1;position:absolute;top:0;left:50%;width:100vw;height:100%;transform:translateX(var(--translateX, -50%))}}