.strip{position:relative;display:flex;flex-direction:column;width:100%;align-items:center;opacity:.9;transition:opacity 1s ease-out,filter 1s ease-out;margin-bottom:-50px}.strip:hover{opacity:1;filter:contrast(1) brightness(1)}.thumbs{--gap:-20.5;--original-width:40px;--expanded-width:60px;position:relative;display:flex;align-items:center;justify-content:center;min-height:180px}@media (max-width:460px){.thumbs{--gap:-22}}@media (max-width:420px){.thumbs{--gap:-24}}@media (max-width:380px){.thumbs{--gap:-26}}@media (max-width:340px){.thumbs{--gap:-28}}@media (max-width:300px){.thumbs{--gap:-30}}.thumb{--hover-rotation:10deg;position:relative;display:flex;align-items:center;justify-content:center;min-width:var(--original-width);min-height:var(--original-width);margin-left:calc(var(--gap) * 1px);transition:margin-left .3s ease-out}.thumb:first-child{margin-left:0}.thumb .bounding-box{transform:rotate(var(--hover-rotation));border-radius:5px}.thumb .bounding-box,.thumb img{position:absolute;width:var(--original-width);height:var(--original-width)}.thumb img{transform:rotate(var(--hover-rotation)) scale(1);object-fit:cover;border-radius:2px;border:1.6px solid rgba(255,255,255,1);box-shadow:-1.5px -.5px 2px 0 rgba(0,0,0,.2),inset -2px -2px 2px 0 rgba(0,0,0,.15);pointer-events:none;image-rendering:optimizeSpeed;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;will-change:transform;opacity:1;transition:filter 1s ease-out}.thumb:has(.bounding-box:hover) img{transition:filter 1s ease-out,transform .4s cubic-bezier(0,1.25,.93,1.07),border-radius 0s ease-out,border 0s ease-out;transition-delay:0s;opacity:1;animation:fade-in .15s ease-out forwards;border:.95px solid white;border-radius:1px;z-index:10;width:auto;transform:rotate(calc(var(--hover-rotation))) scale(3);box-shadow:0 1px 6px 0 rgba(0,0,0,.35)}.thumb img{filter:contrast(.9) brightness(1.1)}.thumbs:has(.bounding-box:hover) img{filter:contrast(.8) brightness(1.2) grayscale(1)}.thumb:has(.bounding-box:hover) img,.thumb:has(.bounding-box:hover)~.thumb:nth-child(n) img{filter:contrast(.9) brightness(1.1)}.thumb:has(.bounding-box:hover) img{filter:contrast(1) brightness(1)}@keyframes fadeInOut{0%{opacity:0;transform:translate(-50%,-50%) scale(.8)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.1)}to{opacity:0;transform:translate(-50%,-50%) scale(1)}}#weee{display:block;align-items:center;justify-content:center;margin-top:40px;width:100%;text-align:center;opacity:0;transition:opacity .3s ease-out;font-size:.8rem;animation:float 10s ease-in-out infinite}#weee.show{transition-delay:.3s;opacity:.2}@keyframes float{0%,to{transform:translateY(4px) translateX(0)}25%{transform:translateY(7px) translateX(5px)}50%{transform:translateY(5px) translateX(0)}75%{transform:translateY(2px) translateX(-3px)}}.project-desc{width:480px}@media screen and (max-width:580px){.project-desc{padding-left:.5rem;width:350px}}