.hero{aspect-ratio:2;background:#000;justify-content:center;align-items:center;width:100%;min-height:220px;max-height:80vh;display:flex;position:relative;overflow:hidden}.hero-slider{width:100%;height:100%;position:absolute;inset:0}.hero-slide{opacity:0;transition:opacity 1s ease-in-out;display:block;position:absolute;inset:0}.hero-slide.active{opacity:1}.hero-slide-img{object-fit:cover;width:100%;height:100%}.slider-progress{z-index:10;background:#ffffff1a;width:100%;height:3px;position:absolute;top:0;left:0}.slider-progress-bar{background:var(--gold-primary);width:0%;height:100%}.hero-content{text-align:center;z-index:1;max-width:800px;padding:60px 24px}.hero-title{color:var(--gold-primary);text-transform:uppercase;letter-spacing:2px;text-shadow:0 2px 20px #d4a8434d;margin-bottom:16px;font-family:TikTok Sans,sans-serif;font-size:2.5rem;font-weight:800}.hero-subtitle{color:var(--text-secondary);max-width:600px;margin:0 auto;font-size:1rem;line-height:1.7}.diary-section{background:var(--bg-secondary);padding:60px 0}.diary-card{background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border-color);transition:transform var(--transition-normal), box-shadow var(--transition-normal);gap:24px;display:flex;overflow:hidden}.diary-card:hover{box-shadow:var(--shadow-gold-hover);border-color:var(--gold-primary)}.diary-card-img{object-fit:cover;flex-shrink:0;width:280px;min-height:200px}.diary-card-content{flex-direction:column;justify-content:center;padding:24px 24px 24px 0;display:flex}.diary-card-tag{color:var(--gold-primary);text-transform:uppercase;letter-spacing:1px;margin-bottom:8px;font-size:.7rem;font-weight:600;display:inline-block}.diary-card-title{color:var(--text-primary);margin-bottom:12px;font-family:TikTok Sans,sans-serif;font-size:1.4rem;font-weight:700}.diary-card-desc{color:var(--text-secondary);font-size:.9rem;line-height:1.7}.photo-gallery{padding:60px 0}.gallery-scroll{scroll-snap-type:x mandatory;-ms-overflow-style:none;scrollbar-width:none;gap:16px;padding-bottom:16px;display:flex;overflow-x:auto}.gallery-scroll::-webkit-scrollbar{display:none}.gallery-item{border-radius:var(--radius-lg);scroll-snap-align:start;cursor:pointer;width:220px;transition:transform var(--transition-normal);flex-shrink:0;position:relative;overflow:hidden}.gallery-item:hover{box-shadow:var(--shadow-gold-hover)}.gallery-item img{object-fit:cover;width:100%;height:300px}.gallery-item-overlay{background:linear-gradient(#0000,#000c);padding:16px;position:absolute;bottom:0;left:0;right:0}.gallery-item-overlay p{color:var(--text-primary);font-size:.8rem;font-weight:500}.projects-showcase{background:var(--bg-secondary);padding:60px 0}.category-projects .project-logos-grid{flex-wrap:wrap;justify-content:center;align-items:center;gap:24px;display:flex}.project-logo-item{background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border-color);transition:border-color var(--transition-fast), background-color var(--transition-fast);flex-direction:column;justify-content:center;align-items:center;gap:16px;width:160px;height:140px;padding:24px;display:flex}.project-logo-item:hover{border-color:var(--gold-primary);background-color:var(--bg-card-hover)}.project-card-home{background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border-color);transition:border-color var(--transition-fast);padding:16px;display:block}.project-card-home:hover{border-color:var(--gold-primary)}.project-logo-item img{object-fit:contain;width:80px;height:50px}.project-logo-item span{color:var(--text-secondary);text-align:center;font-size:.75rem}.stats-section{background:var(--bg-primary);padding:80px 0}.stats-grid{text-align:center;grid-template-columns:repeat(4,1fr);gap:32px;display:grid}.stat-item{border-radius:var(--radius-lg);background:var(--bg-card);border:1px solid var(--border-color);transition:border-color var(--transition-normal), transform var(--transition-normal);padding:24px}.stat-item:hover{border-color:var(--gold-primary);box-shadow:var(--shadow-gold-hover)}.stat-number{color:var(--gold-primary);margin-bottom:8px;font-family:TikTok Sans,sans-serif;font-size:3rem;font-weight:800;line-height:1}.stat-label{color:var(--text-secondary);font-size:.9rem;font-weight:500}.testimonials-section{background:var(--bg-secondary);padding:60px 0}.testimonial-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);max-width:700px;margin:0 auto;padding:32px}.testimonial-header{align-items:center;gap:16px;margin-bottom:20px;display:flex}.testimonial-avatar{border-radius:var(--radius-full);object-fit:cover;border:2px solid var(--gold-primary);width:56px;height:56px}.testimonial-author h4{color:var(--text-primary);font-size:1rem;font-weight:600}.testimonial-author p{color:var(--text-secondary);font-size:.8rem}.testimonial-body{color:var(--text-secondary);font-size:.95rem;line-height:1.8}.testimonial-body strong,.testimonial-body b{color:var(--text-primary)}.social-embed{border-radius:var(--radius-md);border:1px solid var(--border-color);margin-top:20px;overflow:hidden}@media (width<=1024px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.hero-title{font-size:1.8rem}.diary-card{flex-direction:column}.diary-card-img{width:100%;height:200px}.diary-card-content{padding:20px}.stats-grid{grid-template-columns:repeat(2,1fr);gap:16px}.stat-number{font-size:2.2rem}.gallery-item{width:180px}.gallery-item img{height:240px}.projects-grid{grid-template-columns:repeat(2,1fr)!important;gap:16px!important}.project-card-home{padding:12px}.project-card-home h4{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;white-space:normal!important;font-size:.95rem!important}.ongoing-projects .project-card-home h4{font-size:1.1rem!important}}@media (width<=480px){.stats-grid{grid-template-columns:1fr}.projects-grid{grid-template-columns:repeat(2,1fr)!important;gap:12px!important}.project-card-home h4{font-size:.85rem!important}.ongoing-projects .project-card-home h4{font-size:.95rem!important}#hero-marquee{border-bottom:1px solid #000!important;padding:2px 0!important}#hero-marquee .marquee-content{font-size:.55rem!important;font-weight:700!important;line-height:normal!important}}