@property --project--scale{syntax:"<number>|<percentage>";inherits:true;initial-value:1}@property --embla-scale{syntax:"<number>";inherits:true;initial-value:1}@layer template{.embla-scale{--embla-scale:1;--embla-margin:0px;opacity:calc(var(--embla-scale));transform-origin:top;transform:scaleY(var(--embla-scale));margin-bottom:var(--embla-margin);will-change:transform, margin-bottom, opacity;overflow:clip}.embla-scale .carousel{transform:scaleY(calc(1 / var(--embla-scale)))}@keyframes project-scale{to{--project--scale:0}}.project .carousel{--carousel--template-areas:"carousel" "footer";grid-template-areas:var(--carousel--template-areas);min-block-size:0;inline-size:100%;block-size:var(--canvas-height);grid-template-rows:minmax(0,1fr) min-content;grid-template-columns:minmax(0,1fr);scroll-margin-block-start:var(--site-header--height);display:grid}:is(.project .carousel) .carousel__title{-webkit-line-clamp:2;-webkit-box-orient:vertical;grid-area:header;display:-webkit-box;overflow:hidden}:is(.project .carousel) .carousel__footer{grid-area:footer}:is(.project .carousel) .embla{grid-area:carousel}}