.ProjectCard{display:flex;flex-direction:column}.ProjectCard:not(.styleNoWidth){width:68rem}@media (min-width: 769px){.ProjectCard.styleSmall:not(.styleNoWidth){width:44.8rem}}@media (max-width: 768px){.ProjectCard:not(.styleNoWidth){width:36.1rem}}.ProjectCard__rect{--cut-top-left: 4rem;--cut-top-left-enabled: 1;--cut-bottom-right: 4rem;--cut-bottom-right-enabled: 1;position:relative;display:flex;align-items:flex-end;height:40rem;margin-bottom:3.2rem;background-color:var(--color-bg-gray)}.ProjectCard.styleBlack .ProjectCard__rect{background-color:var(--color-bg-black-on-black)}.ProjectCard.styleSmall .ProjectCard__rect{--cut-top-left: 2.4rem;--cut-bottom-right: 2.4rem;height:33.6rem;margin-bottom:2.4rem}@media (max-width: 768px){.ProjectCard__rect{margin-bottom:1.6rem;height:36rem}.ProjectCard.styleSmall .ProjectCard__rect{height:36.1rem;margin-bottom:2rem}}.ProjectCard__rect__location{position:absolute;top:4rem;left:4rem;display:flex;align-items:center;gap:1.6rem}.ProjectCard.styleSmall .ProjectCard__rect__location{top:3.2rem;left:3.2rem}@media (max-width: 768px){.ProjectCard__rect__location{top:3.2rem;left:3.2rem}.ProjectCard.styleSmall .ProjectCard__rect__location{top:2.8rem;left:2.8rem}}.ProjectCard__rect__location__icon{--FrameButton-frame-stroke: var(--color-stroke-gray-wt);--FrameButton-icon-fill: var(--color-icon-gray-48)}.ProjectCard.styleBlack .ProjectCard__rect__location__icon{--FrameButton-frame-stroke: var(--color-stroke-gray-16-on-black);--FrameButton-icon-fill: var(--color-icon-white-50)}.ProjectCard__rect__location__name{color:var(--color-text-gray-wt)}.ProjectCard.styleBlack .ProjectCard__rect__location__name{color:var(--color-text-gray-bl)}.ProjectCard__rect__image{width:100%;height:30.4rem;-o-object-fit:contain;object-fit:contain}.ProjectCard.styleSmall .ProjectCard__rect__image{height:23.8rem}.ProjectCard:not(.styleBlack) .ProjectCard__rect__image{mix-blend-mode:multiply}@media (max-width: 768px){.ProjectCard__rect__image,.ProjectCard.styleSmall .ProjectCard__rect__image{height:25.6rem;margin-bottom:4.1rem}}.ProjectCard__category{margin-bottom:1.6rem;color:var(--color-text-gray-wt)}.ProjectCard.styleBlack .ProjectCard__category{color:var(--color-text-gray-bl)}.ProjectCard.styleSmall .ProjectCard__category{margin-bottom:.8rem}.ProjectCard__title{color:var(--color-text-black);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden}.ProjectCard.styleBlack .ProjectCard__title{color:var(--color-text-white)}