.projects-list{padding:32px 0;width:100%;position:relative}.projects-list:before{content:"";position:absolute;width:calc(100vw + 24px);height:70%;z-index:-1;top:0;left:0;margin-left:calc(-50vw + 50%);margin-right:calc(-50vw + 50%);background:linear-gradient(300deg,#f4f4f4 25%,#f6f6f6)}.projects-list:after{content:"";width:336px;height:534px;position:absolute;bottom:30%;right:calc(-50vw + 50%);background-image:url(./img/projects-pattern-BQmWdRKt.svg);background-repeat:no-repeat;background-position:left bottom;background-size:contain;z-index:-1;opacity:.8}.projects-list__content{max-width:1360px;margin:0 auto}.projects-list .tns-outer{position:relative}.projects-list .tns-ovh{overflow:visible}.projects-list__title{margin:0 0 16px;font:var(--font-h2-mobile);line-height:1.2}.projects-list__preamble{font:var(--font-preamble-mobile);line-height:1.4;margin:0 0 24px}.projects-list__list{display:flex}.projects-list__item{width:320px;flex-shrink:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.projects-list .tns-controls{display:none}.projects-list .tns-nav button:last-of-type{margin-right:0}.projects-list .tns-nav button.tns-nav-active{background:#710049}.projects-list .tns-nav{position:absolute;margin-left:auto;margin-right:auto;left:0;right:0;bottom:16px;z-index:1;text-align:center}.projects-list .tns-controls button{width:30px;height:30px;z-index:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background-color:#fff;background-image:url(./img/arrow-right-alt--gradient-DF4Op4G2.svg);background-repeat:no-repeat;background-position:center right 8px;background-size:12px;border-radius:50%;box-shadow:2px 2px 4px #0000001a,0 0 15px #0000000d;opacity:1;transition:box-shadow .15s ease,opacity .25s .25s ease,transform .25s ease;will-change:box-shadow,opacity,transform}@media(hover:hover){.projects-list .tns-controls button:focus,.projects-list .tns-controls button:hover{transform:scale(1.075);box-shadow:2px 2px 4px #00000026,0 0 15px #00000026}.projects-list .tns-controls button:first-child:focus,.projects-list .tns-controls button:first-child:hover{transform:scale(1.075) rotate(180deg)}}.projects-list .tns-controls button[disabled]{opacity:0}.projects-list .tns-controls button:first-child{transform:rotate(180deg)}.projects-list .tns-controls button:active{transform:scale(.95)}.projects-list .tns-controls button:first-child:active{transform:rotate(180deg) scale(.95)}@media only screen and (min-width:768px){.projects-list{padding:64px 0}.projects-list--double #tns2{width:100%}.projects-list--single #tns2{width:100%;max-width:800px;margin:0 auto}}@media only screen and (min-width:992px){.projects-list{padding:64px 32px}.projects-list--grid .tns-ovh:after,.projects-list--grid .tns-ovh:before{display:none}.projects-list__list--grid{width:calc(100% + 24px)!important}.projects-list__list--grid{overflow:visible!important}.projects-list .tns-ovh{overflow:hidden;padding:20px 12px;position:relative;width:calc(100% + 34px);margin-left:-18px}.projects-list--grid .tns-ovh{overflow:visible;padding:24px;font-size:var(--font-size-heading-h2-desktop);width:calc(100% + 20px)}.projects-list__title{font:var(--font-h2-desktop);line-height:1.2;margin:0 0 16px}.projects-list__preamble{font:var(--font-preamble-desktop);margin:0 0 16px;max-width:55%}.projects-list__item{width:400px}.projects-list .tns-nav button{margin-right:24px;width:42px;height:6px}.projects-list .tns-controls{top:211px;justify-content:space-between;position:absolute;display:flex;width:calc(100% + 44px);left:-24px}.projects-list .tns-controls button{width:45px;height:45px;background-position:center right 12px;z-index:2;background-size:16px}}@media only screen and (min-width:992px){.projects-list--double #tns2{width:100%}.projects-list--double .tns-inner{width:100%;display:flex;justify-content:center}}.projects-list-card{position:relative;display:flex;flex-direction:column;height:100%;width:calc(100% - 8px);border-radius:10px;overflow:hidden;box-shadow:0 0 8px 4px #0000000d;transition:box-shadow .25s ease,transform .25s ease;will-change:transform,box-shadow;transform:translateY(0)}.projects-list-card__card--video{cursor:pointer}.projects-list-card__image-wrap--video{position:relative}.projects-list-card__play-button{position:absolute;top:calc(50% - 35px);left:calc(50% - 35px);display:flex;height:70px;width:70px;border-radius:50%;line-height:1.1;color:#fff;align-self:center;justify-self:center;background-color:#fff;box-shadow:0 0 17px 4px #00000040;background-image:url(./img/play--gradient-rHRclIZu.svg);background-repeat:no-repeat;background-position:center left 28px;background-size:18px}@media(hover:hover){.projects-list-card:has(a:focus),.projects-list-card:hover{box-shadow:0 0 15px 8px #00000013;-webkit-text-decoration:none;text-decoration:none;transform:translateY(-4px)}}.projects-list-card__link{position:absolute;inset:0;z-index:1}.projects-list-card__title{margin:0 0 16px;color:var(--default-anchor-color);font-size:var(--font-size-heading-h4-mobile);line-height:1.2}.projects-list-card__preamble{margin:0 0 32px;font-size:var(--font-size-body-large);color:#000;line-height:1.4;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.projects-list-card__wrapper{padding:32px;height:100%;min-height:112px;display:flex;flex-direction:column;justify-content:space-between;background-color:#fff}.projects-list-card__image-wrap{overflow:hidden;flex-shrink:0;aspect-ratio:8/5}.projects-list-card__image{height:100%;width:100%;-o-object-fit:cover;object-fit:cover;background-color:var(--panel-background-color);will-change:transform;transition:transform .25s ease}.projects-list-card__watch-link{cursor:pointer}.projects-list-card__read-link{color:var(--purple-color);display:inline;line-height:1;font-weight:600;font-size:var(--font-size-heading-h5-subtitle);position:relative}.projects-list-card__read-link:after{content:"";background-image:url(./img/arrow-right-circle-small--gradient-Db6zj9S-.svg);background-repeat:no-repeat;background-size:contain;position:absolute;margin-left:12px;width:20px;height:20px;transition:margin-left .25s ease;will-change:margin-left}@media only screen and (min-width:768px){.projects-list-card__title{font-size:var(--font-size-heading-h4-desktop)}}@media only screen and (min-width:992px){.projects-list-card__wrapper{min-height:172px}.projects-list-card{width:100%}}
