.background-canvas{color:var(--colour-white)}.background-canvas h1,.background-canvas h2,.background-canvas h3,.background-canvas h4,.background-canvas h5,.background-canvas h6,.background-canvas p,.background-canvas p.description,.background-canvas p.preamble,.background-canvas .inner p.preamble,.background-canvas .description p,.background-canvas li,.background-canvas small,.background-canvas blockquote,.background-canvas .head,.background-canvas .role{color:inherit}.background-canvas .itemContainer .item p,.background-canvas .itemContainer .item h3{color:var(--colour-white)}.background-canvas .articleResult .heading,.background-canvas .articleResult .tag,.background-canvas .articleResult .articleDetails .name,.background-canvas .articleResult .articleDetails .dateTime{color:inherit}.background-canvas .articleResult .tag:before{background-image:url("/assets/images/icons/tagIcon-White.svg")}.background-canvas a,.background-canvas a.backLink,.background-canvas .description p:not(.ctaLink) a{color:var(--colour-white);text-decoration-color:var(--colour-white)}.background-canvas a.backLink:before{background-image:url("/assets/images/icons/arrowLeft-White.svg")}.background-canvas svg,.background-canvas img.icon{filter:brightness(0) invert(1)}.articleBanner .description{line-height:1.2;font-family:var(--font-secondary);color:var(--colour-charcoal);margin:0}.navigationAlert-isShowing .articleBanner{padding-top:145px}@media(min-width: 1050px){.navigationAlert-isShowing .articleBanner{padding-top:175px}}.articleBanner.background-white{background:var(--colour-white)}.articleBanner.background-white+[class*=cb-].background-white:not(.customPadding){padding-top:0}.articleBanner.background-canvas{background:var(--colour-surface-dark)}.articleBanner.background-canvas+[class*=cb-].background-canvas:not(.customPadding){padding-top:0}.articleBanner.background-webfabric{background:var(--colour-webFabric)}.articleBanner.background-webfabric+[class*=cb-].background-webfabric:not(.customPadding){padding-top:0}.articleBanner.background-yellow{background:var(--colour-yellow)}.articleBanner.background-yellow+[class*=cb-].background-yellow:not(.customPadding){padding-top:0}.articleBanner{overflow:hidden;padding-top:105px;position:relative}@media(min-width: 1050px){.articleBanner{padding-top:135px}}@media(max-width: 1049.5px){.articleBanner.themeLogoActive:not(.hidePattern) .preview{left:unset;right:0;width:auto;aspect-ratio:auto;overflow:hidden;height:100%;position:absolute;right:0;transform:none;bottom:0;height:210px;width:calc(100% - 40px)}}@media(max-width: 1049.5px)and (min-width: 450px){.articleBanner.themeLogoActive:not(.hidePattern) .preview{height:320px;width:calc(100% - 60px)}}@media(max-width: 1049.5px)and (min-width: 768px){.articleBanner.themeLogoActive:not(.hidePattern) .preview{width:calc(100% - 100px);height:485px}}@media(min-width: 1050px){.articleBanner.themeLogoActive:not(.hidePattern) .preview{aspect-ratio:auto;position:absolute;left:unset;right:0;bottom:0;width:calc(100% - 70px);height:calc(100% - 70px)}}.articleBanner.themeLogoActive:not(.hidePattern) .play{left:calc(14vw - 2px);z-index:11}@media(min-width: 450px){.articleBanner.themeLogoActive:not(.hidePattern) .play{left:calc(14.5vw - 3px)}}@media(min-width: 768px){.articleBanner.themeLogoActive:not(.hidePattern) .play{left:calc(14.5vw - 4px)}}@media(min-width: 1050px){.articleBanner.themeLogoActive:not(.hidePattern) .play{left:calc(7vw + 3px)}}@media(min-width: 1420px){.articleBanner.themeLogoActive:not(.hidePattern) .play{left:calc(3.5vw + 42px)}}@media(min-width: 1700px){.articleBanner.themeLogoActive:not(.hidePattern) .play{left:calc(3.5vw + 45px)}}.articleBanner.themeLogoActive .main{max-width:2200px}@media(max-width: 1049.5px){.articleBanner.themeLogoActive .main .container{padding:0}}@media(min-width: 1050px){.articleBanner.themeLogoActive .main .container{padding-right:0;padding:0;margin:0;max-width:100%}}@media(min-width: 1050px){.articleBanner.themeLogoActive .row{align-items:flex-end}}@media(min-width: 1050px){.articleBanner.themeLogoActive .row,.articleBanner.themeLogoActive .back{padding-left:8%}}@media(min-width: 1550px){.articleBanner.themeLogoActive .row,.articleBanner.themeLogoActive .back{padding-left:calc((100% - 1300px)/2)}}@media(max-width: 1049.5px){.articleBanner.themeLogoActive .col:first-child{padding:0 8% 40px 5%}}@media(max-width: 1049.5px)and (min-width: 768px){.articleBanner.themeLogoActive .col:first-child{padding:0 10% 40px 8%}}@media(min-width: 1050px){.articleBanner.themeLogoActive .col:first-child{flex:0 0 45%;padding-right:80px}}@media(min-width: 1420px){.articleBanner.themeLogoActive .col:first-child{flex:0 0 52%;padding-right:160px}}@media(min-width: 1700px){.articleBanner.themeLogoActive .col:first-child{padding-right:220px}}.articleBanner.themeLogoActive .col:last-child{position:relative;height:260px}@media(min-width: 450px){.articleBanner.themeLogoActive .col:last-child{height:400px}}@media(min-width: 768px){.articleBanner.themeLogoActive .col:last-child{height:580px}}@media(min-width: 1050px){.articleBanner.themeLogoActive .col:last-child{height:auto;flex:0 0 55%;max-width:55%}}@media(min-width: 1420px){.articleBanner.themeLogoActive .col:last-child{max-width:100%;flex:0 0 48%;max-width:48%}}.articleBanner.themeLogoActive .lottieImage{width:auto;height:260px;right:0;left:unset;width:100%}@media(min-width: 450px){.articleBanner.themeLogoActive .lottieImage{height:400px}}@media(min-width: 768px){.articleBanner.themeLogoActive .lottieImage{height:580px}}.articleBanner.themeLogoActive .lottie{position:relative;left:unset;right:0;bottom:0;width:100%;width:100%;height:auto;transform:none}.articleBanner.themeLogoActive .lottie svg{min-height:100%}.articleBanner.noImage .row .col{flex:unset;display:flex;align-items:center;max-width:940px;min-height:240px}@media(min-width: 1050px){.articleBanner.noImage .row .col{padding:0 80px 40px 0;min-height:380px}}.articleBanner.noImage .row .col:last-child{height:auto}.articleBanner.noImage .lottie{width:60px;height:225px}@media(min-width: 1050px){.articleBanner.noImage .lottie{width:120px;height:450px}}.articleBanner .main{max-width:1920px;margin-left:auto;margin-right:auto}.articleBanner .modal{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);transition:opacity .2s ease,visibility .2s ease;position:fixed;width:1000px;max-width:90vw;opacity:0;visibility:hidden;z-index:20020;aspect-ratio:373/197}@media(min-width: 768px){.articleBanner .modal{max-width:80vw}}@media(min-width: 1050px){.articleBanner .modal{max-width:60vw}}.articleBanner .modal.pc-isActive{transition:opacity .4s ease,visibility .4s ease;opacity:1;transition-delay:.2s;visibility:visible}.articleBanner .modal .closeButton{position:absolute;width:20px;height:20px;top:-26px;right:-3px;cursor:pointer;outline-offset:2px}.articleBanner .modal .closeButton:focus-visible{outline:1px solid var(--colour-white)}.articleBanner .modal .closeButton:before,.articleBanner .modal .closeButton:after{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);content:"";width:20px;height:3px;background:var(--colour-white);display:block;-webkit-transform-origin:70% 50%;transform-origin:50% 50%;transition:all .2s ease}.articleBanner .modal .closeButton:before{-webkit-transform:translate(-51%, -50%) rotate(-45deg);transform:translate(-51%, -50%) rotate(-45deg)}.articleBanner .modal .closeButton:after{-webkit-transform:translate(-51%, -50%) rotate(45deg);transform:translate(-51%, -50%) rotate(45deg)}.articleBanner .modal .content,.articleBanner .modal iframe{width:100%;height:100%}.articleBanner .container{max-width:1300px;margin:0 auto;padding:0 5%;box-sizing:content-box}.articleBanner .container.small{max-width:860px}@media(min-width: 768px){.articleBanner .container{padding:0 8%}}.articleBanner .container{position:relative}@media(min-width: 1050px){.articleBanner .row{position:relative;display:flex}}.articleBanner .col:first-child{position:relative;padding:0 80px 40px 0}@media(min-width: 1050px){.articleBanner .col:first-child{position:static;flex:0 0 58%;padding:20px 80px 80px 0;display:flex;align-items:center}}@media(min-width: 1230px){.articleBanner .col:first-child{padding:20px 170px 125px 0}}@media(min-width: 1050px){.articleBanner .col:last-child{flex:0 0 42%;max-width:42%;position:relative}}.articleBanner .back{display:inline-flex;align-items:center;margin-bottom:24px;font-size:15px;font-weight:700;color:var(--colour-primary);text-decoration-line:underline;text-decoration-color:rgba(0,0,0,0);transition:text-decoration .2s ease}@media(min-width: 1050px){.articleBanner .back{margin-bottom:12px}}.articleBanner .back:hover,.articleBanner .back:focus-visible{text-decoration-color:var(--colour-primary)}.articleBanner .back svg{margin-right:6px;fill:var(--colour-primary)}.articleBanner .themeLogo{max-height:30px;margin-bottom:20px;margin:40px 0 20px}@media(min-width: 768px){.articleBanner .themeLogo{max-height:37px}}@media(min-width: 1050px){.articleBanner .themeLogo{margin-top:20px}}.articleBanner .title{line-height:1.2;font-family:var(--font-body);margin:0;font-weight:600}.articleBanner .title+p,.articleBanner .title+.preamble{margin-top:15px}@media(min-width: 1230px){.articleBanner .title+p,.articleBanner .title+.preamble{margin-top:20px}}.articleBanner .title{font-size:2.8rem}@media(min-width: 768px){.articleBanner .title{font-size:3.2rem}}@media(min-width: 1230px){.articleBanner .title{font-size:3.7rem}}@media(min-width: 1700px){.articleBanner .title{font-size:4.5rem}}.articleBanner .title{position:relative}.articleBanner .description{font-size:1.8rem}@media(min-width: 768px){.articleBanner .description{font-size:2.1rem}}@media(min-width: 1420px){.articleBanner .description{font-size:2.6rem}}.articleBanner .lottie,.articleBanner .lottieImage{position:absolute;left:calc(95vw - 60px);bottom:0;z-index:10;width:60px;height:285px;overflow:hidden}@media(min-width: 768px){.articleBanner .lottie,.articleBanner .lottieImage{left:calc(92vw - 60px)}}@media(min-width: 1050px){.articleBanner .lottie,.articleBanner .lottieImage{right:auto;left:calc(50vw + 50% - 120px);width:120px;height:385px}}@media(min-width: 1230px){.articleBanner .lottie,.articleBanner .lottieImage{height:448px}}@media(min-width: 1420px){.articleBanner .lottie,.articleBanner .lottieImage{height:508px}}@media(min-width: 1650px){.articleBanner .lottie,.articleBanner .lottieImage{height:568px}}@media(min-width: 1900px){.articleBanner .lottie,.articleBanner .lottieImage{height:628px}}.articleBanner .lottie svg,.articleBanner .lottieImage svg{min-width:60px;min-height:345px}@media(min-width: 1050px){.articleBanner .lottie svg,.articleBanner .lottieImage svg{min-width:120px;min-height:690px}}.articleBanner .lottie{aspect-ratio:826/539}@media(max-width: 1049.5px){.articleBanner .lottie{display:none}}@media(min-width: 1050px){.articleBanner .lottieImage{display:none}}.articleBanner .preview{display:block;position:relative;left:50%;width:100vw;transform:translateX(-50%);aspect-ratio:880/600;overflow:hidden;height:100%}@media(min-width: 1050px){.articleBanner .preview{left:0;width:calc(50vw - 19%);transform:none;max-width:856px}}@media(min-width: 1050px)and (min-width: 1050px){.articleBanner .preview:hover .play{background:var(--colour-primaryHover)}}.articleBanner .preview img,.articleBanner .preview video{width:100%;height:100%;object-fit:cover}.articleBanner .play:focus-visible{outline:var(--colour-primary) 1px solid;outline-offset:2px}.articleBanner .play{position:absolute;cursor:pointer;left:0;bottom:0;display:flex;align-items:center;justify-content:center;width:100px;height:100px;background:var(--colour-primary);transform:scale(0.75);transform-origin:0 100%;transition:background .4s ease;z-index:2}@media(min-width: 768px){.articleBanner .play{transform:scale(1)}}.articleBanner .play:after{content:"";position:absolute;top:calc(50% - 22px);left:calc(50% - 22px);width:44px;height:44px;border:2px solid var(--colour-white);border-radius:50%}.articleBanner .bottom{padding:20px 0;background:var(--colour-white)}@media(min-width: 1050px){.articleBanner .bottom{padding:24px 0}}.articleBanner .user{display:flex;align-items:center;margin-top:auto}.articleBanner .avatar{margin-right:10px;width:42px;height:42px;border-radius:100%;overflow:hidden}.articleBanner .avatar img{aspect-ratio:1;width:100%;height:100%;object-fit:cover}.articleBanner .name{margin-bottom:4px;font-size:1.6rem;font-weight:700}.articleBanner .meta{font-size:1.3rem;opacity:.7}.articleBanner .meta .publishDate+.readTime:before{content:"|";display:inline-block}.articleBanner .back,.articleBanner .inner,.articleBanner .preview,.articleBanner .bottom{clip-path:polygon(0 0, 0 0, 0 100%, 0 100%);transition:clip-path .8s ease}.articleBanner .back.active,.articleBanner .inner.active,.articleBanner .preview.active,.articleBanner .bottom.active{clip-path:polygon(0 0, 100% 0, 100% 100%, 0 100%)}.articleBanner .preview{transition-delay:.8s}.articleBanner .bottom{transition-delay:1.6s}@media(min-width: 1050px){.articleBanner .bottom{transition-duration:1.6s}}
