/* AL-NEXA GULF — About Page */
.page-hero{padding:calc(var(--nav-height) + var(--space-2xl)) 0 var(--space-2xl);text-align:center;position:relative;background:var(--bg-surface)}
.page-hero::before{display:none}
.page-hero>*{position:relative;z-index:1}

/* About Intro */
.about-intro{padding:var(--space-3xl) 0}
.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2xl);align-items:center}
.about-image-wrap{position:relative}
.about-image-wrap img{width:100%;height:400px;object-fit:cover;border-radius:var(--radius-lg)}
.image-gold-border{position:absolute;top:-15px;right:-15px;width:120px;height:120px;border:2px solid var(--accent);opacity:.3;pointer-events:none}
.saudi-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--accent-dim);border:1px solid var(--border-accent);color:var(--accent);font-family:var(--font-heading);font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;margin-bottom:var(--space-md)}
.about-text h2{margin-bottom:var(--space-sm)}
.about-text .gold-line{margin-bottom:var(--space-md)}
.about-text p{color:var(--text-secondary);margin-bottom:var(--space-sm);line-height:1.7;font-size:.95rem}

/* CEO */
.ceo-section{padding:var(--space-3xl) 0;background:var(--bg-secondary)}
.ceo-grid{display:grid;grid-template-columns:auto 1fr;gap:var(--space-2xl);align-items:center}
.ceo-photo-wrap{position:relative;width:200px;height:200px;flex-shrink:0}
.ceo-photo{width:100%;height:100%;border-radius:50%;object-fit:cover;border:3px solid var(--accent)}
.ceo-ring{position:absolute;inset:-8px;border-radius:50%;border:2px dashed var(--accent);opacity:.4;pointer-events:none}
.ceo-quote{font-family:var(--font-heading);font-size:6rem;color:var(--accent);line-height:1;opacity:.25;margin-bottom:-1.5rem}
.ceo-text p{color:var(--text-secondary);font-size:.95rem;line-height:1.7;margin-bottom:var(--space-sm)}
.ceo-name{font-family:var(--font-heading);color:var(--accent);font-size:1.1rem;font-weight:700;margin-top:var(--space-md)}

/* What We Are */
.what-section{padding:var(--space-3xl) 0}
.what-grid{display:flex;flex-direction:column;gap:var(--space-md)}
.what-card{background:var(--bg-card);border-left:3px solid var(--accent);padding:var(--space-md) var(--space-lg);transition:all .3s}
.what-card:hover{background:var(--bg-card-hover);transform:translateX(4px)}
.what-card p{color:var(--text-secondary);font-size:.9rem;line-height:1.6}

/* Mission Vision */
.mission-vision{padding:var(--space-3xl) 0;background:var(--bg-secondary)}
.mv-grid{display:grid;grid-template-columns:1fr auto 1fr;gap:var(--space-xl);align-items:start}
.mv-divider{width:2px;height:100%;background:var(--accent);opacity:.3}
.mission-panel,.vision-panel{padding:var(--space-lg)}
.mv-icon{font-size:2rem;color:var(--accent);margin-bottom:var(--space-sm)}
.mission-panel h3,.vision-panel h3{margin-bottom:var(--space-sm)}
.mission-panel p,.vision-panel p{color:var(--text-secondary);font-size:.9rem;line-height:1.7}

/* Values */
.values-section{padding:var(--space-3xl) 0}
.values-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-md)}
.value-card{background:var(--bg-card);border:1px solid var(--border-subtle);padding:var(--space-lg);text-align:center;transition:all .35s}
.value-card:hover{border-color:var(--border-accent);transform:translateY(-4px)}
.value-hex{width:50px;height:50px;background:var(--accent-dim);border:1px solid var(--border-accent);display:flex;align-items:center;justify-content:center;font-size:1.2rem;color:var(--accent);margin:0 auto var(--space-sm);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)}
.value-card h3{font-size:1.05rem;margin-bottom:.3rem}
.value-card p{color:var(--text-muted);font-size:.82rem}

/* Quality */
.quality-section{padding:var(--space-3xl) 0}
.quality-content{max-width:800px;margin:0 auto}
.quality-content p{color:var(--text-secondary);font-size:.95rem;line-height:1.7;margin-bottom:var(--space-lg)}
.quality-list{display:flex;flex-direction:column;gap:var(--space-sm)}
.quality-item{display:flex;align-items:center;gap:var(--space-sm);color:var(--text-secondary);font-size:.9rem}
.quality-item i{color:var(--accent);font-size:1rem}
.iso-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-md);margin-top:var(--space-xl)}
.iso-box{border:2px dashed var(--border-accent);padding:var(--space-xl);text-align:center;color:var(--text-muted);font-size:.85rem;border-radius:var(--radius-md);background:var(--bg-card)}

/* Locations */
.locations-section{padding:var(--space-3xl) 0;background:var(--bg-secondary)}
.locations-row{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-md)}
.location-card{background:var(--bg-card);border:1px solid var(--border-subtle);padding:var(--space-lg);text-align:center;border-radius:var(--radius-md);transition:all .35s;perspective:800px}
.location-card:hover{border-color:var(--border-accent);transform:translateY(-4px)}
.location-icon{font-size:1.5rem;color:var(--accent);margin-bottom:var(--space-sm)}
.location-card h4{font-size:1rem;margin-bottom:.3rem;color:var(--accent)}
.location-card p{color:var(--text-muted);font-size:.85rem;line-height:1.5}

@media(max-width:768px){
  .about-grid,.ceo-grid,.mv-grid{grid-template-columns:1fr}
  .values-grid{grid-template-columns:1fr}
  .iso-grid,.locations-row{grid-template-columns:1fr}
  .mv-divider{display:none}.ceo-photo-wrap{margin:0 auto}
}