.PatternPortfolioGrid{position:relative;overflow:hidden}.PatternPortfolioGrid:after{z-index:-10;top:50px;left:0;width:100%;height:100%;background-color:initial;background-image:url(/assets/img/pattern/cross.svg);background-position:top left .9%;background-size:5rem auto;opacity:.3;display:block}.PatternPortfolioGrid:after,.TigerDecoration{content:"";position:absolute;pointer-events:none}.TigerDecoration{bottom:0;right:0;width:351px;height:563px;background-image:url(/assets/img/LandingBG/TransparentRaccon.png);background-repeat:no-repeat;background-size:contain;background-position:100%;z-index:1;transform:translateY(50px)}.ProjectHeroImg{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;margin-top:-230px}.ProjectGrid{height:500px;overflow:hidden}.ProjectGrid,.ProjectOverlay:after{position:absolute;width:100%;z-index:1}.ProjectOverlay:after{background:linear-gradient(180deg,transparent,#ffffff)}.ProjectOverlay:after,.dark-mode .ProjectOverlay:after{content:"";left:0;bottom:0;height:302px;pointer-events:none}.dark-mode .ProjectOverlay:after{position:absolute;width:100%;background:linear-gradient(180deg,transparent,#0a0a0a);z-index:1}.main-grid{background-color:rgb(255,255,255)}.dark-mode .main-grid,.main-grid{max-width:100%;padding:29px;z-index:6;position:relative;margin:0 0 450px}.dark-mode .main-grid{background-color:rgb(0,0,0)}@media screen and (max-width:480px){.main-grid{max-width:100%;padding:0}}.card-grid{display:grid;grid-column-gap:14px;grid-row-gap:14px;gap:16px;margin:20px auto auto;border-radius:12px;padding:16px}.card-grid.layout-1{grid-template-columns:repeat(4,1fr);width:65%;height:100%}.card-grid.layout-2{grid-template-columns:repeat(5,1fr);width:80%}.card-grid.layout-3{grid-template-columns:repeat(8,1fr);width:100%}@media screen and (min-width:481px) and (max-width:1024px){.card-grid.layout-1{grid-template-columns:repeat(3,1fr);padding:25px}.card-grid.layout-2{grid-template-columns:repeat(6,1fr);padding:25px}.card-grid.layout-3{grid-template-columns:repeat(4,1fr);max-width:85%;padding:25px}}@media screen and (max-width:480px){.card-grid.layout-1{grid-template-columns:repeat(3,1fr);width:100%;position:relative}.card-grid.layout-2{grid-template-columns:repeat(2,1fr);width:100%;position:relative}.card-grid.layout-3{grid-template-columns:repeat(1,1fr);width:100%;min-height:139px}}