.heroSection{background-size:cover;background-position:50%;min-height:95vh;display:flex;justify-content:center;align-items:center;position:relative;padding-top:100px}.heroContent{color:white;text-align:center;padding:2rem;border-radius:10px;max-width:1200px;width:100%}.heroTitle{font-size:3rem;font-weight:800;text-shadow:0 0 10px rgba(0,0,0,.8);word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;line-height:1.2}.projectDetails{padding:3rem 2rem;display:flex;flex-direction:column;gap:2rem}.projectImages{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:1.5rem;gap:1.5rem}.projectImage{width:100%;height:auto;object-fit:cover}.projectImage,.projectInfo{border-radius:10px;box-shadow:0 4px 8px rgba(0,0,0,.1)}.projectInfo{background-color:#f9f9f9;padding:2rem}.projectInfo h2{font-size:2.5rem;margin-bottom:1rem}.projectAttributes p{font-size:1rem;line-height:1.6;margin:.5rem 0}.projectAttributes strong{color:#333}.loading-container{position:fixed;top:0;left:0;width:100vw;height:100vh;background:linear-gradient(135deg,#003d7a,#0056b3);display:flex;justify-content:center;align-items:center;z-index:9999}.loading-content{display:flex;flex-direction:column;align-items:center;gap:2rem;animation:fadeIn .5s ease-in}.loading-logo{height:80px;width:auto;animation:pulse 2s ease-in-out infinite}.loading-text{color:white;font-size:1.2rem;font-weight:500;letter-spacing:.5px;animation:fadeInOut 1.5s ease-in-out infinite}@keyframes fadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}@keyframes fadeInOut{0%,to{opacity:.6}50%{opacity:1}}@media screen and (max-width:768px){.heroSection{min-height:60vh;padding-top:120px;padding-bottom:2rem}.heroContent{padding:1.5rem 1rem}.heroTitle{font-size:1.8rem;line-height:1.3}.projectDetails{display:flex;flex-direction:column;padding:2rem 1rem}.projectImages{grid-template-columns:1fr}.loading-logo{height:60px}.loading-text{font-size:1rem}}@media screen and (max-width:480px){.heroSection{padding-top:100px}.heroTitle{font-size:1.5rem}}