.projectGallery{flex-direction:column;align-items:center;width:100%;display:flex}.projectGallery .imageContainer{width:100%;max-width:900px;height:clamp(260px,62vh,760px);margin-bottom:3rem;position:relative;overflow:hidden}.projectGallery .imageContainer .mainProjectImage{object-fit:contain;object-position:center;width:100%;height:100%}@media (max-width:768px){.projectGallery .imageContainer{border-radius:.75rem;height:clamp(220px,52vh,520px);margin-bottom:2rem}}.projectGallery .projectPageContainer{flex-direction:column;width:100%;max-width:1000px;padding:1rem;display:flex}.projectGallery .projectPageContainer .backButton{color:#a5a8b4;align-items:center;gap:.5rem;margin-bottom:2rem;font-size:14px;text-decoration:none;display:flex}.projectGallery .projectPageContainer .backButton:hover{color:#303e5f}.projectGallery .projectPageContainer .projectData{flex-flow:row-reverse wrap;margin-bottom:3rem;display:flex}@media (max-width:500px){.projectGallery .projectPageContainer .projectData{flex-direction:column}}.projectGallery .projectPageContainer .projectData .projectDataHeader{flex-direction:column;gap:1rem;width:100%;display:flex}.projectGallery .projectPageContainer .projectData .projectDataHeader h1{gap:.5rem;font-family:DM Serif Display,Georgia,serif;font-size:clamp(24px,3vw,36px);display:flex}.projectGallery .projectPageContainer .projectData .projectDataHeader h1 span{color:#a5a8b4;font-size:16px}.projectGallery .projectPageContainer .projectData .projectDataHeader .projectTechnologies{flex-wrap:wrap;gap:.5rem;display:flex}.projectGallery .projectPageContainer .imagesList{justify-content:flex-start;gap:2rem;max-width:800px;margin:2rem;padding-bottom:1rem;display:flex;overflow-x:auto}.projectGallery .projectPageContainer .imagesList .mediaThumbButton{cursor:pointer;background:0 0;border:1px solid #0000;border-radius:1rem;padding:0;transition:transform .25s,border-color .25s;display:block}.projectGallery .projectPageContainer .imagesList .mediaThumbButton:hover{border-color:#303e5f99;transform:translateY(-2px)}.projectGallery .projectPageContainer .imagesList .mediaThumbButton.active{border-color:#303e5f;transform:translateY(-2px)}.projectGallery .projectPageContainer .imagesList .mediaThumbButton.active .projectCardImage{opacity:1}.projectGallery .projectPageContainer .imagesList .projectCardImage{object-fit:cover;opacity:.5;border-radius:1rem;max-width:150px;height:150px;transition:opacity .25s;display:block}@media (max-width:768px){.projectGallery .projectPageContainer .imagesList .projectCardImage{max-width:160px;height:160px}}@media (max-width:500px){.projectGallery .projectPageContainer .imagesList .projectCardImage{max-width:128px;height:128px}}.projectGallery .projectPageContainer .projectDescription h2{margin-bottom:1rem;font-size:24px}.projectGallery .projectPageContainer .projectDescription p{color:#a5a8b4;padding-left:1rem;font-size:16px;line-height:1.6}.projectGallery .projectPageContainer .projectDescription .shortDescription{margin-bottom:1rem;font-size:18px}.projectGallery .projectPageContainer .projectDescription .longDescription{margin-bottom:2rem;font-size:16px;line-height:1.6}
.projectPage{min-height:100dvh;padding:2rem}