/* ==========================================================================
   VORZEP JOBS - PAGE STYLES: about-us.css
   --------------------------------------------------------------------------
   Modular, page-specific styles for optimal performance and fast load times.
   ========================================================================== */

body.page-about-us{--radius: 8px;--shadow: 0 8px 20px rgba(0, 0, 0, .08);--transition: all .3s ease}
body.page-about-us{font-family:Plus Jakarta Sans,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;color:var(--dark);background-color:var(--paper);overflow-x:hidden}
body.page-about-us .hero-section{background:rgba(15,118,110,.1);padding:80px 0;position:relative;overflow:hidden}
body.page-about-us .hero-container{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
@media(max-width:992px){body.page-about-us .hero-container{grid-template-columns:1fr;text-align:center;gap:40px}}
body.page-about-us .hero-content h1{font-size:2rem;font-weight:800;color:var(--secondary);margin-bottom:20px;line-height:1.2}
body.page-about-us .hero-content h1 span{color:var(--primary)}
body.page-about-us .hero-subtitle{font-size:1.2rem;color:#666;margin-bottom:30px;line-height:1.6}
body.page-about-us .hero-stats{display:flex;gap:40px;margin-top:40px}
@media(max-width:576px){body.page-about-us .hero-stats{flex-direction:column;gap:20px;align-items:center}}
body.page-about-us .stat-value{font-size:1.75rem;font-weight:800;color:var(--primary);line-height:1}
body.page-about-us .stat-label{font-size:.9rem;color:var(--gray);margin-top:8px}
body.page-about-us .hero-image{position:relative}
body.page-about-us .hero-img{width:100%;border-radius:var(--radius);box-shadow:var(--shadow);animation:float 6s ease-in-out infinite}
body.page-about-us .story-section{padding:80px 0;background-color:#fff}
body.page-about-us .section-header{text-align:center;margin-bottom:60px}
body.page-about-us .section-title{font-size:1.75rem;font-weight:700;color:var(--secondary);margin-bottom:15px}
body.page-about-us .section-subtitle{font-size:1.1rem;color:#666;max-width:700px;margin:0 auto}
body.page-about-us .timeline{position:relative;max-width:1000px;margin:0 auto}
body.page-about-us .timeline:before{content:"";position:absolute;left:50%;top:0;bottom:0;width:4px;background-color:var(--primary-light);transform:translate(-50%)}
@media(max-width:768px){body.page-about-us .timeline:before{left:30px}}
body.page-about-us .timeline-item{display:flex;margin-bottom:60px;position:relative}
@media(max-width:768px){body.page-about-us .timeline-item{flex-direction:column}}
body.page-about-us .timeline-content{flex:1;padding:30px;background-color:var(--light);border-radius:var(--radius);box-shadow:var(--shadow);position:relative}
body.page-about-us .timeline-content:before{content:"";position:absolute;top:30px;width:20px;height:20px;background-color:var(--primary);border-radius:50%}
body.page-about-us .timeline-item:nth-child(odd) .timeline-content{margin-right:50px}
body.page-about-us .timeline-item:nth-child(odd) .timeline-content:before{right:-60px}
body.page-about-us .timeline-item:nth-child(2n) .timeline-content{margin-left:50px}
body.page-about-us .timeline-item:nth-child(2n) .timeline-content:before{left:-60px}
@media(max-width:768px){body.page-about-us .timeline-content{margin-left:60px!important;margin-right:0!important}body.page-about-us .timeline-content:before{left:-50px!important;right:auto!important}}
body.page-about-us .timeline-year{font-size:1.4rem;font-weight:700;color:var(--primary);margin-bottom:10px}
body.page-about-us .timeline-title{font-size:1.15rem;font-weight:600;color:var(--secondary);margin-bottom:15px}
body.page-about-us .mission-section{padding:80px 0;background:rgba(15,118,110,.05)}
body.page-about-us .mission-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:40px;margin-top:40px}
body.page-about-us .mission-card{background-color:#fff;border-radius:var(--radius);padding:40px;text-align:center;box-shadow:var(--shadow);transition:var(--transition)}
body.page-about-us .mission-card:hover{transform:none;box-shadow:var(--shadow-sm)}
body.page-about-us .mission-icon{width:80px;height:80px;background-color:rgba(15,118,110,.1);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 25px;font-size:1.5rem;color:var(--primary)}
body.page-about-us .mission-card h3{font-size:1.25rem;font-weight:600;color:var(--secondary);margin-bottom:15px}
body.page-about-us .mission-card p{color:#666;line-height:1.6}
body.page-about-us .values-section{padding:80px 0;background-color:#fff}
body.page-about-us .values-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:30px;margin-top:40px}
body.page-about-us .value-card{text-align:center;padding:30px}
body.page-about-us .value-icon{width:70px;height:70px;background-color:#C99A2E1a;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;font-size:1.4rem;color:var(--accent-dark)}
body.page-about-us .value-card h4{font-size:1.2rem;font-weight:600;color:var(--secondary);margin-bottom:10px}
body.page-about-us .value-card p{color:#666;font-size:.95rem;line-height:1.5}
body.page-about-us .team-section{padding:80px 0;background:rgba(15,118,110,.05)}
body.page-about-us .team-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:30px;margin-top:40px}
body.page-about-us .team-member{background-color:#fff;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);transition:var(--transition)}
body.page-about-us .team-member:hover{transform:none;box-shadow:var(--shadow-sm)}
body.page-about-us .member-image{width:100%;height:250px;object-fit:cover}
body.page-about-us .member-info{padding:25px}
body.page-about-us .member-name{font-size:1.15rem;font-weight:600;color:var(--secondary);margin-bottom:5px}
body.page-about-us .member-role{color:var(--primary);font-weight:500;margin-bottom:10px}
body.page-about-us .member-bio{color:#666;font-size:.95rem;line-height:1.5;margin-bottom:15px}
body.page-about-us .member-social{display:flex;gap:10px}
body.page-about-us .member-social a{width:36px;height:36px;background-color:var(--light-gray);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--dark);transition:var(--transition)}
body.page-about-us .member-social a:hover{background-color:var(--primary);color:#fff}
body.page-about-us .achievements-section{padding:80px 0;background-color:var(--secondary);color:#fff}
body.page-about-us .achievements-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:40px;margin-top:40px}
body.page-about-us .achievement-card{text-align:center}
body.page-about-us .achievement-icon{width:80px;height:80px;background-color:#ffffff1a;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;font-size:1.5rem}
body.page-about-us .achievement-value{font-size:1.75rem;font-weight:700;margin-bottom:5px}
body.page-about-us .achievement-label{font-size:1rem;opacity:.9}
body.page-about-us .partners-section{padding:80px 0;background-color:#fff}
body.page-about-us .partners-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr));gap:30px;align-items:center;margin-top:40px}
body.page-about-us .partner-logo{height:80px;display:flex;align-items:center;justify-content:center;padding:20px;background-color:var(--light);border-radius:var(--radius);transition:var(--transition)}
body.page-about-us .partner-logo:hover{transform:none;box-shadow:var(--shadow)}
body.page-about-us .partner-logo img{max-width:100%;max-height:100%;filter:grayscale(100%);opacity:.7;transition:var(--transition)}
body.page-about-us .partner-logo:hover img{filter:grayscale(0%);opacity:1}
body.page-about-us .cta-section{padding:80px 0;background:var(--primary);color:#fff;text-align:center}
body.page-about-us .cta-content h2{font-size:1.75rem;font-weight:700;margin-bottom:20px}
body.page-about-us .cta-content p{font-size:1.1rem;max-width:600px;margin:0 auto 30px;opacity:.9}
body.page-about-us .cta-buttons{display:flex;gap:20px;justify-content:center}
@media(max-width:576px){body.page-about-us .cta-buttons{flex-direction:column;align-items:center}}
body.page-about-us .cta-buttons .btn{min-width:180px}
body.page-about-us .cta-buttons .btn-primary{background-color:#fff;color:var(--primary)}
body.page-about-us .cta-buttons .btn-primary:hover{background-color:var(--light)}
body.page-about-us .cta-buttons .btn-outline{border-color:#fff;color:#fff}
body.page-about-us .cta-buttons .btn-outline:hover{background-color:#fff;color:var(--primary)}
@media(max-width:768px){body.page-about-us .hero-content h1{font-size:1.6rem}body.page-about-us .section-title{font-size:1.5rem}body.page-about-us .mission-card,body.page-about-us .team-member{padding:25px}}
body.page-about-us .animate-on-scroll{opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease}
body.page-about-us .animate-on-scroll.visible{opacity:1;transform:translateY(0)}