.section-works{background-color:var(--c-background);padding:var(--s-80) 0;position:relative;width:100%;.works-header{display:flex;justify-content:flex-start;margin-bottom:var(--s-32);@media (max-width:768px){margin-bottom:var(--s-24)}}.works-grid{display:grid;gap:var(--s-24);grid-template-columns:repeat(12,1fr);width:100%;@media (max-width:768px){display:flex;flex-direction:column}}.work-card{display:flex;flex-direction:column;text-decoration:none;width:100%;&:nth-child(4n+1){grid-column:span 9}&:nth-child(4n+2){grid-column:span 3}&:nth-child(4n+3),&:nth-child(4n+4){grid-column:span 6}}.work-card-link{color:inherit;display:flex;flex-direction:column;text-decoration:none;width:100%}.work-card-media-wrapper{background:#f5f5f5;border:1px solid #111;border-radius:var(--s-16);height:clamp(18.75rem,30vw,29.375rem);margin-bottom:var(--s-16);overflow:hidden;position:relative;transition:transform .4s cubic-bezier(.2,.8,.2,1);width:100%;will-change:transform;@media (max-width:768px){border-radius:var(--s-12);height:clamp(13.75rem,56vw,22.5rem)}}.work-card:hover .work-card-media-wrapper{box-shadow:0 var(--s-12) var(--s-30) rgba(0,0,0,.08);transform:translateY(calc(var(--s-4)*-1))}.work-card-img{display:block;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.2,.8,.2,1);width:100%;will-change:transform}.work-card:hover .work-card-img{transform:scale(1.03)}.work-card-placeholder{align-items:center;background:#eef2f5;color:#a7aaad;display:flex;font-weight:500;height:100%;justify-content:center;width:100%}.work-card-details{align-items:flex-start;display:flex;flex-direction:column;width:100%}.work-card-categories{display:flex;flex-wrap:wrap;gap:var(--s-8);margin-bottom:var(--s-12)}.work-card-cat-badge{border:1px solid #d9d9d9;border-radius:6.1875rem;color:#7f7f7f;display:inline-block;font-size:var(--s-16);letter-spacing:.02em;line-height:1;padding:var(--s-10) var(--s-12);text-transform:uppercase;transition:all .35s cubic-bezier(.2,.8,.2,1);@media (max-width:576px){font-size:var(--s-10);padding:var(--s-3) var(--s-10)}}.work-card:hover .work-card-cat-badge{border-color:#000;color:#000}.work-card-title{color:#000;font-size:var(--s-24);font-weight:800;letter-spacing:.01em;line-height:1.3;margin:0;text-transform:uppercase}}