.social-hero{height:434px;position:relative;overflow:hidden}.social-hero:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(/build/assets/social-hero.jpg);background-size:cover;background-position:center;opacity:.4;z-index:1}.social-hero-content{position:relative;z-index:2;max-width:1360px;margin:0 auto;padding:40px}.hero-logo{max-width:300px;height:auto;margin:0 auto 2rem;display:block}.social-title{font-family:Castoro,serif;font-size:48px;color:#b51f2b;margin-top:20px}.intro-section{padding:60px 0;background-color:#fff}.intro-text{text-align:center}.intro-text h2{color:#000;font-size:24px;font-weight:700;margin-bottom:30px}.intro-text p{color:#000;font-size:20px;line-height:1.6;margin-bottom:20px}.social-content p{font-size:16px;line-height:1.6;margin-bottom:1.5rem}.projects-section{padding:60px 0;background-color:#fff}.projects-section h2{color:#000;font-size:24px;font-weight:700;margin-bottom:50px}.project-card{height:100%;margin-bottom:40px;padding:20px;background-color:#b51f2b;border-radius:10px;box-shadow:0 4px 6px #00000026;transition:transform .3s ease;color:#fff;display:flex;flex-direction:column;text-align:center}.project-card:hover{transform:translateY(-5px);box-shadow:0 6px 12px #0003}.project-image{margin-bottom:20px;text-align:center}.project-image img{width:325px;height:325px;object-fit:cover;border-radius:50%;box-shadow:0 4px 8px #0003;margin:0 auto}.project-content{padding:20px;flex:1;display:flex;flex-direction:column;text-align:center}.project-content h3{color:#fff;font-size:22px;font-weight:700;margin-bottom:15px;text-align:center}.project-content p{color:#fff;font-size:16px;line-height:1.6;margin-bottom:0;opacity:.9;flex:1;text-align:center}@media (max-width: 991px){.project-image img{width:250px;height:250px}}@media (max-width: 767px){.social-hero{height:300px}.social-title{font-size:36px}.hero-logo{max-width:200px}.intro-text p{font-size:18px}.project-image img{width:200px;height:200px}}@media (max-width: 575px){.social-title{font-size:28px}.project-content h3{font-size:20px}.project-content p{font-size:14px}}@media (max-width: 576px){.hero-logo{max-width:200px}}