.portofoliu_wrapper__b_9A2{min-height:calc(100vh - 85px);background:linear-gradient(135deg,#f5f7fa,#e9ecef);padding:60px 20px}.portofoliu_container__S1ZyR{max-width:1400px;margin:0 auto}.portofoliu_header__Erqlz{text-align:center;margin-bottom:60px;animation:portofoliu_fadeInDown__4MXjb .8s ease-out}.portofoliu_titleSection__jItJo{display:flex;align-items:center;justify-content:center;gap:15px;margin-bottom:20px}.portofoliu_headerIcon__YetaX{font-size:42px;color:#2c3e50}.portofoliu_mainTitle__WfeJX{font-size:48px;font-weight:700;color:#2c3e50;margin:0;text-transform:uppercase;letter-spacing:2px}.portofoliu_description__etUYS{font-size:18px;color:#4a5568;max-width:800px;margin:0 auto 10px;line-height:1.6;font-weight:500}.portofoliu_subDescription__Cp2kU{font-size:16px;color:#718096;max-width:700px;margin:0 auto;line-height:1.6}.portofoliu_projectsGrid__Krh8A{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));grid-gap:35px;gap:35px}.portofoliu_projectCard__lO9VT{cursor:pointer;border-radius:20px;overflow:hidden;background:#fff;box-shadow:0 10px 40px rgba(0,0,0,.08);transition:all .4s ease;animation:portofoliu_fadeInUp__ILCfF .8s ease-out backwards}.portofoliu_projectCard__lO9VT:first-child{animation-delay:.1s}.portofoliu_projectCard__lO9VT:nth-child(2){animation-delay:.15s}.portofoliu_projectCard__lO9VT:nth-child(3){animation-delay:.2s}.portofoliu_projectCard__lO9VT:nth-child(4){animation-delay:.25s}.portofoliu_projectCard__lO9VT:nth-child(5){animation-delay:.3s}.portofoliu_projectCard__lO9VT:nth-child(6){animation-delay:.35s}.portofoliu_projectCard__lO9VT:nth-child(7){animation-delay:.4s}.portofoliu_projectCard__lO9VT:nth-child(8){animation-delay:.45s}.portofoliu_projectCard__lO9VT:nth-child(9){animation-delay:.5s}.portofoliu_projectCard__lO9VT:nth-child(10){animation-delay:.55s}.portofoliu_projectCard__lO9VT:nth-child(11){animation-delay:.6s}.portofoliu_projectCard__lO9VT:nth-child(12){animation-delay:.65s}.portofoliu_projectCard__lO9VT:nth-child(13){animation-delay:.7s}.portofoliu_projectCard__lO9VT:hover{transform:translateY(-10px);box-shadow:0 20px 60px rgba(0,0,0,.15)}.portofoliu_imageContainer__Bim0h{position:relative;width:100%;height:350px;overflow:hidden}.portofoliu_img__L0ApQ{object-fit:cover;transition:transform .6s ease}.portofoliu_projectCard__lO9VT:hover .portofoliu_img__L0ApQ{transform:scale(1.15)}.portofoliu_overlay__RR6EG{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg,transparent,rgba(0,0,0,.85));display:flex;align-items:flex-end;padding:30px;transition:all .4s ease}.portofoliu_projectCard__lO9VT:hover .portofoliu_overlay__RR6EG{background:linear-gradient(180deg,rgba(0,0,0,.3),rgba(0,0,0,.95))}.portofoliu_overlayContent__AbdBq{width:100%;transform:translateY(0);transition:all .4s ease}.portofoliu_projectName__3PIzy{font-size:28px;font-weight:700;color:#fff;margin:0 0 15px;text-transform:uppercase;letter-spacing:1px;transition:all .3s ease}.portofoliu_viewProject__Kd4fp{display:flex;align-items:center;gap:10px;color:#fff;font-size:16px;font-weight:600;opacity:0;transform:translateX(-20px);transition:all .4s ease}.portofoliu_projectCard__lO9VT:hover .portofoliu_viewProject__Kd4fp{opacity:1;transform:translateX(0)}.portofoliu_viewProject__Kd4fp svg{transition:transform .3s ease}.portofoliu_projectCard__lO9VT:hover .portofoliu_viewProject__Kd4fp svg{transform:translateX(5px)}@keyframes portofoliu_fadeInDown__4MXjb{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes portofoliu_fadeInUp__ILCfF{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1200px){.portofoliu_projectsGrid__Krh8A{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:30px}}@media (max-width:992px){.portofoliu_wrapper__b_9A2{padding:50px 20px}.portofoliu_mainTitle__WfeJX{font-size:40px}.portofoliu_headerIcon__YetaX{font-size:36px}.portofoliu_description__etUYS{font-size:16px}.portofoliu_subDescription__Cp2kU{font-size:15px}.portofoliu_imageContainer__Bim0h{height:300px}.portofoliu_projectsGrid__Krh8A{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:25px}}@media (max-width:768px){.portofoliu_wrapper__b_9A2{padding:40px 15px}.portofoliu_header__Erqlz{margin-bottom:40px}.portofoliu_titleSection__jItJo{flex-direction:column;gap:10px}.portofoliu_mainTitle__WfeJX{font-size:32px;letter-spacing:1px}.portofoliu_headerIcon__YetaX{font-size:32px}.portofoliu_description__etUYS{font-size:15px}.portofoliu_subDescription__Cp2kU{font-size:14px}.portofoliu_projectsGrid__Krh8A{grid-template-columns:1fr;gap:20px}.portofoliu_imageContainer__Bim0h{height:280px}.portofoliu_overlay__RR6EG{padding:20px}.portofoliu_projectName__3PIzy{font-size:24px}.portofoliu_viewProject__Kd4fp{font-size:14px}}@media (max-width:480px){.portofoliu_wrapper__b_9A2{padding:30px 10px}.portofoliu_mainTitle__WfeJX{font-size:26px}.portofoliu_headerIcon__YetaX{font-size:28px}.portofoliu_description__etUYS{font-size:14px}.portofoliu_subDescription__Cp2kU{font-size:13px}.portofoliu_imageContainer__Bim0h{height:250px}.portofoliu_overlay__RR6EG{padding:15px}.portofoliu_projectName__3PIzy{font-size:20px;margin-bottom:10px}.portofoliu_viewProject__Kd4fp{font-size:13px}}