.photos-items{grid-auto-flow:dense;gap:12px;display:grid}@media (min-width:768px){.photos-items{grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:16px}}.photos-item{cursor:pointer;border-radius:var(--radius-sm);position:relative;overflow:hidden}.photos-item:after{pointer-events:none;content:"";border:1px solid color-mix(in srgb, var(--cl-main-50) 14%, transparent);border-radius:inherit;opacity:0;transition:opacity .35s var(--ease-out);position:absolute;inset:0}.photos-item:hover:after{opacity:1}.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;border-radius:var(--radius-sm);filter:saturate(.92);width:100%;height:100%;transition:filter .45s var(--ease-out),transform .6s var(--ease-out);display:block}.photos-item-image:hover{filter:saturate(1.03);transform:scale(1.015)}
.projects-items{scrollbar-width:thin;gap:20px;margin-left:-24px;margin-right:-24px;padding-left:24px;padding-right:24px;display:flex;overflow:auto}@media (min-width:768px){.projects-items{margin-left:-32px;margin-right:-32px;padding-left:32px;padding-right:32px}}.projects-item-description{text-overflow:ellipsis;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.projects-item{background:color-mix(in srgb, var(--surface) 72%, transparent);border:1px solid var(--stroke-subtle);border-radius:var(--radius-md);min-width:300px;max-width:340px;transition:color .2s var(--ease-out),background-color .3s var(--ease-out),border-color .3s var(--ease-out);flex-direction:column;padding:12px;display:flex;position:relative;overflow:hidden}.projects-item:before{z-index:1;content:"";background:var(--cl-accent-400);transform-origin:0;height:1px;transition:transform .4s var(--ease-out);position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.projects-item:hover{color:var(--cl-main-50);background:var(--surface);border-color:var(--cl-accent-400)}.projects-item:hover:before{transform:scaleX(1)}.projects-item:hover .projects-item-description{color:var(--cl-main-300)}.projects-item-image{aspect-ratio:16/9;object-fit:cover;border-radius:var(--radius-sm);filter:saturate(.9);width:100%;height:auto;transition:filter .4s var(--ease-out)}.projects-item:hover .projects-item-image{filter:saturate(1.5)}
.blog-items{gap:8px;display:grid}.blog-item{border-bottom:1px solid color-mix(in srgb, var(--cl-main-800) 45%, transparent);transition:padding .25s var(--ease-out);gap:12px;padding:28px 0;display:grid}.blog-item:first-child{padding-top:8px}.blog-item:last-child{border-bottom:none}@media (min-width:768px){.blog-item{grid-template-columns:140px 1fr;align-items:start;gap:32px;padding:32px 0}}.blog-item-date{font-family:var(--font-mono),monospace;color:var(--cl-main-500);letter-spacing:-.02em;font-size:.875rem;font-weight:400}.blog-item-title{transition:color .2s var(--ease-out)}.blog-item-description{text-overflow:ellipsis;-webkit-line-clamp:2;line-clamp:2;transition:color .2s var(--ease-out);-webkit-box-orient:vertical;flex:1;display:-webkit-box;overflow:hidden}.blog-item-link{padding-bottom:12px;display:block;position:relative}.blog-item-link:after{content:"";background:var(--stroke-interactive);transform-origin:0;width:48px;height:1px;transition:transform .35s var(--ease-out);position:absolute;bottom:0;left:0;transform:scaleX(0)}.blog-item-link:hover .blog-item-title{color:var(--cl-accent-400)}.blog-item-link:hover .blog-item-description{color:var(--cl-main-200)}.blog-item-link:hover:after{transform:scaleX(1)}