@import "https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Inter:wght@100..900&display=swap";
*{box-sizing:border-box;margin:0;padding:0}.customPortfolioSection{background:#f5f1eb;padding:120px 50px;position:relative;overflow:hidden}.customPortfolioGrid{grid-template-columns:repeat(3,1fr);gap:24px;max-width:1400px;margin:0 auto;display:grid}.customPortfolioCard{isolation:isolate;background:#111;border:1px solid #ffffff14;border-radius:16px;width:100%;height:560px;text-decoration:none;transition:transform .45s,box-shadow .45s;position:relative;overflow:hidden;box-shadow:0 30px 80px #0000001f}.customPortfolioImageWrap{position:absolute;inset:0;overflow:hidden}.customPortfolioImage{object-fit:cover;transition:transform .8s;transform:scale(1.01)}.customPortfolioOverlay{z-index:1;background:linear-gradient(#00000014 0%,#00000047 45%,#000000f5 100%);position:absolute;inset:0}.customPortfolioLogo{z-index:5;justify-content:center;align-items:center;width:180px;transition:all .45s;display:flex;position:absolute;top:45%;left:50%;transform:translate(-50%,-50%)}.customPortfolioLogo img{object-fit:contain;filter:drop-shadow(0 20px 40px #00000073);width:100%;height:auto}.customPortfolioContent{z-index:5;align-items:flex-end;display:flex;position:absolute;inset:0}.customPortfolioBottom{background:#121212f5;border-top:1px solid #ffffff14;justify-content:space-between;align-items:flex-end;gap:20px;width:100%;padding:34px;display:flex}.customPortfolioBottom h3{color:#fff;letter-spacing:4px;font-family:Bebas Neue,sans-serif;font-size:32px;font-weight:500;line-height:1}.customPortfolioBottom p{color:#ffffffad;margin-top:18px;font-family:Inter,sans-serif;font-size:15px;line-height:1.7}.customPortfolioArrow{color:#111;background:#fff;border-radius:50%;justify-content:center;align-items:center;width:68px;min-width:68px;height:68px;font-size:24px;transition:all .45s;display:flex}.customPortfolioCard:hover{transform:translateY(-10px);box-shadow:0 35px 90px #00000038}.customPortfolioCard:hover .customPortfolioImage{transform:scale(1.08)}.customPortfolioCard:hover .customPortfolioLogo{opacity:0;transform:translate(-50%,-60%)scale(.85)}.customPortfolioCard:hover .customPortfolioArrow{color:#fff;background:#9e140b;transform:rotate(45deg)}@media (max-width:1400px){.customPortfolioCard{height:620px}}@media (max-width:1200px){.customPortfolioSection{padding:100px 30px}.customPortfolioGrid{grid-template-columns:repeat(2,1fr)}.customPortfolioCard{height:620px}.customPortfolioLogo{width:240px}}@media (max-width:1024px){.customPortfolioGrid{grid-template-columns:repeat(2,1fr)}.customPortfolioCard{height:580px}.customPortfolioBottom h3{font-size:28px}}@media (max-width:768px){.customPortfolioSection{padding:80px 20px}.customPortfolioGrid{grid-template-columns:1fr;gap:20px}.customPortfolioCard{border-radius:24px;height:580px}.customPortfolioLogo{width:200px}.customPortfolioBottom{padding:24px}.customPortfolioBottom h3{letter-spacing:2px;font-size:24px}.customPortfolioBottom p{font-size:14px}.customPortfolioArrow{width:58px;min-width:58px;height:58px;font-size:20px}}@media (max-width:480px){.customPortfolioSection{padding:70px 15px}.customPortfolioCard{height:520px}.customPortfolioLogo{width:170px}.customPortfolioBottom{padding:20px}.customPortfolioBottom h3{font-size:22px}}