@property --scale{syntax:"<number>";inherits:true;initial-value:1}@property --aspect{syntax:"<number>";inherits:false;initial-value:1}.strip{position:relative;display:flex;flex-direction:column;width:100%;align-items:center;opacity:.9;transition:opacity 1s ease-out,filter 1s ease-out}.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;touch-action:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none;-webkit-user-drag:none}@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;opacity:1;transition:filter 1s ease-out}.thumb:has(.bounding-box.is-touched) 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.is-touched) img{filter:contrast(.8) brightness(1.2) grayscale(1)}.thumb:has(.bounding-box.is-touched) img,.thumb:has(.bounding-box.is-touched)~.thumb:nth-child(n) img{filter:contrast(.9) brightness(1.1)}.thumb:has(.bounding-box.is-touched) img{filter:contrast(1) brightness(1)}@media (hover:none) and (pointer:coarse){.thumb img{--scale:1;transform:rotate(var(--hover-rotation)) scale(var(--scale));border-width:calc(1.6px / var(--scale));border-radius:calc(2px / var(--scale));box-shadow:calc(-1.5px / var(--scale)) calc(-.5px / var(--scale)) calc(2px / var(--scale)) 0 rgba(0,0,0,.2),calc(-2px / var(--scale)) calc(-2px / var(--scale)) calc(2px / var(--scale)) 0 rgba(0,0,0,.15) inset;transition:filter 1s ease-out,--scale .1s ease-out,width .1s ease-out,z-index 0s .1s}.thumb:has(.bounding-box.is-touched) img{width:calc(var(--original-width) * var(--aspect, 1));--scale:3;transform:rotate(var(--hover-rotation)) scale(var(--scale));transition:filter 1s ease-out,--scale .4s cubic-bezier(0,1.25,.93,1.07),width .4s cubic-bezier(0,1.25,.93,1.07)}#weee{-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none}}@media (hover:hover) and (pointer:fine){.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)}.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;width:100%;text-align:center;opacity:0;transition:opacity .2s ease-out;font-size:.8rem;animation:float 10s ease-in-out infinite;margin-top:-15px}#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:max(200px,calc(100vw - 3rem))}}