.photos-header{justify-content:space-between;align-items:flex-end;display:flex}.photos-view-all-icon{transform-origin:0;transition:transform .2s;display:block}.photos-view-all{align-items:center;gap:8px;display:flex}.photos-view-all:hover .photos-view-all-icon{transform:scaleX(1.2)}.photos-items{grid-auto-flow:dense;gap:4px;display:grid}@media (min-width:768px){.photos-items{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}}.photos-item{cursor:pointer;position:relative}.photos-item:nth-child(5n){grid-column:span 2}.photos-item:nth-child(3n),.photos-item:nth-child(5n){grid-row:span 2}.photos-item:last-child{grid-row:auto}.photos-item-image{object-fit:cover;filter:grayscale();border-radius:2px;width:100%;height:100%;transition:filter .3s;display:block}.photos-item-image:hover{filter:grayscale(0%)}
.projects-items{scrollbar-width:thin;gap:16px;margin-left:-12px;margin-right:-12px;padding-left:12px;padding-right:12px;display:flex;overflow:auto}.projects-item{background-color:color-mix(in srgb,var(--cl-main-900)50%,transparent);border:1px solid color-mix(in srgb,var(--cl-main-800)20%,transparent);border-radius:1rem;flex-direction:column;min-width:320px;padding:8px;transition:background-color .3s,border-color .3s;display:flex}.projects-item:hover{color:var(--cl-main-0);background-color:color-mix(in srgb,var(--cl-accent-1000)50%,transparent);border-color:color-mix(in srgb,var(--cl-accent-700)20%,transparent)}.projects-item-image{aspect-ratio:16/9;object-fit:cover;border:1px solid color-mix(in srgb,var(--cl-main-800)40%,transparent);filter:grayscale();border-radius:8px;width:100%;height:auto;transition:filter .3s}.projects-item:hover .projects-item-image{filter:grayscale(0%)}.projects-item-description{text-overflow:ellipsis;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}
.blog-items{gap:32px;display:grid}.blog-item{gap:4px;display:grid}@media (min-width:768px){.blog-item{grid-template-columns:120px 1fr}}.blog-item-description{text-overflow:ellipsis;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;flex:1;display:-webkit-box;overflow:hidden}.blog-item-link:hover .blog-item-description{color:var(--cl-main-0)}