.portfolio-list-section{min-height:100vh;padding:120px 5% 100px}.portfolio-list-header{text-align:center;margin-bottom:70px}.portfolio-list-header h1{letter-spacing:-.02em;margin-bottom:14px;font-size:clamp(2.8rem,6vw,4.5rem)}.portfolio-list-header p{color:#a0a0a5;font-size:1.1rem}.portfolio-cards-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:28px;max-width:1300px;margin:0 auto;display:grid}.portfolio-card{color:inherit;background:var(--glass-bg);border:1px solid var(--glass-border);box-shadow:0 6px 24px var(--glass-shadow);border-radius:20px;flex-direction:column;text-decoration:none;transition:transform .35s,box-shadow .35s,border-color .35s;display:flex;overflow:hidden}.portfolio-card:hover{box-shadow:0 16px 40px var(--primary-glow);border-color:var(--primary-color);transform:translateY(-8px)}.portfolio-card-thumb{aspect-ratio:16/10;object-fit:cover;background:var(--glass-bg);width:100%;display:block}.portfolio-card-thumb-placeholder{aspect-ratio:16/10;background:linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%);opacity:.25;width:100%}.portfolio-card-body{flex-direction:column;flex:1;gap:8px;padding:22px 24px 24px;display:flex}.portfolio-card-meta{letter-spacing:1.5px;text-transform:uppercase;color:var(--primary-color);opacity:.85;justify-content:space-between;align-items:center;font-size:.75rem;font-weight:700;display:flex}.portfolio-card-title{color:var(--text-color);margin:0;font-size:1.45rem;font-weight:800;line-height:1.2}.portfolio-card-desc{color:#a0a0a5;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:.9rem;line-height:1.55;display:-webkit-box;overflow:hidden}.portfolio-card-link{color:var(--secondary-color);letter-spacing:.5px;align-items:center;gap:6px;margin-top:auto;padding-top:14px;font-size:.82rem;font-weight:700;transition:gap .2s;display:flex}.portfolio-card:hover .portfolio-card-link{gap:10px}.portfolio-empty{text-align:center;color:#a0a0a5;grid-column:1/-1;padding:80px 20px;font-size:1.1rem}.portfolio-loading{justify-content:center;align-items:center;padding:120px 20px;display:flex}.pl-loader{width:160px}.pl-track{background:#2a2a2a;border-radius:2px;width:100%;height:3px;overflow:hidden}.pl-line{background:var(--primary-color);width:40%;height:100%;animation:.8s ease-in-out infinite pl-slide;box-shadow:0 0 8px #fff9}@keyframes pl-slide{0%{transform:translate(-100%)}50%{transform:translate(150%)}to{transform:translate(350%)}}@media (max-width:600px){.portfolio-cards-grid{grid-template-columns:1fr}.portfolio-list-section{padding:100px 5% 60px}}