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

/* Mobile: contained collage instead of a clipped horizontal rail */
@media(max-width:640px){.tkg-widget__inner{overflow:hidden}.tkg-widget__projects{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;height:auto;margin:0;padding:14px 2px 6px;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;top:auto;right:auto;left:auto;width:100%;height:155px;transform:none;scroll-snap-align:none}.tkg-widget__project:nth-of-type(1){grid-column:1/-1;height:235px;transform:rotate(-1deg)}.tkg-widget__project:nth-of-type(2){transform:rotate(1deg)}.tkg-widget__project:nth-of-type(3){transform:rotate(-1deg)}.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{transform:none}.tkg-widget__count{top:12px;right:12px;font-size:8px}.tkg-widget__name{right:9px;left:25px}.tkg-widget__name strong{font-size:9px}.tkg-widget__project:nth-of-type(1) .tkg-widget__name strong{font-size:11px}}
@media(max-width:380px){.tkg-widget__project,.tkg-widget__project:nth-of-type(2),.tkg-widget__project:nth-of-type(3){width:100%;height:140px}.tkg-widget__project:nth-of-type(1){width:100%;height:215px}}