.side-project-card{aspect-ratio:3/4;border-radius:var(--radius-image);background-color:var(--color-image-placeholder);width:100%;height:100%;transition:transform var(--duration-motion-normal)var(--ease-motion);transform-origin:50%;display:block;position:relative;overflow:hidden}@media (hover:hover) and (pointer:fine){a:hover .side-project-card{transform:scale(1.02)}}a:focus-visible .side-project-card{transform:scale(1.02)}.side-project-card__media{position:absolute;inset:0}.side-project-card__img{object-fit:cover;object-position:center top;width:100%;height:100%;display:block}.side-project-card__placeholder{background-color:var(--color-image-placeholder);position:absolute;inset:0}.side-project-card__copy{z-index:1;gap:var(--raw-space-8px);padding:var(--raw-space-32px);flex-direction:column;max-width:90%;display:flex;position:relative}.side-project-card__logo-text{color:var(--side-project-logo-color,var(--color-foreground));margin:0;line-height:1}.side-project-card__logo-text--serif{font-family:var(--font-serif);font-weight:var(--font-weight-700);letter-spacing:-.022em;font-size:56px}.side-project-card__logo-text--bitcount{font-family:var(--font-bitcount);letter-spacing:0;font-size:40px;font-weight:600}.side-project-card__logo-img{object-fit:contain;object-position:left center;width:auto;max-width:70%;height:auto;max-height:48px;display:block}.side-project-card__subline{max-width:16em;font-family:var(--font-sans);font-weight:var(--font-weight-500);font-size:var(--raw-font-size-18px);color:var(--color-foreground);margin:0;line-height:1.4}@media (min-width:768px){.side-project-card__copy{padding:var(--raw-space-40px)}.side-project-card__logo-text--serif{font-size:64px}.side-project-card__logo-text--bitcount{font-size:48px}.side-project-card__logo-img{max-height:56px}.side-project-card__subline{font-size:var(--raw-font-size-20px)}}