/* Projects layout and image crops from Figma frame 1:815. */
.listing{column-gap:24px;row-gap:83px;align-items:start;grid-template-columns:repeat(2,minmax(0,1fr))}
.listing .project-card{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:24px;min-width:0}
.listing .project-card .cover{order:-1;width:100%;flex:none;aspect-ratio:664/405}
.listing .screen-frame{padding:8.5px}
.listing .project-copy{min-width:0}
.listing .project-copy h3{display:block;overflow-wrap:break-word}
.listing .project-copy>p:last-child{line-height:30px}
.listing>.divider{grid-column:1/-1;width:100%;margin:56px 0 26px}
.listing .cover.blue .screen-frame{left:13.55%;right:13.55%;top:9.39%;bottom:9.35%}
.listing .cover.blue .screen-crop img{width:100.22%;height:99.79%;left:-.1%;top:0;object-fit:fill}
.listing .cover.orange .screen-frame{left:13.55%;right:13.55%;top:9.16%;bottom:9.41%}
.listing .cover.orange .screen-crop img{width:100%;height:106.92%;left:0;top:-.02%;object-fit:fill}
.listing .cover.teal .screen-frame{left:13.4%;right:13.7%;top:9.38%;bottom:9.38%}
.listing .cover.teal .screen-crop img{width:104.31%;height:104.69%;left:-4.33%;top:-4.6%;object-fit:fill;max-width:none}
.listing .cover.green .screen-frame{left:13.55%;right:13.55%;top:9.16%;bottom:9.41%}
.listing .cover.green .screen-crop img{width:102.68%;height:127.86%;left:-1.34%;top:-2.11%;object-fit:fill;max-width:none}
@media(max-width:900px){.listing{grid-template-columns:minmax(0,1fr);row-gap:48px}.listing>.divider{display:none}}