.featured-grid{width:var(--w_main);transition:opacity var(--tr_main);margin:0 auto;padding:0}.featured-grid.transitioning{opacity:0}.featured-grid .project-row{gap:var(--gap_main);flex-direction:row;justify-content:center;width:100%;margin:0 0 60px;padding:0;list-style:none;display:flex}.featured-grid .project-row:last-child{margin:0}
.featured-grid .project-row.amount-1 .project{justify-content:center;width:100%}.featured-grid .project-row.amount-2 .project:first-child{width:calc(var(--column_main)*2 + var(--gap_main));justify-content:right}.featured-grid .project-row.amount-2 .project:nth-child(2){width:calc(var(--column_main)*4 + var(--gap_main)*3);justify-content:left}.featured-grid .project-row.inverted.amount-2 .project:first-child{width:calc(var(--column_main)*4 + var(--gap_main)*3);justify-content:right}.featured-grid .project-row.inverted.amount-2 .project:nth-child(2){width:calc(var(--column_main)*2 + var(--gap_main));justify-content:left}.featured-grid .project-row.amount-3 .project{width:calc(var(--column_main)*2 + var(--gap_main));justify-content:center}.featured-grid .project-row.amount-3 .project:first-child{justify-content:right}.featured-grid .project-row.amount-3 .project:nth-child(3){justify-content:left}.featured-grid .project-row .project{cursor:none;opacity:0;width:20%;height:fit-content;padding-top:100px;font-size:0;transition:padding .6s cubic-bezier(.8,0,.2,1),opacity .4s cubic-bezier(.8,0,.2,1);display:flex}.featured-grid .project-row .project.active{opacity:1;padding-top:0}.featured-grid .project-row .project .project-content{width:50%;transition:all .6s cubic-bezier(.8,0,.2,1)}.featured-grid .project-row .project.active .project-content{width:100%}.featured-grid .project-row .project .project-media__container{border-radius:var(--br_main);background-color:var(--c_yellow);width:100%;height:auto;position:relative;overflow:hidden}.featured-grid .project-row .project .project-media__container .project-image{object-fit:cover;width:100%;height:100%;scale:106%}.featured-grid .project-row .project .project-media__container .project-video{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity var(--tr_main);position:absolute;top:0;left:0;scale:106%}.featured-grid .project-row .project .project-media__container.hovered .project-video{opacity:1}.featured-grid .project-row.amount-1 .project .project-media__container{height:calc(var(--w_main)*9/16)}.featured-grid .project-row.amount-2 .project.vertical .project-media__container{height:calc((var(--column_main)*2 + var(--gap_main))*4/3)}.featured-grid .project-row.amount-2 .project.vertical:nth-child(2) .project-media__container{height:calc((var(--column_main)*4 + var(--gap_main)*3)*4/3)}.featured-grid .project-row.amount-3 .project.vertical .project-media__container{height:calc((var(--column_main)*2 + var(--gap_main))*4/3)}.featured-grid .project-row .project .project-info{color:var(--c_off-black);font-size:var(--fs_main);margin:15px 0 0}.featured-grid .project-row .project .project-info .client{letter-spacing:.3px;font-weight:600;font-size:var(--fs_main)}.featured-grid .project-row .project .project-info .title{font-weight:500}.featured-grid .project-row .project .project-categories{font-size:var(--fs_small);font-weight:500}.featured-grid .project-row .project .project-info .separator{font-size:var(--fs_small);margin:0 5px}@media (max-width:768px){.featured-grid .project-row.amount-1 .project,.featured-grid .project-row.amount-2 .project:first-child,.featured-grid .project-row.amount-2 .project:nth-child(2),.featured-grid .project-row.inverted.amount-2 .project:first-child,.featured-grid .project-row.inverted.amount-2 .project:nth-child(2),.featured-grid .project-row.amount-3 .project{justify-content:center;width:100%}.featured-grid .project-row.amount-3 .project:first-child,.featured-grid .project-row.amount-3 .project:nth-child(3){justify-content:center}.featured-grid .project-row.amount-1 .project .project-media__container{height:calc(var(--w_main)*9/16)}.featured-grid .project-row.amount-2 .project.vertical .project-media__container,.featured-grid .project-row.amount-2 .project.vertical:nth-child(2) .project-media__container,.featured-grid .project-row.amount-3 .project.vertical .project-media__container{height:calc(var(--w_main)*4/3)}.featured-grid .project-row{flex-direction:column;gap:0;margin-bottom:0}.featured-grid .project-row .project{margin-bottom:50px}}