:root{--projects-carousel-page-padding:32px;--projects-carousel-grid-columns:8;--projects-carousel-grid-gap:16px;--projects-carousel-grid-width:100vw}@media screen and (min-width:752px){:root{--projects-carousel-grid-width:calc(752px + var(--projects-carousel-page-padding)*2)}}@media screen and (min-width:1145px){:root{--projects-carousel-grid-columns:10;--projects-carousel-grid-width:985px;--projects-carousel-page-padding:0px}}.projects-carousel{--_col-width:0;--offset-left:var(--projects-carousel-page-padding);--offset-right:var(--offset-left)}@media screen and (min-width:752px){.projects-carousel{--offset-left:calc(50vw - (var(--projects-carousel-grid-width)/2) + var(--_col-width) + var(--projects-carousel-grid-gap) + var(--projects-carousel-page-padding));--_col-width:calc(calc(var(--projects-carousel-grid-width) - var(--projects-carousel-page-padding)*2 - calc(var(--projects-carousel-grid-columns) - 1)*var(--projects-carousel-grid-gap))/var(--projects-carousel-grid-columns)*1 + 0*var(--projects-carousel-grid-gap))}}@media screen and (min-width:1145px){.projects-carousel{--_col-width:calc(calc(var(--projects-carousel-grid-width) - var(--projects-carousel-page-padding)*2 - calc(var(--projects-carousel-grid-columns) - 1)*var(--projects-carousel-grid-gap))/var(--projects-carousel-grid-columns)*2 + 1*var(--projects-carousel-grid-gap))}}.projects-carousel__scroll-container{padding-left:var(--offset-left);padding-right:var(--offset-right);touch-action:pan-x}.projects-carousel__scroll-container>div{gap:var(--projects-carousel-grid-gap);transform:translateZ(0)}.projects-carousel__item-scaled{max-height:inherit}.projects-carousel__card{--border-radius:16px;border-radius:var(--border-radius);touch-action:pan-x}.projects-carousel__card--sm{--aspect-ratio:4/5;--min-width:200px;--max-width:402px;--width:calc(calc(var(--projects-carousel-grid-width) - var(--projects-carousel-page-padding)*2 - calc(var(--projects-carousel-grid-columns) - 1)*var(--projects-carousel-grid-gap))/var(--projects-carousel-grid-columns)*5 + 4*var(--projects-carousel-grid-gap));background-position:top!important}@media screen and (min-width:752px){.projects-carousel__card--sm{--width:calc(calc(var(--projects-carousel-grid-width) - var(--projects-carousel-page-padding)*2 - calc(var(--projects-carousel-grid-columns) - 1)*var(--projects-carousel-grid-gap))/var(--projects-carousel-grid-columns)*3 + 2*var(--projects-carousel-grid-gap))}}@media screen and (min-width:1145px){.projects-carousel__card--sm{--width:calc(calc(var(--projects-carousel-grid-width) - var(--projects-carousel-page-padding)*2 - calc(var(--projects-carousel-grid-columns) - 1)*var(--projects-carousel-grid-gap))/var(--projects-carousel-grid-columns)*2 + 1*var(--projects-carousel-grid-gap))}}.projects-carousel__card--med-alt{--aspect-ratio:3/4;--min-width:230px;--max-width:402px;--width:calc(calc(var(--projects-carousel-grid-width) - var(--projects-carousel-page-padding)*2 - calc(var(--projects-carousel-grid-columns) - 1)*var(--projects-carousel-grid-gap))/var(--projects-carousel-grid-columns)*6 + 5*var(--projects-carousel-grid-gap))}@media screen and (min-width:752px){.projects-carousel__card--med-alt{--width:calc(calc(var(--projects-carousel-grid-width) - var(--projects-carousel-page-padding)*2 - calc(var(--projects-carousel-grid-columns) - 1)*var(--projects-carousel-grid-gap))/var(--projects-carousel-grid-columns)*3.5 + 2.5*var(--projects-carousel-grid-gap))}}@media screen and (min-width:1145px){.projects-carousel__card--med-alt{--width:calc(calc(var(--projects-carousel-grid-width) - var(--projects-carousel-page-padding)*2 - calc(var(--projects-carousel-grid-columns) - 1)*var(--projects-carousel-grid-gap))/var(--projects-carousel-grid-columns)*2.5 + 1.5*var(--projects-carousel-grid-gap))}}.projects-carousel__card--med{--min-width:260px;--max-width:402px;--width:calc(calc(var(--projects-carousel-grid-width) - var(--projects-carousel-page-padding)*2 - calc(var(--projects-carousel-grid-columns) - 1)*var(--projects-carousel-grid-gap))/var(--projects-carousel-grid-columns)*7 + 6*var(--projects-carousel-grid-gap));--aspect-ratio:4/5}@media screen and (min-width:752px){.projects-carousel__card--med{--width:calc(calc(var(--projects-carousel-grid-width) - var(--projects-carousel-page-padding)*2 - calc(var(--projects-carousel-grid-columns) - 1)*var(--projects-carousel-grid-gap))/var(--projects-carousel-grid-columns)*4 + 3*var(--projects-carousel-grid-gap))}}@media screen and (min-width:1145px){.projects-carousel__card--med{--min-width:none;--width:calc(calc(var(--projects-carousel-grid-width) - var(--projects-carousel-page-padding)*2 - calc(var(--projects-carousel-grid-columns) - 1)*var(--projects-carousel-grid-gap))/var(--projects-carousel-grid-columns)*3 + 2*var(--projects-carousel-grid-gap))}}.projects-carousel__card--lrg{--aspect-ratio:4/5;--width:calc(calc(var(--projects-carousel-grid-width) - var(--projects-carousel-page-padding)*2 - calc(var(--projects-carousel-grid-columns) - 1)*var(--projects-carousel-grid-gap))/var(--projects-carousel-grid-columns)*8 + 7*var(--projects-carousel-grid-gap))}@media screen and (min-width:752px){.projects-carousel__card--lrg{--aspect-ratio:3/2;--width:calc(calc(var(--projects-carousel-grid-width) - var(--projects-carousel-page-padding)*2 - calc(var(--projects-carousel-grid-columns) - 1)*var(--projects-carousel-grid-gap))/var(--projects-carousel-grid-columns)*6 + 5*var(--projects-carousel-grid-gap))}}@media screen and (min-width:1145px){.projects-carousel__card--lrg{--min-width:none;--width:calc(calc(var(--projects-carousel-grid-width) - var(--projects-carousel-page-padding)*2 - calc(var(--projects-carousel-grid-columns) - 1)*var(--projects-carousel-grid-gap))/var(--projects-carousel-grid-columns)*6 + 5*var(--projects-carousel-grid-gap))}}.projects-carousel__card{width:var(--width,100%);min-width:var(--min-width,auto);max-width:var(--max-width,none);aspect-ratio:var(--aspect-ratio,1)}.projects-carousel__card--sm,.projects-carousel__card--med,.projects-carousel__card--med-alt{max-height:365px}@media screen and (min-width:752px){.projects-carousel__card--sm,.projects-carousel__card--med,.projects-carousel__card--med-alt{max-height:400px}.projects-carousel__card--lrg{max-height:453px}}.projects-carousel__card .background,.projects-carousel__video{border-radius:var(--border-radius)}.projects-carousel__video-element{transition:opacity .3s}
