.layout-portfolio{padding:0 16px 50px;max-width:1200px;margin:0 auto}.portfolio-filters{display:flex;flex-direction:column;gap:12px;margin-bottom:1.5rem}.filter-row{justify-content:space-between;flex-wrap:wrap;gap:12px}.filter-row,.select-wrapper{display:flex;align-items:center}.select-wrapper{position:relative}.items-per-page{display:flex;align-items:center;gap:8px}.items-per-page select{padding:6px 10px;border-radius:6px;border:1px solid #ccc;font-size:16px}.items-per-page label{margin-right:4px;font-size:1rem;color:#243865}.filter-label{margin-bottom:0;font-size:16px;font-weight:500;color:#243865}.filter-dropdown{width:300px;max-width:100%;padding:12px 48px 12px 16px;font-size:1rem;border:1px solid #e6e6e6;border-radius:6px;background-color:#fff;color:#243865;appearance:none;-webkit-appearance:none;-moz-appearance:none;transition:all .25s ease;box-shadow:0 1px 4px rgba(0,0,0,.05);cursor:pointer;outline:none}.filter-dropdown:hover{border-color:#e88534}.filter-dropdown:focus{border-color:#e88534;box-shadow:0 0 0 3px rgba(232,133,52,.2)}.dropdown-icon{position:absolute;right:16px;top:50%;transform:translateY(-50%);pointer-events:none;color:#e88534;font-size:16px}.filter-dropdown.short{width:85px;max-width:100%;padding:12px 36px 12px 12px;font-size:1rem;border:1px solid #e6e6e6;border-radius:6px;background-color:#fff;color:#243865;appearance:none;-webkit-appearance:none;-moz-appearance:none;transition:all .25s ease;box-shadow:0 1px 4px rgba(0,0,0,.05);cursor:pointer;outline:none}.filter-dropdown.short:hover{border-color:#f5741f}.filter-dropdown.short:focus{border-color:#f5741f;box-shadow:0 0 0 3px rgba(232,133,52,.2)}.select-wrapper.short{position:relative;display:inline-block}.portfolio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin:0 auto;padding:0 12px}@media (max-width:1024px){.portfolio-grid{grid-template-columns:repeat(2,1fr)}}.portfolio-card{width:100%;background:#fff;border-radius:8px;box-shadow:0 4px 16px rgba(0,0,0,.1);overflow:hidden;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;cursor:pointer;display:flex;flex-direction:column}.portfolio-card:hover{transform:translateY(-6px);box-shadow:0 6px 20px rgba(0,0,0,.15)}.portfolio-image-wrapper{position:relative;width:100%;height:180px;overflow:hidden;border-top-left-radius:8px;border-top-right-radius:8px;border-bottom-left-radius:0;border-bottom-right-radius:0;flex-shrink:0}.portfolio-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;border-radius:0}.portfolio-card:hover .portfolio-image{filter:brightness(.4)}.portfolio-banner{position:absolute;top:1rem;left:0;display:flex;align-items:center;background:rgba(255,255,255,.932);padding:4px 10px 4px 8px;border-top-right-radius:6px;border-bottom-right-radius:6px;font-weight:600;font-size:.85rem;color:#243865;box-shadow:0 2px 6px rgba(0,0,0,.05);z-index:2}.banner-logo{width:25px;height:25px;margin-right:6px}.banner-text{font-size:.85rem;font-weight:600;color:#264798;white-space:nowrap;line-height:1.2}.project-label{position:absolute;bottom:1rem;right:1rem;background:#E5EFFF;color:#3679f5d7;font-size:.75rem;padding:4px 10px;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1)}.portfolio-content{padding:0 30px 20px;display:flex;flex-direction:column;gap:8px;flex-grow:1;justify-content:space-between}.project-title{font-size:20px;font-weight:600;color:#264798;margin-bottom:0;white-space:nowrap!important;overflow:hidden;text-overflow:ellipsis}.project-details{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr auto;row-gap:8px;column-gap:12px;font-size:15.9px;color:#616161}.project-details li{display:contents}.project-details li strong{justify-self:start;text-align:left;color:#264798;padding-right:8px;white-space:nowrap}.project-details li span{justify-self:end;text-align:right;color:#616161}.project-details li.date-post{display:flex;gap:0;grid-column:1/-1}.project-details li.date-post span,.project-details li.date-post strong{text-align:left;white-space:nowrap;color:#264798}.project-button{margin-top:1rem;background:linear-gradient(90deg,#f6a623,#ff9800);color:white;border:none;border-radius:6px;padding:8px 12px;font-size:.95rem;cursor:pointer;transition:background .3s ease;box-shadow:0 2px 4px rgba(0,0,0,.08)}.project-button:hover{background:linear-gradient(270deg,#f6a623,#ff9800)}.arrow-icon{font-size:16px;display:inline-flex;align-items:center;line-height:1;position:relative;top:1px}.skeletonportfolio-card{position:relative;display:flex;flex-direction:column;overflow:hidden;background:#fff;box-shadow:0 4px 12px rgba(0,0,0,.08);height:100%;min-height:360px}.skeletonportfolio-image{position:relative;width:100%;padding-top:56.25%;background-color:#f1f1f1;border-radius:8px 8px 0 0}.skeletonportfolio-title{height:20px;margin:16px 0 8px;width:90%;background-color:#f1f1f1}.skeletonportfolio-line{height:16px;margin:6px 0;width:90%;display:block}.skeletonportfolio-card .project-details{margin-bottom:16px}.skeleton-portfoliobanner{width:60%;position:absolute;top:15px;left:0;display:flex;align-items:center;padding:4px 10px;border-top-right-radius:6px;border-bottom-right-radius:6px;background-color:#ffffffdd!important;z-index:2}.skeleton-logoportfolio{width:24px;height:24px;border-radius:4px;background-color:#ededed;margin-right:6px}.skeleton-bannertextportfolio{flex:1;height:12px;border-radius:4px;background-color:#f1f1f1}.skeleton-rowportfolio{display:flex;justify-content:space-between;align-items:center;gap:10px}.skeleton-line-leftportfolio{width:60%}.skeleton-line-leftportfolio,.skeleton-line-rightportfolio{height:18px;margin:0 0 6px;background-color:#f1f1f1;border-radius:4px}.skeleton-line-rightportfolio{width:25%}.skeleton-line-fullportfolio{height:16px;width:40%;background-color:#f1f1f1;border-radius:4px}@media (max-width:768px){.portfolio-filters{display:flex;flex-direction:column;gap:12px;margin-bottom:1.5rem}.filter-row{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}.filter-dropdown,.select-wrapper{width:100%}.dropdown-icon{right:16px}.portfolio-grid{grid-template-columns:1fr}.portfolio-card{width:100%;min-height:auto}.filter-dropdown{width:100%!important}}@media (max-width:320px){.portfolio-card .date-post,.portfolio-card .portfolio-banner,.portfolio-card .project-button,.portfolio-card .project-details,.portfolio-card .project-details li,.skeletonportfolio-card .skeleton-line-fullportfolio,.skeletonportfolio-card .skeleton-rowportfolio{display:none!important}.portfolio-card,.skeletonportfolio-card{min-height:auto;height:auto}.portfolio-card .portfolio-content,.skeletonportfolio-card .portfolio-content{padding:8px 12px!important}.portfolio-card .project-title,.skeletonportfolio-title{font-size:15px!important;font-weight:600;line-height:1.3;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:4px 0!important;display:block!important}.skeletonportfolio-title{margin-top:-6px!important;width:90%!important}.skeletonportfolio-card{padding-bottom:6px!important}}