.project_grid{grid-template-columns:1fr 1fr;gap:36px;margin-top:24px;display:grid}.project_card{cursor:pointer;text-align:left;border-radius:12px;transition:all .2s;position:relative;overflow:hidden;box-shadow:0 0 0 1px #00000015}.project_card h2,.project_card{color:#fff}.project_card_title{font-size:28px}.project_card_content_wrapper{--gradient-top:20%;--gradient-bottom:100%;background-image:linear-gradient(180deg,#0000 var(--gradient-top),#000000d6 var(--gradient-bottom));flex-direction:column;justify-content:flex-end;padding:32px;display:flex;position:absolute;inset:0}.project_card_image_wrapper{border-radius:12px;overflow:hidden}.project_card_image_wrapper>img{filter:brightness(.7);transition:filter .3s ease-in-out}.project_card:hover .project_card_image_wrapper>img{filter:brightness()}.project_card_featured_image{width:100%}.category_wrapper{z-index:1;flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex;position:absolute;top:16px;left:16px;right:16px}.category_badge{color:#fff;border-radius:5px;place-content:center;padding:2px 5px;font-size:12px;font-weight:500;display:grid;box-shadow:0 4px 4px #08080814,0 1px 2px #08080814,inset 0 6px 12px #ffffff0f,inset 0 1px 1px #ffffff1f}.category_badge.webflow{background-color:#146ef5}.category_badge.next{background-color:#000}.category_badge.react{background-color:#58c4dc}.category_badge.figma{background-color:#ff7237}.category_badge.cloudinary{background-color:#3448c5}.category_badge.mongodb{background-color:#00684a}.featured_image_main{border-radius:12px;width:100%}.project_drawer_content{overflow-y:auto}.project_drawer_content::-webkit-scrollbar{width:5px}.project_drawer_content::-webkit-scrollbar-track{background-color:#fff;border-right:2px solid #fff}.project_drawer_content::-webkit-scrollbar-thumb{background-color:#cecece;border-radius:10px}.project_drawer_title{font-size:28px;line-height:32px}.project_header_wrapper{flex-direction:row;justify-content:space-between;align-items:center;gap:10px;display:flex}@media screen and (max-width:760px){.project_grid{grid-template-columns:1fr}.project_card_image_wrapper>img{filter:brightness()}.project_card_image_wrapper{box-shadow:0 0 0 1px #00000015}.project_card_content_wrapper{background-image:unset;padding:10px 0 0;position:relative}.project_card_content_wrapper p{font-size:14px;line-height:18px}.project_card_content_wrapper h2{margin-bottom:5px}.project_card{box-shadow:none;overflow:visible}.project_card h2,.project_card{color:var(--foreground)}.project_header_wrapper{flex-direction:column}.project_header_wrapper .button-primary{width:100%}}