.box-project.box-ribbons .ribbon{left:6px}.card-img-top{position:relative;z-index:1;width:100%;height:100%;-o-object-fit:contain;object-fit:cover}.project-card-image-bg{position:absolute;top:0;right:0;bottom:0;left:0;background-position:center;background-size:cover;filter:blur(10px);transform:scale(1.08);opacity:.6}.project-card-image-wrap{position:relative;width:100%;aspect-ratio:4 / 3;overflow:hidden;padding:0}.card.style-7 .card-footer{position:relative}.box-project{position:relative;overflow:visible;padding:10px}.project-card-shell{display:flex;flex-direction:column;height:100%;background:#fff;border-radius:18px;overflow:hidden;border:1px solid rgba(15,23,42,.06);box-shadow:0 14px 28px #0f172a0f}.box-project .card.style-7{display:flex;flex-direction:column;flex:1 1 auto;overflow:hidden;transform:translateY(0) scale(1);transition:transform .18s ease-out;backface-visibility:hidden;border:0;border-radius:0;box-shadow:none}.project-inline-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:0 10px 10px;background:#fff;margin-top:auto}.project-inline-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:32px;padding:4px 2px;border-radius:3px;border:1px solid rgba(74,108,165,.2);background:linear-gradient(180deg,#f8fbff,#eef5ff);color:#191e3a;font-size:11px;font-weight:400;text-transform:uppercase;letter-spacing:.02em;transition:all .2s ease;text-decoration:none}.project-inline-btn i{font-size:22px;line-height:1}.project-inline-btn span{line-height:1.2}.project-inline-btn:hover,.project-inline-btn:focus-visible{background:linear-gradient(180deg,#eaf2ff,#dfeeff);border-color:#2563eb40;transform:translateY(-1px);color:#0f172a;text-decoration:none}@media(max-width:575.98px){.project-inline-actions{grid-template-columns:1fr}}.box-project .project-card-image-wrap{background:#eef1f5}.box-project .project-card-image-bg,.box-project .project-card-image-wrap .card-img-top{transition:transform .22s ease-out;backface-visibility:hidden}.box-project .card.style-7:hover,.box-project .card.style-7:focus-visible{transform:translate3d(0,-3px,0)}.box-project .card.style-7:hover .project-card-image-bg,.box-project .card.style-7:focus-visible .project-card-image-bg{transform:scale(1.1)}.box-project .card.style-7:hover .card-img-top,.box-project .card.style-7:focus-visible .card-img-top{transform:scale(1.025)}.box-project .favourite{border-radius:50%;transition:color .25s ease,background-color .25s ease,transform .25s ease}.box-project .favourite:hover,.box-project .favourite:focus-visible{color:#e7515a;background-color:#ffffffe6;transform:scale(1.14) rotate(-8deg)}@media(prefers-reduced-motion:reduce){.box-project .card.style-7,.box-project .project-card-image-bg,.box-project .project-card-image-wrap .card-img-top,.box-project .favourite{transition:none}}.ribbon-wrap{position:absolute;top:33px;right:-29px;width:150px;text-align:center;transform:rotate(45deg);z-index:10}.ribbon-wrap span{display:block;background:linear-gradient(90deg,#e91e63,#ff5b8c);color:#fff;font-size:14px;font-weight:700;padding:4px 0;position:relative}.ribbon-wrap span:before{content:"";position:absolute;bottom:-10px;border-style:solid;border-width:11px 10px 0px 0px;border-color:#000 transparent transparent transparent}.ribbon-wrap span:after{content:"";position:absolute;bottom:-10px;border-style:solid;border-width:10px 1px 0 10px;border-color:#000 transparent transparent transparent}.ribbon-wrap span:before{left:0}.ribbon-wrap span:after{right:0}.area-filter input,.area-filter select{padding:10px 1.25rem!important}.project-desc{height:42px}.middle-content .list-project .box-project .card{height:100%}.middle-content .list-project .box-project .card-footer{min-height:-moz-max-content;min-height:max-content;height:-moz-max-content;height:max-content}.list-project .box-project .card-img-top{border-bottom-left-radius:0;border-bottom-right-radius:0}@media(max-width:1024px){.middle-content .list-project .box-project .card-footer{height:100px;padding:10px}.middle-content .list-project .box-project .card-footer .card-title{font-size:14px}.middle-content .list-project .box-project .card-footer .card-text{font-size:12px}}@media(max-width:425px){.middle-content .layout-top-spacing .form-select{width:100%}}.row.list-project{overflow:visible}.row.list-project>.col-3{align-self:start}.card.sticky-top{position:sticky;top:140px;z-index:1030}