/* ═══════════════════════════════════════
   ABOUT PAGE
   ═══════════════════════════════════════ */
.ab-inner { max-width:1320px; margin:0 auto; padding-left:64px; padding-right:64px; }

/* Hero */
.ab-hero { background:var(--dark); position:relative; overflow:hidden; }
.ab-hero-bg { position:absolute; inset:0; background:url('assets/bg-hero.jpg') center/cover no-repeat; z-index:1; }
.ab-hero-bg::after { content:''; position:absolute; inset:0; background:rgba(10,12,20,0.55); z-index:2; }
.ab-hero .ab-inner { padding-top:156px; padding-bottom:88px; position:relative; z-index:3; }
.ab-label { font-size:11px; font-weight:700; letter-spacing:3px; color:var(--gold); margin-bottom:16px; text-transform:uppercase; }
.ab-hero h1 { font-size:44px; font-weight:300; line-height:1.2; color:var(--white); margin-bottom:24px; }
.ab-hero h1 .gold { color:var(--gold); font-weight:600; }
.ab-hero-sub { font-size:14px; font-weight:300; color:rgba(255,255,255,0.5); line-height:1.75; max-width:400px; }

/* Origin */
.ab-origin { background:var(--white); }
.ab-origin .ab-inner { padding-top:80px; padding-bottom:80px; display:grid; grid-template-columns:1fr 1fr; gap:64px; align-items:center; }
.ab-origin-left { border-left:4px solid var(--gold); padding-left:28px; }
.ab-origin-left h2 { font-size:32px; font-weight:900; line-height:1.15; color:var(--text-dark); letter-spacing:0.5px; }
.ab-origin-left h2 .gold { color:var(--gold); }
.ab-origin-right p { font-size:14px; font-weight:400; color:#666; line-height:1.75; margin-bottom:16px; }
.ab-origin-right p:last-child { margin-bottom:0; }
.ab-origin-right p strong { color:var(--text-dark); font-weight:700; }

/* Evolution */
.ab-evolution { background:#F5F3EE; border-top:1px solid #E5E2DA; }
.ab-evolution .ab-inner { padding-top:72px; padding-bottom:72px; text-align:center; }
.ab-evo-title { font-size:13px; font-weight:700; letter-spacing:3px; color:var(--text-dark); margin-bottom:8px; }
.ab-evo-underline { width:32px; height:3px; background:var(--gold); margin:0 auto 48px; }
.ab-evo-flow { display:flex; align-items:center; justify-content:space-between; gap:32px; margin-bottom:40px; width:100%; }
.ab-evo-step { display:flex; align-items:center; gap:20px; flex:0 0 auto; }
.ab-evo-icon { width:84px; height:84px; border-radius:50%; border:1px solid #D7D2C7; background:var(--white); display:flex; align-items:center; justify-content:center; overflow:hidden; flex-shrink:0; }
.ab-evo-icon img { width:56px; height:56px; object-fit:contain; }
.ab-evo-text { text-align:left; padding-top:4px; }
.ab-evo-text h4 { font-size:13px; font-weight:800; letter-spacing:1px; color:var(--text-dark); margin-bottom:4px; }
.ab-evo-text p { font-size:11px; font-weight:400; color:#888; line-height:1.4; }
.ab-evo-arrow { display:flex; align-items:center; justify-content:center; flex:1; min-width:240px; transform:translateY(-12px); padding:0 24px; }
.ab-evo-arrow img { width:100%; max-width:620px; height:auto; display:block; transform:translateX(40px); opacity:0.95; }
.ab-evo-bottom { font-size:14px; font-weight:400; color:#777; line-height:1.7; max-width:600px; margin:0 auto; }

/* Principle */
.ab-principle { background:var(--dark); position:relative; overflow:hidden; }
.ab-principle-bg { position:absolute; inset:0; background:url('assets/bg-hero.jpg') center/cover no-repeat; opacity:0.15; z-index:1; }
.ab-principle .ab-inner { padding-top:72px; padding-bottom:72px; position:relative; z-index:2; text-align:center; }
.ab-prin-grid { display:flex; align-items:center; justify-content:center; gap:0; margin-top:32px; }
.ab-prin-item { padding:0 48px; }
.ab-prin-item:first-child { border-right:1px solid rgba(255,255,255,0.15); }
.ab-prin-item h3 { font-size:32px; font-weight:300; color:var(--white); line-height:1.25; letter-spacing:1px; }
.ab-prin-item h3 .gold { color:var(--gold); font-weight:600; }

/* Founder */
.ab-founder { background:var(--white); border-top:1px solid #eee; }
.ab-founder .ab-inner { padding-top:80px; padding-bottom:80px; display:grid; grid-template-columns:280px 1fr; gap:56px; align-items:start; }
.ab-founder-photo img { width:100%; border-radius:10px; display:block; }
.ab-founder-name { font-size:28px; font-weight:800; color:var(--text-dark); letter-spacing:1px; margin-bottom:4px; }
.ab-founder-role { font-size:13px; font-weight:600; color:var(--gold); font-style:italic; margin-bottom:20px; }
.ab-founder-divider { width:32px; height:2px; background:var(--gold); margin-bottom:20px; }
.ab-founder-bio p { font-size:14px; font-weight:400; color:#666; line-height:1.75; margin-bottom:14px; }
.ab-founder-bio p:last-child { margin-bottom:0; }
.ab-founder-bio p strong { color:var(--text-dark); font-weight:700; }
.ab-founder-creds { display:flex; gap:20px; flex-wrap:wrap; margin-top:28px; }
.ab-cred { display:flex; align-items:center; gap:10px; }
.ab-cred-icon { width:40px; height:40px; border-radius:50%; border:1.5px solid var(--gold); display:flex; align-items:center; justify-content:center; font-size:14px; color:var(--text-dark); flex-shrink:0; background:var(--white); }
.ab-cred-text h5 { font-size:10px; font-weight:800; color:var(--text-dark); margin-bottom:1px; }
.ab-cred-text p { font-size:9.5px; font-weight:400; color:#999; }

/* Who We Are */
.ab-who { background:#F7F5F0; border-top:1px solid #E5E2DA; }
.ab-who .ab-inner { padding-top:72px; padding-bottom:72px; }
.ab-who-title { font-size:26px; font-weight:800; color:var(--text-dark); letter-spacing:1px; margin-bottom:28px; }
.ab-who-grid { display:grid; grid-template-columns:1fr 1px 1fr; gap:40px; }
.ab-who-grid-divider { background:#E5E2DA; align-self:stretch; }
.ab-who-grid p { font-size:14px; font-weight:400; color:#666; line-height:1.75; }
.ab-who-grid p strong { color:var(--text-dark); font-weight:700; }

/* What We're Building */
.ab-building { background:var(--white); border-top:1px solid #eee; }
.ab-building .ab-inner { padding-top:72px; padding-bottom:72px; }
.ab-build-title { font-size:13px; font-weight:700; letter-spacing:3px; color:var(--text-dark); text-align:center; margin-bottom:8px; }
.ab-build-underline { width:32px; height:3px; background:var(--gold); margin:0 auto 48px; }
.ab-build-layout { display:grid; grid-template-columns:1fr 1px 1.2fr; gap:48px; align-items:start; }
.ab-build-today { text-align:center; }
.ab-build-today-label { font-size:12px; font-weight:700; letter-spacing:2px; color:var(--text-dark); margin-bottom:28px; }
.ab-build-today-icons { display:flex; gap:32px; justify-content:center; }
.ab-build-icon-item { display:flex; flex-direction:column; align-items:center; gap:10px; }
.ab-build-icon-circle { width:56px; height:56px; border-radius:50%; border:1.5px solid var(--gold); display:flex; align-items:center; justify-content:center; font-size:22px; color:var(--gold); background:var(--white); }
.ab-build-icon-item span { font-size:11px; font-weight:500; color:#666; }
.ab-build-divider { background:#E5E2DA; align-self:stretch; }
.ab-build-tomorrow {}
.ab-build-tomorrow-label { font-size:12px; font-weight:700; letter-spacing:2px; color:var(--text-dark); margin-bottom:28px; }
.ab-build-tomorrow-card { display:flex; align-items:flex-start; gap:16px; margin-bottom:24px; }
.ab-build-tomorrow-card .ab-build-icon-circle { flex-shrink:0; }
.ab-build-tomorrow-card h4 { font-size:15px; font-weight:700; color:var(--text-dark); margin-bottom:4px; }
.ab-build-tomorrow-card p { font-size:13px; font-weight:400; color:#888; line-height:1.5; }
.ab-build-vision { font-size:13px; font-weight:400; color:#888; line-height:1.7; }

/* CTA */
.ab-cta { background:var(--dark); position:relative; overflow:hidden; }
.ab-cta-bg { position:absolute; inset:0; background:url('assets/footer-bg-about.jpg') center/cover no-repeat; z-index:1; }
.ab-cta-bg::after { content:''; position:absolute; inset:0; background:rgba(14,16,24,0.55); }
.ab-cta .ab-inner { padding-top:72px; padding-bottom:72px; position:relative; z-index:2; display:flex; align-items:center; justify-content:space-between; gap:48px; }
.ab-cta h2 { font-size:34px; font-weight:300; color:var(--white); line-height:1.25; letter-spacing:0.5px; }
.ab-cta h2 .gold { color:var(--gold); font-weight:600; }
.ab-cta-right { text-align:right; flex-shrink:0; }
.ab-cta-desc { font-size:13px; font-weight:300; color:rgba(255,255,255,0.4); margin-bottom:20px; line-height:1.6; }
.ab-btn-gold { display:inline-flex; align-items:center; gap:10px; padding:16px 36px; background:var(--gold); color:var(--dark); text-decoration:none; font-size:12px; font-weight:700; letter-spacing:2px; border-radius:4px; transition:background 0.25s; white-space:nowrap; }
.ab-btn-gold:hover { background:var(--gold-hover); }
.ab-evo-arrow-mobile {display:none;}
/* ═══ RESPONSIVE ═══ */
@media (max-width:1024px) {
  .ab-inner { padding-left:36px; padding-right:36px; }
  .ab-origin .ab-inner { grid-template-columns:1fr; gap:40px; }
  .ab-founder .ab-inner { grid-template-columns:1fr; }
  .ab-founder-photo { max-width:280px; }
  .ab-who-grid { grid-template-columns:1fr; gap:20px; }
  .ab-who-grid-divider { display:none; }
  .ab-build-layout { grid-template-columns:1fr; gap:32px; }
  .ab-build-divider { height:1px; width:100%; }
  .ab-evo-flow { flex-wrap:wrap; gap:24px; }
  .ab-evo-arrow { margin:0; }
}
@media (max-width:768px) {
  .ab-inner { padding-left:24px; padding-right:24px; }
  .ab-hero h1 { font-size:30px; }
  .ab-origin-left h2 { font-size:24px; }
  .ab-prin-item h3 { font-size:24px; }
  .ab-prin-grid { flex-direction:column; gap:24px; }
  .ab-prin-item:first-child { border-right:none; border-bottom:1px solid rgba(255,255,255,0.15); padding-bottom:24px; }
  .ab-prin-item { padding:0; }
  .ab-cta .ab-inner { flex-direction:column; align-items:flex-start; gap:24px; }
  .ab-cta h2 { font-size:26px; }
  .ab-cta-right { text-align:left; }
  .ab-founder-creds { gap:12px; }
  .ab-build-tomorrow-label { text-align:center; } 
  .ab-evo-flow{
      display:flex;
      flex-direction:column;
      align-items:center;
      gap:24px;
  }

  .ab-evo-step{
      width:100%;
      max-width:320px;
      justify-content:flex-start;
    flex-direction:column;
    text-align:center;
    gap:12px;	  
  }

	.ab-evo-arrow{
		  display:none;
	 }
	  
	.ab-evo-text{
		text-align:center;
	}
	
  .ab-evo-arrow {
      display:none;
  }

  .ab-evo-arrow-mobile {
      width:10px;
      height:10px;
      border-radius:50%;
      background:var(--gold);
      margin:16px 0;
      display:block;
  }

}