@layer components{.c-project-card{--project-image-aspect:769/655;--project-card-divider-size:1.25rem;--project-title-color:#fff;--project-text-color:#fff;--api-button-text-color:#fff;--api-button-icon-color:#fff;--project-card-footer-visibility:hidden;--project-card-footer-opacity:0;--project-card-footer-grid-rows:0fr;--project-card-main-padding-x:1.63rem;--project-card-main-padding-y:1.56rem;--project-card-main-padding:var(--project-card-main-padding-y) var(--project-card-main-padding-x);--project-card-main-offset:1.25rem;position:relative}.c-project-card:has(.c-figure--requires-dark-text){--project-title-color:var(--brand-onyx);--project-text-color:var(--brand-onyx);--api-button-text-color:var(--brand-onyx);--api-button-icon-color:var(--brand-onyx)}.c-project-card--full{--project-image-aspect:1599/655}.c-project-card--full:where(.c-project-card--tl,.c-project-card--tr) .c-project-card__figure{--panel-mask-gutter-width:var(--api-panel-mask-gutter-width,20px);--panel-mask-left-width:var(--api-panel-mask-left-width,66%);-webkit-mask-image:linear-gradient(to right,#000 0,#000 var(--panel-mask-left-width),transparent var(--panel-mask-left-width),transparent calc(var(--panel-mask-left-width) + var(--panel-mask-gutter-width)),#000 calc(var(--panel-mask-left-width) + var(--panel-mask-gutter-width)),#000 100%);mask-image:linear-gradient(to right,#000 0,#000 var(--panel-mask-left-width),transparent var(--panel-mask-left-width),transparent calc(var(--panel-mask-left-width) + var(--panel-mask-gutter-width)),#000 calc(var(--panel-mask-left-width) + var(--panel-mask-gutter-width)),#000 100%);mask-type:luminance}.c-project-card--full:where(.c-project-card--tr) .c-project-card__figure{--panel-mask-left-width:33%}.c-project-card__figure{--figure-position:var(--desktop-asset-position,50% 50%)}.c-project-card__figure .c-figure__image{aspect-ratio:var(--project-image-aspect)}.c-project-card__container{position:relative}.c-project-card__main{bottom:var(--project-card-main-offset);color:var(--project-text-color);left:50%;margin:0;overflow:hidden;padding:var(--project-card-main-padding);position:absolute;transform:translateX(-50%);transition:all .4s ease;width:calc(100% - var(--project-card-main-offset)*2);z-index:1}.c-project-card__main.is-active,.c-project-card__main:focus-within,.c-project-card__main:hover{--project-card-footer-opacity:1;--project-card-footer-height:auto;--project-card-footer-visibility:visible;--project-card-footer-grid-rows:1fr;--api-button-hover-activated:1}.c-project-card__main:focus-within .c-project-card__footer,.c-project-card__main:hover .c-project-card__footer{margin-top:3.75rem}.c-project-card--tl .c-project-card__main,.c-project-card--tr .c-project-card__main{transform:unset;width:calc(66% - 3.36rem)}.c-project-card--tr .c-project-card__main{left:auto;right:1.68rem}.c-project-card--tl .c-project-card__main{left:1.68rem;right:auto}.c-project-card__title{color:var(--project-title-color);font-size:clamp(1.31rem,3.5vw,2.63rem);font-weight:var(--font-weight-regular);letter-spacing:.4px;line-height:1.5}.c-project-card__footer{display:grid;grid-template-rows:var(--project-card-footer-grid-rows);margin-top:0;overflow:hidden;transition:grid-template-rows .25s ease-in-out,margin .25s ease-in-out}.c-project-card__footer__content{align-items:flex-end;color:var(--project-text-color);display:flex;justify-content:space-between;min-height:0;opacity:var(--project-card-footer-opacity);transition:opacity .25s ease-in-out 125ms;visibility:var(--project-card-footer-visibility)}.c-project-card__builder{font-weight:var(--font-weight-medium);letter-spacing:.9px;text-transform:uppercase}.c-project-card__link{inset:0;margin:0;position:absolute}@media (max-width:800px){.c-project-card{--project-image-aspect:378/220;--project-card-footer-grid-rows:1fr;--project-card-footer-opacity:1;--project-card-footer-visibility:visible;--project-card-main-padding-y:0.6rem;--project-card-main-padding-x:0.8rem}.c-project-card:focus-within,.c-project-card:hover{--api-button-hover-activated:1}.c-project-card__main{inset:auto 0 0;transform:unset;width:100%}.c-project-card--full:where(.c-project-card--tl,.c-project-card--tr) .c-project-card__figure{-webkit-mask:unset;mask:unset}.c-project-card--tl .c-project-card__main,.c-project-card--tr .c-project-card__main{inset:auto 0 0;width:100%}.c-project-card__figure{--figure-position:var(--mobile-asset-position,50% 50%)}.c-project-card__title{letter-spacing:.2px}.c-project-card__footer__content{--project-text-color:var(--brand-onyx);--api-button-text-color:var(--brand-onyx);--api-button-icon-color:var(--brand-onyx);color:var(--brand-onyx);min-height:unset;padding:.75rem var(--project-card-main-padding-x)}}}