/* PAGE HERO BANNER */
.page-hero { margin-top:90px; position:relative; padding:110px 40px 90px; overflow:hidden; }
.page-hero-bg { position:absolute; inset:0;background-image: url('/assets/images/about.avif'); background-size:cover; background-position:center 30%; z-index:0; }
.page-hero-bg::after { content:''; position:absolute; inset:0; background:linear-gradient(135deg, rgba(10,22,40,0.93) 0%, rgba(10,22,40,0.72) 50%, rgba(30,58,95,0.88) 100%); }
.page-hero-inner { position:relative; z-index:2; }
.page-hero-gold-line { position:absolute; bottom:0; left:0; right:0; height:4px; background:linear-gradient(135deg,#d4af37 0%,#f4d03f 100%); z-index:2; }
.page-hero-inner { max-width:1400px; margin:0 auto; position:relative; z-index:1; }
.breadcrumb { display:flex; align-items:center; gap:10px; margin-bottom:20px; font-size:13px; }
.breadcrumb a { color:var(--text-muted); text-decoration:none; transition:color 0.2s; }
.breadcrumb a:hover { color:var(--accent-gold); }
.breadcrumb span { color:var(--accent-gold); }
.breadcrumb i { color:var(--text-muted); font-size:10px; }
.page-hero h1 { font-size:52px; font-weight:800; margin-bottom:16px; }
.page-hero h1 span { background:var(--gold-gradient); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; }
.page-hero p { font-size:17px; color:var(--text-muted); max-width:600px; line-height:1.7; }

/* STATS BAR */
.stats-bar { background:var(--secondary-dark); border-top:1px solid rgba(212,175,55,0.15); border-bottom:1px solid rgba(212,175,55,0.15); }
.stats-inner { max-width:1400px; margin:0 auto; padding:0 40px; display:grid; grid-template-columns:repeat(4,1fr); }
.stat-item { padding:36px 30px; text-align:center; border-right:1px solid rgba(212,175,55,0.1); transition:background 0.3s; }
.stat-item:last-child { border-right:none; }
.stat-item:hover { background:rgba(212,175,55,0.04); }
.stat-num { font-size:42px; font-weight:800; font-family:'Playfair Display',serif; background:var(--gold-gradient); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; line-height:1; margin-bottom:8px; }
.stat-label { font-size:13px; color:var(--text-muted); font-weight:600; text-transform:uppercase; letter-spacing:1.5px; }

/* ABOUT STORY */
.about-story { padding:100px 40px; background:var(--primary-dark); }
.about-story-inner { max-width:1400px; margin:0 auto; display:grid; grid-template-columns:1fr 1fr; gap:80px; align-items:center; }
.story-images { display:grid; grid-template-columns:1fr 1fr; gap:16px; position:relative; }
.story-img-main { grid-column:1/-1; border-radius:16px; overflow:hidden; height:280px; }
.story-img-main img { width:100%; height:100%; object-fit:cover; }
.story-img-sm { border-radius:12px; overflow:hidden; height:180px; }
.story-img-sm img { width:100%; height:100%; object-fit:cover; }
.story-badge { position:absolute; bottom:-20px; right:20px; background:var(--gold-gradient); color:var(--primary-dark); padding:16px 24px; border-radius:12px; text-align:center; box-shadow:0 10px 30px rgba(212,175,55,0.4); }
.story-badge-num { font-size:32px; font-weight:800; font-family:'Playfair Display',serif; line-height:1; }
.story-badge-text { font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:1px; }
.story-content { padding-left:20px; }
.section-label { display:inline-block; padding:7px 18px; background:rgba(212,175,55,0.1); color:var(--accent-gold); border-radius:20px; font-size:12px; font-weight:700; text-transform:uppercase; letter-spacing:1px; margin-bottom:16px; }
.story-content h2 { font-size:40px; font-weight:800; margin-bottom:20px; line-height:1.25; }
.story-content h2 span { color:var(--accent-gold); }
.story-content p { font-size:16px; color:var(--text-muted); line-height:1.8; margin-bottom:16px; }

/* MISSION / VISION */
.mv-section { padding:80px 40px; background:var(--secondary-dark); }
.mv-inner { max-width:1400px; margin:0 auto; display:grid; grid-template-columns:1fr 1fr 1fr; gap:28px; }
.mv-card { background:var(--primary-dark); border-radius:16px; padding:40px 36px; border:1px solid rgba(212,175,55,0.1); position:relative; overflow:hidden; transition:all 0.4s; }
.mv-card::before { content:''; position:absolute; top:0; left:0; right:0; height:4px; background:var(--gold-gradient); transform:scaleX(0); transition:transform 0.4s; }
.mv-card:hover { transform:translateY(-8px); border-color:rgba(212,175,55,0.4); box-shadow:0 20px 50px rgba(212,175,55,0.12); }
.mv-card:hover::before { transform:scaleX(1); }
.mv-icon { width:60px; height:60px; background:var(--gold-gradient); border-radius:12px; display:flex; align-items:center; justify-content:center; font-size:26px; color:var(--primary-dark); margin-bottom:22px; }
.mv-card h3 { font-size:24px; font-weight:700; margin-bottom:14px; }
.mv-card p { font-size:15px; color:var(--text-muted); line-height:1.7; }

/* TEAM */
.team-section { padding:100px 40px; background:var(--primary-dark); }
.team-header { text-align:center; max-width:700px; margin:0 auto 60px; }
.team-header h2 { font-size:42px; font-weight:800; margin-bottom:16px; }
.team-header p { color:var(--text-muted); font-size:16px; line-height:1.7; }
.team-grid { max-width:1400px; margin:0 auto; display:grid; grid-template-columns:repeat(4,1fr); gap:28px; }
.team-card { background:var(--secondary-dark); border-radius:16px; overflow:hidden; border:1px solid rgba(212,175,55,0.1); transition:all 0.4s; text-align:center; }
.team-card:hover { transform:translateY(-8px); box-shadow:0 20px 50px rgba(212,175,55,0.15); border-color:rgba(212,175,55,0.35); }
.team-avatar { height:200px; background:linear-gradient(135deg, var(--primary-dark), var(--secondary-dark)); display:flex; align-items:center; justify-content:center; position:relative; overflow:hidden; }
.team-avatar::after { content:''; position:absolute; bottom:0; left:0; right:0; height:3px; background:var(--gold-gradient); }
.team-avatar i { font-size:72px; color:rgba(212,175,55,0.25); }
.team-info { padding:24px 20px; }
.team-info h4 { font-size:18px; font-weight:700; margin-bottom:6px; }
.team-role { font-size:13px; color:var(--accent-gold); font-weight:600; text-transform:uppercase; letter-spacing:1px; margin-bottom:12px; }
.team-info p { font-size:14px; color:var(--text-muted); line-height:1.6; }

/* WHY US */
.whyus-section { padding:100px 40px; background:var(--secondary-dark); }
.whyus-inner { max-width:1400px; margin:0 auto; display:grid; grid-template-columns:1fr 1fr; gap:70px; align-items:center; }
.whyus-content h2 { font-size:40px; font-weight:800; margin-bottom:24px; line-height:1.25; }
.whyus-content h2 span { color:var(--accent-gold); }
.whyus-content p { font-size:16px; color:var(--text-muted); line-height:1.8; margin-bottom:30px; }
.whyus-list { display:flex; flex-direction:column; gap:18px; }
.whyus-item { display:flex; align-items:flex-start; gap:16px; }
.whyus-icon { width:44px; height:44px; background:rgba(212,175,55,0.1); border-radius:10px; display:flex; align-items:center; justify-content:center; flex-shrink:0; }
.whyus-icon i { color:var(--accent-gold); font-size:18px; }
.whyus-item h4 { font-size:16px; font-weight:700; margin-bottom:4px; }
.whyus-item p { font-size:14px; color:var(--text-muted); line-height:1.6; margin:0; }
.whyus-image { position:relative; }
.whyus-image img { width:100%; height:520px; object-fit:cover; border-radius:16px; }
.whyus-image::before { content:''; position:absolute; top:-15px; right:-15px; bottom:15px; left:15px; border:2px solid rgba(212,175,55,0.25); border-radius:16px; z-index:-1; }

/* CTA STRIP */
.cta-strip { background:linear-gradient(135deg, var(--secondary-dark) 0%, #0d2240 100%); padding:80px 40px; border-top:1px solid rgba(212,175,55,0.15); border-bottom:1px solid rgba(212,175,55,0.15); text-align:center; }
.cta-strip h2 { font-size:40px; font-weight:800; margin-bottom:16px; }
.cta-strip h2 span { background:var(--gold-gradient); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; }
.cta-strip p { font-size:17px; color:var(--text-muted); margin-bottom:36px; max-width:600px; margin-left:auto; margin-right:auto; line-height:1.7; }
.cta-buttons { display:flex; gap:16px; justify-content:center; flex-wrap:wrap; }
.btn-primary { padding:15px 36px; background:var(--gold-gradient); color:var(--primary-dark); border-radius:8px; text-decoration:none; font-weight:700; font-size:15px; transition:all 0.3s; display:inline-block; }
.btn-primary:hover { transform:translateY(-3px); box-shadow:0 10px 30px rgba(212,175,55,0.4); }
.btn-outline { padding:15px 36px; background:transparent; color:var(--accent-gold); border:2px solid var(--accent-gold); border-radius:8px; text-decoration:none; font-weight:700; font-size:15px; transition:all 0.3s; display:inline-block; }
.btn-outline:hover { background:var(--gold-gradient); color:var(--primary-dark); border-color:transparent; }

    /* RESPONSIVE */
@media(max-width:1199px) {
    .header-container { height:80px; padding:0 24px; }
    .page-hero { margin-top:80px; padding:60px 24px; }
    .mobile-nav { top:80px; }
    .stats-inner { padding:0 24px; }
    .header-phone { display:none; }
    .team-grid { grid-template-columns:repeat(2,1fr); }
    .mv-inner { grid-template-columns:1fr 1fr; }
    .mv-inner .mv-card:last-child { grid-column:1/-1; max-width:500px; margin:0 auto; width:100%; }
}
@media(max-width:991px) {
    .header-container { height:75px; padding:0 20px; }
    .page-hero { margin-top:75px; padding:50px 20px; }
    .mobile-nav { top:75px; }
    .main-nav,.header-contact { display:none; }
    .mobile-menu-toggle { display:block; }
    .page-hero h1 { font-size:38px; }
    .stats-inner { grid-template-columns:repeat(2,1fr); }
    .stat-item:nth-child(2) { border-right:none; }
    .stat-item:nth-child(3) { border-top:1px solid rgba(212,175,55,0.1); }
    .stat-item:nth-child(4) { border-top:1px solid rgba(212,175,55,0.1); border-right:none; }
    .about-story { padding:72px 24px; }
    .about-story-inner { grid-template-columns:1fr; gap:48px; }
    .story-content { padding-left:0; }
    .whyus-inner { grid-template-columns:1fr; gap:48px; }
    .whyus-image img { height:380px; }
    .mv-section { padding:60px 24px; }
    .mv-inner { grid-template-columns:1fr; }
    .mv-inner .mv-card:last-child { grid-column:1; max-width:100%; }
    .team-section { padding:72px 24px; }
    .whyus-section { padding:72px 24px; }
    .footer { padding:60px 24px 24px; }
    .footer-grid { grid-template-columns:1fr 1fr; gap:36px; }
    .footer-brand { grid-column:1/-1; }
}
@media(max-width:767px) {
    .header-container { height:70px; padding:0 16px; }
    .page-hero { margin-top:70px; padding:40px 16px; }
    .mobile-nav { top:70px; }
    .logo-icon { width:44px; height:44px; }
    .logo-icon::before { font-size:24px; }
    .logo-main { font-size:20px; }
    .page-hero h1 { font-size:30px; }
    .stats-inner { padding:0; }
    .stat-num { font-size:32px; }
    .stat-item { padding:26px 16px; }
    .story-images { grid-template-columns:1fr; }
    .story-img-main { height:220px; }
    .story-img-sm { height:160px; display:none; }
    .story-badge { position:static; margin-top:16px; display:inline-block; }
    .story-content h2 { font-size:28px; }
    .team-grid { grid-template-columns:1fr 1fr; gap:16px; }
    .team-avatar { height:150px; }
    .team-avatar i { font-size:52px; }
    .whyus-content h2 { font-size:28px; }
    .footer-grid { grid-template-columns:1fr; gap:28px; }
    .cta-strip { padding:60px 16px; }
    .cta-strip h2 { font-size:30px; }
    .about-story { padding:60px 16px; }
}
@media(max-width:479px) {
    .team-grid { grid-template-columns:1fr; }
    .stats-inner { grid-template-columns:1fr 1fr; }
    .page-hero h1 { font-size:26px; }
}