.project-feed-item{border-radius:.6em;display:flex;flex-direction:column;gap:1em;justify-content:flex-end;min-height:95vw;overflow:hidden;padding:1.5em;position:relative;transition:all .4s ease;width:100%;z-index:1}.project-feed-item-img{z-index:-1}.project-feed-item-img,.project-feed-item-img:after{height:100%;left:0;position:absolute;top:0;width:100%}.project-feed-item-img:after{background:linear-gradient(0deg,#2b2e42cc 20%,#2b2e4200 80%);content:"";transition:opacity 1s ease;z-index:1}.project-feed-item-content{color:var(--off-white);display:flex;flex-direction:column;gap:.8em;width:100%;z-index:1}.project-feed-item-title{font-size:1.4em;font-weight:700;transition:all 1.1s ease}.project-feed-item-specs{display:flex;font-size:.8em;gap:1em;justify-content:space-between;opacity:.8;transition:all 1.2s ease;width:100%}@media (min-width:700px){.project-feed-item{height:45vw;max-height:400px;min-height:auto}.project-feed-item .full{scale:1;transition:all 1s ease}.project-feed-item-img:after{opacity:0}.project-feed-item:hover .project-feed-item-img:after{opacity:1}.project-feed-item:hover .full{scale:1.1}.project-feed-item:first-child{grid-column:span 2;height:60vw;max-height:620px;min-height:auto}.project-feed-item:first-child .project-feed-item-specs{gap:3em;justify-content:flex-start}.project-feed-item-title{opacity:0;transform:translateY(1em)}.project-feed-item:hover .project-feed-item-title{opacity:1;transform:translateY(0)}.project-feed-item:first-child .project-feed-item-title{font-size:2em}.project-feed-item-specs{opacity:0;transform:translateY(1em)}.project-feed-item:hover .project-feed-item-specs{opacity:1;transform:translateY(0)}}@media (min-width:1000px){.project-feed-item:first-child{grid-column:span 3;height:50vw}.project-feed-item:first-child .project-feed-item-title{font-size:2.4em}}.project-feed{padding:3em 0}.project-feed .sub-wrapper{gap:2em}@media (min-width:700px){.project-feed .sub-wrapper{display:grid;gap:2em;grid-template-columns:repeat(2,1fr)}}@media (min-width:1000px){.project-feed .sub-wrapper{grid-template-columns:repeat(3,1fr)}}