.about-us .story-section{background:linear-gradient(135deg,var(--brand-sand)0%,#fff 100%)}.about-us .story-content{line-height:1.8}.about-us .motto-card{background:var(--brand-sand);border-radius:12px;padding:2rem;transition:transform .3s;box-shadow:0 4px 20px rgba(0,0,0,.1)}.about-us .motto-card:hover{transform:translateY(-2px)}.about-us .motto-quote{color:var(--brand-primary);text-align:center;margin:1rem 0;font-size:1.5rem;font-style:italic;font-weight:600}.about-us .mission-vision-grid{grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:2rem;display:grid}.about-us .mission-card{border-left:4px solid var(--brand-primary);transition:all .3s}.about-us .vision-card{border-left:4px solid var(--brand-gold);transition:all .3s}.about-us .mission-card:hover,.about-us .vision-card:hover{transform:translateY(-4px);box-shadow:0 8px 25px rgba(0,0,0,.15)}.about-us .values-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;display:grid}.about-us .value-card{text-align:center;border-radius:12px;transition:all .3s;overflow:hidden}.about-us .value-card:hover{transform:translateY(-6px);box-shadow:0 12px 30px rgba(0,0,0,.15)}.about-us .value-icon{border-radius:50%;justify-content:center;align-items:center;width:3rem;height:3rem;margin:0 auto 1rem;transition:all .3s;display:flex}.about-us .value-card:hover .value-icon{transform:scale(1.1)}.about-us .unity-icon{color:var(--brand-primary);background-color:rgba(14,33,72,.1)}.about-us .excellence-icon{color:var(--brand-secondary);background-color:rgba(72,58,160,.1)}.about-us .service-icon{color:var(--brand-gold);background-color:rgba(227,208,149,.1)}.about-us .progress-icon{color:var(--brand-primary);background-color:rgba(14,33,72,.1)}.about-us .heritage-icon{color:var(--brand-secondary);background-color:rgba(72,58,160,.1)}.about-us .community-icon{color:var(--brand-gold);background-color:rgba(227,208,149,.1)}.about-us .contact-section{background:linear-gradient(135deg,var(--brand-primary)0%,var(--brand-secondary)100%);color:#fff}.about-us .contact-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;display:grid}.about-us .contact-item{text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(255,255,255,.1);border-radius:12px;padding:1.5rem;transition:all .3s}.about-us .contact-item:hover{background:rgba(255,255,255,.2);transform:translateY(-4px)}.about-us .contact-icon{background-color:var(--brand-primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:3rem;height:3rem;margin:0 auto 1rem;display:flex}@media (max-width:768px){.about-us .mission-vision-grid,.about-us .values-grid,.about-us .contact-grid{grid-template-columns:1fr}.about-us .motto-quote{font-size:1.25rem}}.about-us .fade-in-up{animation:.8s ease-out fadeInUp}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.about-us .stagger-animation>*{animation:.8s ease-out both fadeInUp}.about-us .stagger-animation>:first-child{animation-delay:.1s}.about-us .stagger-animation>:nth-child(2){animation-delay:.2s}.about-us .stagger-animation>:nth-child(3){animation-delay:.3s}.about-us .stagger-animation>:nth-child(4){animation-delay:.4s}.about-us .stagger-animation>:nth-child(5){animation-delay:.5s}.about-us .stagger-animation>:nth-child(6){animation-delay:.6s}
