.project-list{font-family:var(--etyka-font);padding-bottom:var(--etyka-space-6xl)}.project-list .container{gap:var(--etyka-space-3xl);flex-direction:column;display:flex}.project-list .header{gap:var(--etyka-space-l);flex-direction:column;display:flex}.project-list .label{font-family:var(--etyka-font);letter-spacing:1.5px;color:var(--etyka-text-muted);text-transform:uppercase;margin:0;font-size:15px;font-weight:500}.project-list .header h1{font-family:var(--etyka-font);letter-spacing:.1em;color:var(--etyka-black);margin:0;font-size:clamp(30px,4vw,50px);font-weight:700;line-height:1.25}.project-list .description{font-family:var(--etyka-font);letter-spacing:.75px;color:var(--etyka-black);margin:0;font-size:15px;font-weight:400;line-height:32px}.project-list .filter{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.project-list .filter-item{font-family:var(--etyka-font);color:var(--etyka-black);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:999px;padding:10px 20px;font-size:15px;font-weight:500;transition:background .2s,border-color .2s}.project-list .filter-item:hover{border-color:var(--etyka-border)}.project-list .filter-item.active{background:var(--etyka-primary);color:var(--etyka-black);border-color:var(--etyka-primary)}.project-list .featured{gap:var(--etyka-space-3xl);color:inherit;grid-template-columns:1fr 1fr;align-items:center;text-decoration:none;display:grid}.project-list .featured .image-wrapper{aspect-ratio:4/3;background-color:var(--etyka-border);border-radius:8px;width:100%;position:relative;overflow:hidden}.project-list .featured .image-wrapper>:not(.tags){width:100%;height:100%;display:block}.project-list .featured .image-wrapper img{object-fit:cover;width:100%;height:100%;transition:transform .5s;display:block}.project-list .featured .image-wrapper .tags{z-index:2;flex-wrap:wrap;gap:8px;display:flex;position:absolute;top:16px;left:16px}.project-list .featured .image-wrapper .tags span{font-family:var(--etyka-font);background-color:var(--etyka-black);color:var(--etyka-white);border-radius:999px;padding:8px 18px;font-size:12px;font-weight:600;line-height:normal}.project-list .featured .featured-content{justify-content:center;gap:var(--etyka-space-m);flex-direction:column;display:flex}.project-list .featured .featured-content h3{font-family:var(--etyka-font);color:var(--etyka-black);margin:0;font-size:clamp(20px,2vw,28px);font-weight:700;line-height:1.3}.project-list .featured .featured-content p{font-family:var(--etyka-font);color:var(--etyka-black);margin:0;font-size:15px;font-weight:400;line-height:26px}.project-list .featured .featured-content .link{font-family:var(--etyka-font);color:var(--etyka-black);justify-content:space-between;align-items:center;gap:var(--etyka-space-s);margin-top:var(--etyka-space-s);white-space:nowrap;font-size:15px;font-weight:400;line-height:normal;text-decoration:none;display:flex}.project-list .featured .featured-content .link:after{content:"";transform-origin:0;background-color:currentColor;flex-shrink:0;width:50px;height:8px;transition:transform .2s;display:inline-block;-webkit-mask-image:url(/icons/arrow.svg);mask-image:url(/icons/arrow.svg);-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.project-list .featured .featured-content .link:hover:after,.project-list .featured:hover .featured-content .link:after{transform:scaleX(1.1)}.project-list .featured:hover .image-wrapper img{transform:scale(1.05)}.project-list .grid-wrapper{gap:var(--etyka-space-3xl);flex-direction:column;width:100%;display:flex}.project-list .grid{gap:var(--etyka-space-5xl);grid-template-columns:repeat(3,1fr);display:grid}.project-list .cta-card{justify-content:center;gap:var(--etyka-space-2xl);background-color:var(--etyka-black);color:var(--etyka-white);border-radius:8px;flex-direction:column;padding:40px;display:flex}.project-list .cta-card h3{font-family:var(--etyka-font);letter-spacing:.05em;color:var(--etyka-white);margin:0;font-size:clamp(28px,3vw,40px);font-weight:700;line-height:1.2}.project-list .cta-card p{font-family:var(--etyka-font);color:#ffffffb3;margin:0;font-size:15px;font-weight:400;line-height:26px}.project-list .cta-card .btn{align-self:flex-start}.project-list .study{color:inherit;cursor:pointer;flex-direction:column;text-decoration:none;display:flex;position:relative}.project-list .study .image-wrapper{aspect-ratio:4/3;background-color:var(--etyka-border);border-radius:8px;width:100%;position:relative;overflow:hidden}.project-list .study .image-wrapper>:not(.tags){width:100%;height:100%;display:block}.project-list .study .image-wrapper img{object-fit:cover;width:100%;height:100%;transition:transform .5s;display:block}.project-list .study .image-wrapper .tags{z-index:2;flex-wrap:wrap;gap:8px;display:flex;position:absolute;top:16px;left:16px}.project-list .study .image-wrapper .tags span{font-family:var(--etyka-font);background-color:var(--etyka-black);color:var(--etyka-white);border-radius:999px;padding:8px 18px;font-size:12px;font-weight:600;line-height:normal}.project-list .study h3{font-family:var(--etyka-font);color:var(--etyka-black);margin:0;padding:20px 0 8px;font-size:18px;font-weight:700;line-height:normal}.project-list .study p{font-family:var(--etyka-font);color:var(--etyka-black);flex:1;margin:0;font-size:15px;font-weight:400;line-height:24px}.project-list .study .link{font-family:var(--etyka-font);color:var(--etyka-black);justify-content:space-between;align-items:center;gap:var(--etyka-space-s);padding-top:var(--etyka-space-m);white-space:nowrap;margin-top:auto;font-size:15px;font-weight:400;line-height:normal;text-decoration:none;display:flex}.project-list .study .link:after{content:"";transform-origin:0;background-color:currentColor;flex-shrink:0;width:50px;height:8px;transition:transform .2s;display:inline-block;-webkit-mask-image:url(/icons/arrow.svg);mask-image:url(/icons/arrow.svg);-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.project-list .study .link:hover:after,.project-list .study:hover .link:after{transform:scaleX(1.1)}.project-list .study:hover .image-wrapper img{transform:scale(1.05)}.project-list .empty{padding:var(--etyka-space-2xl) 0;text-align:center;color:var(--etyka-placeholder)}.project-list .sentinel{height:1px}@media (max-width:1023px){.project-list .featured{gap:var(--etyka-space-m);grid-template-columns:1fr}.project-list .grid-wrapper{gap:var(--etyka-space-4xl);width:100%}.project-list .grid{gap:var(--etyka-space-4xl);flex-direction:column;display:flex}.project-list .cta-card{align-items:stretch}.project-list .cta-card .btn{text-align:center;align-self:stretch;width:100%}}