@import url('project-widget-v6.css');

/* More dynamic, compact gallery composition */
.tkg-widget__inner{min-height:410px;padding-block:30px}.tkg-widget__intro{padding-top:8px}.tkg-widget__projects{top:22px;bottom:18px;display:flex;align-items:center;gap:0;padding:12px 8px;overflow:visible}.tkg-widget__project,.tkg-widget__project:nth-of-type(1),.tkg-widget__project:nth-of-type(2),.tkg-widget__project:nth-of-type(3){position:relative;inset:auto;flex:0 0 35%;width:35%;height:270px;padding:8px 8px 48px;border-radius:2px}.tkg-widget__project:nth-of-type(1){z-index:1;transform:translateX(-4px) translateY(13px) rotate(-5deg)}.tkg-widget__project:nth-of-type(2){z-index:3;transform:translateY(-13px) rotate(2deg)}.tkg-widget__project:nth-of-type(3){z-index:2;transform:translateX(4px) translateY(10px) rotate(-4deg)}.tkg-widget__project:hover,.tkg-widget__project:nth-of-type(1):hover,.tkg-widget__project:nth-of-type(2):hover,.tkg-widget__project:nth-of-type(3):hover{z-index:10;transform:translateY(-18px) rotate(0) scale(1.045)}.tkg-widget__project img{object-position:center}.tkg-widget__shade{right:8px;bottom:48px;left:8px;height:28%}.tkg-widget__name{right:12px;bottom:8px;left:34px}.tkg-widget__name strong{font-size:10px;line-height:1.5;white-space:nowrap;text-overflow:ellipsis;display:block}.tkg-widget__index{left:11px;bottom:17px;font-size:8px}.tkg-widget__count{top:16px;right:16px}.tkg-widget__tape{display:none!important}
@media(max-width:920px){.tkg-widget__inner{min-height:540px}.tkg-widget__projects{top:205px;bottom:15px}.tkg-widget__project,.tkg-widget__project:nth-of-type(1),.tkg-widget__project:nth-of-type(2),.tkg-widget__project:nth-of-type(3){height:245px}}
@media(max-width:600px){.tkg-widget__inner{min-height:520px}.tkg-widget__projects{top:245px;right:0;left:0;display:flex;align-items:center;gap:10px;overflow-x:auto;padding:18px 24px;transform:none;scroll-snap-type:x mandatory}.tkg-widget__project,.tkg-widget__project:nth-of-type(1),.tkg-widget__project:nth-of-type(2),.tkg-widget__project:nth-of-type(3){flex:0 0 72%;width:72%;height:235px;transform:rotate(-2deg);scroll-snap-align:center}.tkg-widget__project:nth-of-type(2){transform:rotate(2deg)}.tkg-widget__project:hover{transform:rotate(0)}}