.project-thumbnail{width:min(480px,40vw);max-width:100%;margin:0 auto 12px}.project-thumbnail-frame{aspect-ratio:8/5;background:#fff;width:100%;position:relative;overflow:hidden}.project-thumbnail-frame img{object-fit:contain;opacity:0;pointer-events:none;width:100%;height:100%;transition:opacity .45s;display:block;position:absolute;inset:0}.project-thumbnail-frame img.active{opacity:1}.project-thumbnail-controls{justify-content:center;align-items:center;gap:9px;padding-top:6px;font:12px/1.3 Courier New,monospace;display:flex}.project-thumbnail-controls button{color:#111;background:silver;border:2px solid #444;border-color:#fff #444 #444 #fff;min-width:28px;min-height:26px;padding:3px 7px;font:700 12px Courier New,monospace}.project-thumbnail-controls button:focus-visible{outline-offset:2px;outline:2px dotted #130bb6}.retro-window:has(.project-thumbnail) .window-body{max-height:none;padding-top:20px;overflow:visible}@media (prefers-reduced-motion:reduce){.project-thumbnail-frame img{transition:none}}@media (max-width:760px){.project-thumbnail{width:72vw}}.project-thumbnail-link{z-index:1;display:block;position:absolute;inset:0}