.portofolio-page .card-img-top{aspect-ratio:1/1;-o-object-fit:cover;object-fit:cover;width:100%}.portofolio-page .card{transition:all .3s ease}.portofolio-page .card:hover{transform:translateY(-5px)}.portofolio-page .card-img-top-wrapper{position:relative;overflow:hidden}.portofolio-page .type-badge-vertical{position:absolute;top:0;left:0;bottom:0;width:35px;background:var(--bs-primary);color:#fff;writing-mode:vertical-rl;text-orientation:mixed;transform:rotate(180deg);display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;z-index:2;padding:5px 0}.portofolio-page .list-group-item.active{z-index:2;color:#fff;background-color:var(--bs-primary);border-color:var(--bs-primary)}@media screen and (max-width: 1300px){.portofolio-page .sticky-header{position:fixed;top:70px;left:0;z-index:1030;padding:10px 15px;background-color:#fff;width:100%;box-shadow:0 2px 4px #0000001a}.portofolio-page{padding-top:15px}}.color-dot[data-v-2b1eabe2]{width:24px;height:24px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:all .2s}.color-dot[data-v-2b1eabe2]:hover{transform:scale(1.1)}.color-dot.active[data-v-2b1eabe2]{border-color:var(--bs-primary);box-shadow:0 0 5px rgba(var(--bs-primary-rgb),.5)}.animate-shimmer[data-v-2b1eabe2]{background:linear-gradient(90deg,#eee 25%,#f5f5f5 50%,#eee 75%);background-size:200% 100%;animation:shimmer-2b1eabe2 1.5s infinite}@keyframes shimmer-2b1eabe2{0%{background-position:200% 0}to{background-position:-200% 0}}