.portfolio-Index{padding:20px 48px 72px}.portfolio-Index .portfolio-page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;flex-wrap:wrap;margin-bottom:36px}.portfolio-Index .portfolio-page-header-left{flex:1;min-width:0}.portfolio-Index .portfolio-page-header-left h1{margin-bottom:10px}.portfolio-Index .portfolio-intro-text{color:#4b5563;font-size:15px;line-height:1.65;max-width:640px}.portfolio-Index .portfolio-intro-text p{margin:0}.portfolio-Index .portfolio-page-header-right{flex-shrink:0;display:flex;align-items:center;gap:10px;padding-top:6px}.portfolio-Index .portfolio-filters select{appearance:none;-webkit-appearance:none;background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%236B7280' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;border:1px solid #d1d5db;border-radius:6px;padding:8px 36px 8px 14px;font-size:14px;color:#374151;cursor:pointer;min-width:160px;line-height:1.4}.portfolio-Index .portfolio-filters select:focus{outline:none;border-color:#3b6fe8;box-shadow:0 0 0 3px rgba(59,111,232,.15)}.portfolio-Index .portfolio-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:28px 24px}@media(max-width:1200px){.portfolio-Index .portfolio-grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:900px){.portfolio-Index .portfolio-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:600px){.portfolio-Index .portfolio-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:400px){.portfolio-Index .portfolio-grid{grid-template-columns:1fr}}.portfolio-Index .portfolio-card{border:1px solid #e5e7eb;border-radius:10px;overflow:hidden;background:#fff}.portfolio-Index .portfolio-card-link{display:flex;flex-direction:column;text-decoration:none;color:inherit;height:100%}.portfolio-Index .portfolio-card-link:hover .portfolio-card-title{color:#1a4fbf}.portfolio-Index .portfolio-card-link:hover .portfolio-card-image img{transform:scale(1.03)}.portfolio-Index .portfolio-card-image{position:relative;overflow:hidden;aspect-ratio:16/10;background:#e5e7eb;flex-shrink:0}.portfolio-Index .portfolio-card-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s ease}.portfolio-Index .portfolio-card-image-placeholder{width:100%;height:100%;background:#e5e7eb}.portfolio-Index .portfolio-card-featured-badge{position:absolute;top:10px;left:10px;background:#1a4fbf;color:#fff;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:3px 8px;border-radius:3px}.portfolio-Index .portfolio-card-body{padding:16px;flex:1;display:flex;flex-direction:column}.portfolio-Index .portfolio-card-category{display:block;font-size:11px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:#1a4fbf;margin-bottom:6px}.portfolio-Index .portfolio-card-title{font-size:15px;font-weight:700;line-height:1.4;color:#111827;margin:0 0 8px;transition:color .15s ease}.portfolio-Index .portfolio-card-summary{font-size:13px;line-height:1.6;color:#6b7280;margin:0 0 14px;flex:1}.portfolio-Index .portfolio-card-cta{display:inline-block;font-size:13px;font-weight:600;color:#1a4fbf;margin-top:auto}.portfolio-Index .portfolio-card-cta::after{content:' →'}.portfolio-Index .portfolio-empty{color:#6b7280;font-size:15px;padding:40px 0}