.about-page{background:var(--navy);}

.about-hero{
  display:flex;
  align-items:center;
  overflow:hidden;
  padding:148px 60px 90px;
  background:
    radial-gradient(circle at 82% 28%,rgba(201,168,76,.12),transparent 28%),
    linear-gradient(135deg,#0b1f3a 0%,#071426 58%,#04111f 100%);
}
.about-hero::after{
  content:"";
  position:absolute;
  right:-12vw;
  bottom:-29vw;
  width:62vw;
  height:62vw;
  border:1px solid rgba(201,168,76,.16);
  transform:rotate(45deg);
}
.about-hero-pattern{
  position:absolute;
  inset:0;
  opacity:.22;
  background-image:linear-gradient(rgba(168,184,204,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(168,184,204,.08) 1px,transparent 1px);
  background-size:72px 72px;
  mask-image:linear-gradient(90deg,transparent 15%,#000 100%);
}
.about-hero-inner{width:100%;max-width:1100px;margin:0 auto;position:relative;z-index:2;}
.about-hero h1{
  max-width:850px;
  font-family:var(--font-heading);
  font-size:clamp(3.8rem,8vw,7rem);
  line-height:.94;
  color:var(--white);
  opacity:0;
  animation:fadeUp .8s .28s ease forwards;
}
.about-hero h1 em{color:var(--gold);font-style:italic;}
.about-hero p{
  max-width:650px;
  margin-top:30px;
  font-size:1.1rem;
  font-weight:300;
  line-height:1.8;
  color:var(--silver);
  opacity:0;
  animation:fadeUp .8s .42s ease forwards;
}

.about-intro{background:var(--navy-mid);border-top:3px solid rgba(201,168,76,.2);}
.about-intro-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px;align-items:start;}
.about-intro .section-title{margin-bottom:0;}
.about-intro-copy{padding-top:44px;}
.about-intro-copy p{font-size:1.05rem;font-weight:300;line-height:1.9;color:var(--text);}
.about-intro-copy p+p{margin-top:22px;}

.leadership .section-title{color:var(--white)}
.leadership .section-title em{color:var(--gold)}
.leadership .section-body{color:var(--text)}
.leadership-grid{margin: auto;width: 50%;}
.leader-card{
  min-width:0;
  background:var(--navy-mid);
  border:1px solid var(--navy-mid);
  box-shadow:0 18px 45px rgba(7,16,32,.1);
  overflow:hidden;
  transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;
}
.leader-card:hover{transform:translateY(-5px);box-shadow:0 24px 55px rgba(7,16,32,.16);border-color:var(--gold)}
.leader-photo{
  aspect-ratio:4/5;
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  background:
    radial-gradient(circle at 50% 36%,rgba(201,168,76,.19),transparent 22%),
    linear-gradient(145deg,#102948 0%,#071426 100%);
}
.leader-photo img{width:100%;height:100%;display:block;object-fit:cover;object-position:center top;}
.leader-photo::before{
  content:"";
  position:absolute;
  width:45%;
  aspect-ratio:1;
  border-radius:50%;
  box-shadow:0 0 0 28px rgba(201,168,76,.035),0 0 0 56px rgba(201,168,76,.025);
}
.leader-photo::after{
  content:"";
  position:absolute;
  inset:18px;
}
.leader-initials{
  position:relative;
  z-index:2;
  font-family:var(--font-heading);
  font-size:clamp(4.5rem,8vw,7rem);
  font-style:italic;
  font-weight:600;
  color:var(--gold);
}
.photo-placeholder-label{
  position:absolute;
  left:28px;
  bottom:24px;
  z-index:2;
  font-size:.68rem;
  font-weight:600;
  letter-spacing:.22em;
  text-transform:uppercase;
  color:var(--silver);
}
.leader-content{position:relative;padding:38px 40px 44px;}
.leader-content h3{padding-right:58px;font-family:var(--font-heading);font-size:2.2rem;line-height:1.05;color:var(--gold);}
.leader-role{margin-top:12px;font-size:.78rem;font-weight:700;line-height:1.55;letter-spacing:.13em;text-transform:uppercase;color:color:var(--white);}
.leader-rule{width:40px;height:2px;margin:22px 0;background:var(--gold);}
.leader-bio{font-size:.96rem;line-height:1.78;color:var(--text);} 

.about-approach{background:linear-gradient(180deg,#071830,var(--navy));border-top:1px solid rgba(201,168,76,.12);}
.approach-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-top:50px;}
.approach-card{min-height:255px;padding:38px 34px;background:rgba(18,40,72,.6);border:1px solid rgba(201,168,76,.1);transition:background .25s ease,border-color .25s ease;}
.approach-card:hover{background:rgba(26,53,96,.55);border-color:var(--gold)}
.approach-card>span{display:block;margin-bottom:28px;font-size:2.5rem;font-weight:700;color:var(--gold);}
.approach-card h3{font-size:1.12rem;letter-spacing:.1em;text-transform:uppercase;color:var(--white);}
.approach-card p{margin-top:16px;font-size:.92rem;font-weight:300;line-height:1.75;color:var(--text-dim);}

.about-cta{align-items:center;padding:58px max(60px,calc((100vw - 980px)/2));background:var(--gold);}
.about-cta span{display:block;margin-bottom:8px;font-size:.7rem;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:rgba(11,31,58,.68);}
.about-cta h2{max-width:670px;font-family:var(--font-body);font-size:clamp(2rem,4vw,3.2rem);line-height:1.05;color:var(--navy);}

@media(max-width:900px){
  .about-hero{min-height:580px;padding:132px 24px 70px;}
  .about-hero-pattern{background-size:52px 52px;}
  .about-intro-grid{grid-template-columns:1fr;gap:14px;}
  .about-intro-copy{padding-top:0;}
  .leadership-grid{grid-template-columns:1fr;}
  .approach-grid{grid-template-columns:1fr;}
  .approach-card{min-height:0;}
  .about-cta{align-items:flex-start;flex-direction:column;padding:48px 24px;}
}

@media(max-width:560px){
  .about-hero{min-height:540px;}
  .about-hero h1{font-size:3.5rem;}
  .leader-content{padding:32px 26px 36px;}
  .leader-content h3{font-size:1.9rem;}
  .photo-placeholder-label{left:20px;bottom:18px;}
}