.panel:hover{& img{opacity:1}& .project-info{opacity:1}}.project-container{display:flex;flex-direction:column;width:100%;height:100%}.project-interaction{width:100%;height:100%}.project-interaction:hover{cursor:pointer}.project-info{opacity:0;display:flex;flex-direction:column;justify-content:center;align-items:center;transition:opacity 0.3s ease-in-out}.project-container img{opacity:0;width:100%;height:auto;max-height:100%;object-fit:contain;outline:2px solid var(--secondary-color);transition:opacity 0.3s ease-in-out}.project-link{align-self:center;width:100%;max-height:100%}.project-info a{font-weight:normal;font-variant-caps:small-caps;font-size:1.8rem;text-align:center;padding:1rem;padding-bottom:0}.project-container h2{font-variant-caps:small-caps;margin:0}#project-client,#project-title{font-variant-caps:all-small-caps}@media (max-width:600px){.panel .project-info{opacity:1}}.project-dots{position:absolute;top:-3.5rem;left:50%;translate:-50% 0;display:flex;justify-content:center;align-items:center;gap:1rem;margin-bottom:1.5rem}.project-dot{display:inline-block;width:16px;height:16px;border-radius:50%;background:#bbb;transition:all 0.3s}.project-dot.active{width:24px;height:24px;background:var(--primary-color,#333)}