.container{padding-left:1rem;padding-right:1rem}.modal-content{width:90%;max-width:90%;max-height:90vh;overflow-y:auto;background:#fff;border:2px solid #2563eb;border-radius:.5rem;box-shadow:0 4px 16px #0003;opacity:1;transition:opacity .2s ease-in-out}#info-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:50;opacity:1;transition:opacity .2s ease-in-out}.hidden{opacity:0!important;pointer-events:none!important}#main-image{width:100%;height:400px;border:4px solid #e5e7eb;box-shadow:0 4px 12px #0000001a;background:#f9fafb}#main-image img{width:100%;height:100%;object-fit:contain;border-radius:.25rem}#gallery-nav{position:absolute;top:50%;transform:translateY(-50%);width:100%}#gallery-nav button{width:40px;height:40px;display:flex;align-items:center;justify-content:center}#thumbnail-container{display:flex;gap:.5rem;padding:.5rem;overflow-x:auto;scrollbar-width:thin;background:#f9fafb;border-radius:.5rem;border:2px solid #e5e7eb;box-shadow:0 2px 8px #0000001a}#thumbnail-container img{width:80px;height:80px;object-fit:cover;border-radius:.25rem;cursor:pointer;transition:transform .2s ease-in-out,border-color .2s ease-in-out;border:2px solid #e5e7eb;box-shadow:0 2px 4px #0000000d}#thumbnail-container img:hover{transform:scale(1.1)}#thumbnail-container img.border-blue-600{border-color:#2563eb}#modal-description{font-size:1rem;line-height:1.5;color:#374151}.project-card{min-height:400px}@media (max-width: 1024px){.modal-content{max-width:95%}#main-image{height:300px}#thumbnail-container img{width:60px;height:60px}}@media (max-width: 640px){.modal-content{padding:1rem}#main-image{height:200px}#thumbnail-container img{width:50px;height:50px}h2.text-4xl{font-size:1.5rem}p.text-lg{font-size:1rem}.project-card img{height:200px}.modal-content>.flex{flex-direction:column}.modal-content>.flex>div{width:100%}#gallery-nav{display:none!important}}nav .container{flex-direction:row;align-items:center}@media (max-width: 640px){nav .container{flex-direction:column;gap:1rem}}