: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{content-visibility:auto;contain-intrinsic-size:auto 300px}.projects-carousel__item-scaled{max-height:inherit}.projects-carousel__card{--border-radius:var(--radius-xs,4px);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}
