.portfolio-list-section{padding:var(--spacing-lg)var(--spacing-md);min-height:auto;padding:0 var(--spacing-md)var(--spacing-xl);width:100%;max-width:100%;margin:0 auto;position:relative}.list-header{padding:var(--spacing-sm)0;margin-bottom:var(--spacing-md);font-family:var(--font-body);text-transform:uppercase;letter-spacing:.1em;color:#999;border-bottom:1px solid #0000001a;grid-template-columns:1fr;font-size:.875rem;display:grid}.portfolio-list{flex-direction:column;display:flex}.portfolio-item{padding:var(--spacing-md)0;cursor:pointer;border-bottom:1px solid #0000001a;grid-template-columns:1fr;transition:opacity .3s;display:grid}.portfolio-item:hover{opacity:1}.portfolio-list:hover .portfolio-item:not(:hover){opacity:.3}.item-col.client{font-family:var(--font-headline);letter-spacing:-.02em;color:#e0e0e0;align-items:center;gap:1.5rem;font-size:clamp(3rem,12vw,10rem);font-weight:400;line-height:.9;transition:color .3s;display:flex}@media (max-width:1024px){.item-col.client{gap:1rem;font-size:clamp(2.5rem,10vw,7rem)}}@media (max-width:767px){.item-col.client{flex-wrap:wrap;gap:.75rem;font-size:clamp(2rem,12vw,4rem)}.client-year{margin-left:.5rem}}.portfolio-item:hover .item-col.client{color:#fff}.client-year{color:#666;vertical-align:middle;font-size:.25em;font-family:var(--font-body);margin-left:2rem;font-weight:400;transition:color .3s}.portfolio-item:hover .client-year{color:#fff}.client-logo{object-fit:cover;filter:grayscale();border-radius:4px;width:.7em;height:.7em;transition:filter .3s}.portfolio-item:hover .client-logo{filter:grayscale(0%)}.portfolio-preview{z-index:9999;pointer-events:none;opacity:0;width:300px;height:400px;transition:opacity .2s;position:fixed;top:0;left:0}.portfolio-preview.active{opacity:1}.preview-inner{border-radius:8px;width:100%;height:100%;overflow:hidden;box-shadow:0 20px 50px #0003}.preview-inner img{object-fit:cover;width:100%;height:100%}@media (max-width:768px){.list-header,.portfolio-item{grid-template-columns:1fr;gap:.5rem}.item-col.year,.item-col.services{font-size:.875rem}.portfolio-preview{display:none}}