.leadership-page {
  --lp-gold: #ffc65c;
  --lp-line: rgba(255, 185, 69, .45);
  --lp-copy: #d2c0b7;
  color: #fff;
  background: #0b0303;
  font-family: "Be Vietnam Pro", system-ui, sans-serif;
}
.leadership-page * { box-sizing: border-box; }
.leadership-page a { text-decoration: none; }
.lp-shell { width: min(1220px, calc(100% - 42px)); margin: 0 auto; position: relative; z-index: 2; }
.lp-section { padding: 75px 0; position: relative; overflow: hidden; border-top: 1px solid rgba(255, 117, 38, .3); }
.lp-section::before { content: ""; position: absolute; inset: 0 0 auto; height: 2px; background: linear-gradient(90deg, transparent, #ff9d31, transparent); opacity: .75; }
.lp-kicker { margin: 0 0 11px; color: var(--lp-gold); font-size: .75rem; font-weight: 800; letter-spacing: .2em; }
.leadership-page h1,.leadership-page h2,.leadership-page h3 { margin-top: 0; letter-spacing: -.045em; }
.leadership-page h2 { margin-bottom: 12px; font-size: clamp(2rem, 3.5vw, 3rem); line-height: 1.18; }
.leadership-page h1 span,.leadership-page h2 span { color: var(--lp-gold); }
.leadership-page p { line-height: 1.65; }
.lp-heading { max-width: 780px; margin-bottom: 30px; }
.lp-heading.centered { margin-inline: auto; text-align: center; }
.lp-heading > p:last-child { max-width: 700px; margin: 0 auto; color: var(--lp-copy); }
.lp-button { min-height: 46px; padding: 0 20px; display: inline-flex; align-items: center; justify-content: center; gap: 8px; border: 1px solid var(--lp-line); border-radius: 999px; color: #fff4df; background: rgba(22, 4, 3, .7); font-size: .86rem; font-weight: 800; }
.lp-button.primary { border-color: #ffb64e; color: #290b04; background: linear-gradient(135deg, #ffe08a, #ffad39); box-shadow: 0 12px 30px rgba(255, 123, 26, .24); }

.lp-hero { min-height: 640px; padding: 124px 0 75px; position: relative; overflow: hidden; background: #170503 url('../assets/leadership-stage-clean.webp') center / cover no-repeat; }
.lp-hero::before { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(8,2,2,.96), rgba(8,2,2,.78) 38%, rgba(8,2,2,.12) 75%), linear-gradient(0deg, #0b0303, transparent 35%); }
.lp-hero-inner { min-height: 440px; }
.lp-breadcrumb { margin-bottom: 48px; display: flex; flex-wrap: wrap; align-items: center; gap: 9px; color: #d7c4b3; font-size: .7rem; }
.lp-breadcrumb a:hover { color: var(--lp-gold); }
.lp-breadcrumb span { color: var(--lp-gold); }
.lp-hero-copy { width: min(570px, 53%); position: relative; z-index: 5; }
.lp-hero-copy h1 { margin: 0 0 11px; font-size: clamp(3.1rem, 5vw, 5.8rem); line-height: 1.03; text-transform: uppercase; }
.lp-hero-copy h2 { margin-bottom: 13px; font-size: clamp(1.15rem, 2vw, 1.7rem); letter-spacing: -.025em; }
.lp-hero-copy > p:last-of-type { max-width: 530px; margin-bottom: 20px; color: #f0ded2; font-size: .92rem; }
.lp-actions { display: flex; flex-wrap: wrap; gap: 10px; }
.lp-hero-visual { width: 55%; height: 100%; position: absolute; right: -3%; bottom: -30px; z-index: 3; pointer-events: none; }
.lp-hero-visual img { position: absolute; bottom: 0; width: auto; max-width: none; object-fit: contain; object-position: bottom; filter: drop-shadow(0 25px 25px rgba(0,0,0,.6)); }
.lp-hero-ceo { height: 95%; left: 2%; z-index: 2; }
.lp-hero-ambassador { height: 94%; right: 0; z-index: 3; }
.lp-hero-visual .lp-hero-logo { width: 35%; height: auto; left: 34%; bottom: 6%; z-index: 4; filter: drop-shadow(0 0 22px rgba(255,151,28,.4)); }

.lp-principles { background: linear-gradient(rgba(13,3,3,.53),rgba(16,3,3,.9)), url('../assets/governance-v2.webp') center / cover no-repeat; }
.lp-principle-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 14px; }
.lp-principle-grid article { min-width: 0; min-height: 215px; padding: 22px 18px; display: flex; flex-direction: column; align-items: center; border: 1px solid var(--lp-line); border-radius: 17px; background: linear-gradient(150deg,rgba(68,13,8,.82),rgba(13,3,3,.9)); text-align: center; box-shadow: 0 20px 36px rgba(0,0,0,.25); }
.lp-principle-grid img { width: 76px; height: 76px; margin-bottom: 10px; object-fit: contain; }
.lp-principle-grid h3 { margin-bottom: 6px; font-size: 1rem; }
.lp-principle-grid p { margin: 0; color: var(--lp-copy); font-size: .75rem; }

.lp-team { background: radial-gradient(circle at 50% 22%,rgba(127,24,13,.28),transparent 44%),linear-gradient(#150504,#090202); }
.lp-team-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 14px; }
.lp-profile,.lp-unit { min-width: 0; min-height: 410px; position: relative; overflow: hidden; border: 1px solid var(--lp-line); border-radius: 16px; background: #190705; box-shadow: 0 22px 46px rgba(0,0,0,.4); }
.lp-profile-image { height: 240px; position: relative; overflow: hidden; background: radial-gradient(circle at 50% 40%,#6a2b11,#1b0705 72%); }
.lp-profile-image::after { content: ""; position: absolute; inset: 55% 0 0; background: linear-gradient(transparent,#190705); }
.lp-profile-image img { width: 100%; height: 100%; object-fit: contain; object-position: center bottom; }
.lp-profile-copy { padding: 0 18px 20px; position: relative; z-index: 2; }
.lp-profile-copy span,.lp-unit > span { color: #ffc35d; font-size: .66rem; font-weight: 800; letter-spacing: .12em; }
.lp-profile-copy h3,.lp-unit h3 { margin: 7px 0; font-size: 1.12rem; line-height: 1.3; }
.lp-profile-copy p,.lp-unit p { margin: 0 0 15px; color: #d5c3b8; font-size: .75rem; line-height: 1.55; }
.lp-profile-copy a,.lp-unit a { margin-top: auto; color: #ffd276; font-size: .74rem; font-weight: 800; }
.lp-unit { padding: 26px 19px; display: flex; flex-direction: column; background: radial-gradient(circle at 50% 18%,rgba(164,42,19,.35),transparent 38%),linear-gradient(160deg,#3a1009,#150504); }
.lp-unit img { width: 120px; height: 120px; margin: 0 auto 24px; object-fit: contain; }

.lp-roles { background: radial-gradient(circle at 70% 55%,rgba(120,34,10,.24),transparent 45%),#0c0303; }
.lp-role-layout { display: grid; grid-template-columns: 270px minmax(0,1fr); gap: 18px; }
.lp-role-tabs { display: grid; align-content: start; gap: 8px; }
.lp-role-tabs button { min-height: 48px; padding: 10px 16px; border: 1px solid rgba(255,180,62,.25); border-radius: 11px; color: #f5e7dd; background: rgba(30,7,5,.75); font: 700 .8rem/1.35 "Be Vietnam Pro",system-ui,sans-serif; text-align: left; cursor: pointer; }
.lp-role-tabs button.is-active,.lp-role-tabs button:hover { border-color: #ffbd52; color: #fff; background: linear-gradient(100deg,#9d1b15,#3a0806); box-shadow: 0 0 20px rgba(252,73,28,.22); }
.lp-role-panel { min-height: 300px; padding: 28px; display: grid; grid-template-columns: 200px minmax(0,1fr); align-items: center; gap: 24px; border: 1px solid var(--lp-line); border-radius: 17px; background: linear-gradient(120deg,rgba(56,13,7,.85),rgba(18,5,4,.88)),url('../assets/leadership-stage-clean.webp') center / cover; }
.lp-role-panel > img { width: 185px; height: 185px; object-fit: contain; filter: drop-shadow(0 18px 20px rgba(0,0,0,.4)); }
.lp-role-panel h3 { margin-bottom: 10px; font-size: 1.55rem; }
.lp-role-panel p { color: #e2cfc0; font-size: .86rem; }
.lp-role-panel ul { margin: 16px 0 0; padding: 0; list-style: none; }
.lp-role-panel li { margin: 8px 0; padding-left: 24px; position: relative; color: #eee0d2; font-size: .79rem; }
.lp-role-panel li::before { content: "✓"; position: absolute; left: 0; color: #ffca64; font-weight: 900; }

.lp-story { background: linear-gradient(90deg,rgba(16,3,3,.95),rgba(30,5,4,.65)),url('../assets/leadership-stage-clean.webp') center / cover; }
.lp-story-layout { display: grid; grid-template-columns: .82fr 1.18fr; align-items: center; gap: 45px; }
.lp-story-layout p:not(.lp-kicker) { color: #e5d3c5; }
.lp-story-image { min-height: 280px; position: relative; overflow: hidden; display: block; border: 1px solid var(--lp-line); border-radius: 18px; background: radial-gradient(circle at 35% 20%,rgba(255,119,38,.44),transparent 42%),url('../assets/leadership-stage-clean.webp') center/cover; }
.lp-story-image img { width: 60%; height: 100%; position: absolute; right: 4%; bottom: 0; object-fit: contain; object-position: center bottom; }
.lp-story-image span { max-width: 55%; position: absolute; left: 20px; bottom: 22px; z-index: 2; color: #fff5de; font-size: 1.3rem; font-weight: 800; }
.lp-story-image::after { content: "→"; width: 42px; height: 42px; position: absolute; right: 22px; top: 22px; display: grid; place-items: center; border: 1px solid #ffd679; border-radius: 50%; color: #fff; background: #a51c12; }

.lp-commitment { padding: 48px 0; background: linear-gradient(90deg,rgba(24,5,3,.75),rgba(10,3,3,.8)),url('../assets/governance-v2.webp') center / cover; }
.lp-commitment-layout { display: grid; grid-template-columns: 110px minmax(0,1fr); align-items: center; gap: 28px; }
.lp-commitment img { width: 105px; height: 105px; object-fit: contain; }
.lp-commitment p:last-child { max-width: 850px; margin-bottom: 0; color: #e5d3c7; }
.lp-more { background: #100403; }
.lp-more-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; }
.lp-more-grid a { min-height: 132px; padding: 20px; display: grid; grid-template-columns: 80px minmax(0,1fr) 34px; align-items: center; gap: 15px; border: 1px solid var(--lp-line); border-radius: 15px; background: linear-gradient(130deg,rgba(54,12,7,.86),rgba(15,4,3,.9)); }
.lp-more-grid img { width: 78px; height: 78px; object-fit: contain; }
.lp-more-grid strong,.lp-more-grid small { display: block; }
.lp-more-grid strong { margin-bottom: 6px; color: #fff2d4; font-size: 1rem; }
.lp-more-grid small { color: #cbb9ab; font-size: .75rem; line-height: 1.5; }
.lp-more-grid b { width: 32px; height: 32px; display: grid; place-items: center; border: 1px solid #ffbe56; border-radius: 50%; color: #ffca6b; }

@media (max-width: 950px) {
  .lp-hero-copy { width: 58%; }
  .lp-hero-visual { width: 60%; right: -8%; opacity: .86; }
  .lp-principle-grid,.lp-team-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .lp-role-layout { grid-template-columns: 220px minmax(0,1fr); }
  .lp-role-panel { grid-template-columns: 130px minmax(0,1fr); padding: 20px; }
  .lp-role-panel > img { width: 125px; height: 125px; }
}
@media (max-width: 700px) {
  .lp-shell { width: calc(100% - 28px); }
  .lp-section { padding: 58px 0; }
  .lp-kicker { font-size: .66rem; }
  .leadership-page h2 { font-size: clamp(1.75rem,7.5vw,2.35rem); line-height: 1.23; }
  .lp-hero { min-height: 770px; padding: 95px 0 45px; background-position: 50% center; }
  .lp-hero::before { background: linear-gradient(180deg,rgba(8,2,2,.9),rgba(8,2,2,.62) 42%,rgba(8,2,2,.15) 75%,#0b0303); }
  .lp-breadcrumb { margin-bottom: 18px; }
  .lp-hero-inner { min-height: 620px; }
  .lp-hero-copy { width: 100%; text-align: center; }
  .lp-hero-copy h1 { font-size: clamp(2.8rem,10vw,4.4rem); }
  .lp-hero-copy h2 { font-size: 1.1rem; }
  .lp-hero-copy > p:last-of-type { max-width: 540px; margin-inline: auto; font-size: .84rem; }
  .lp-actions { justify-content: center; }
  .lp-hero-visual { width: 100%; height: 320px; right: 0; bottom: -38px; opacity: 1; }
  .lp-hero-ceo { height: 100%; left: -8%; }
  .lp-hero-ambassador { height: 100%; right: -10%; }
  .lp-hero-visual .lp-hero-logo { width: 35%; left: 32.5%; bottom: 0; }
  .lp-role-layout,.lp-story-layout { grid-template-columns: 1fr; }
  .lp-role-tabs { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .lp-role-panel { grid-template-columns: 100px minmax(0,1fr); }
  .lp-role-panel > img { width: 98px; height: 98px; }
  .lp-story-layout { gap: 25px; }
  .lp-story-image { min-height: 245px; }
  .lp-commitment-layout { grid-template-columns: 75px minmax(0,1fr); gap: 15px; }
  .lp-commitment img { width: 74px; height: 74px; }
  .lp-more-grid { grid-template-columns: 1fr; }
}
@media (max-width: 480px) {
  .lp-hero { min-height: 800px; }
  .lp-hero-visual { height: 295px; }
  .lp-hero-ceo { left: -17%; }
  .lp-hero-ambassador { right: -19%; }
  .lp-principle-grid { gap: 9px; }
  .lp-principle-grid article { min-height: 202px; padding: 15px 9px; }
  .lp-principle-grid img { width: 65px; height: 65px; }
  .lp-principle-grid h3 { font-size: .83rem; }
  .lp-principle-grid p { font-size: .68rem; }
  .lp-team-grid { grid-template-columns: 1fr 1fr; gap: 9px; }
  .lp-profile,.lp-unit { min-height: 360px; }
  .lp-profile-image { height: 180px; }
  .lp-profile-copy { padding: 0 11px 14px; }
  .lp-profile-copy h3,.lp-unit h3 { font-size: .94rem; }
  .lp-profile-copy p,.lp-unit p { font-size: .67rem; }
  .lp-unit { padding: 16px 11px; }
  .lp-unit img { width: 90px; height: 90px; margin-bottom: 17px; }
  .lp-role-tabs button { min-height: 55px; font-size: .7rem; }
  .lp-role-panel { grid-template-columns: 1fr; text-align: center; }
  .lp-role-panel > img { margin: 0 auto; }
  .lp-role-panel li { text-align: left; }
  .lp-commitment-layout { grid-template-columns: 1fr; text-align: center; }
  .lp-commitment img { margin: 0 auto; }
  .lp-more-grid a { grid-template-columns: 60px minmax(0,1fr) 28px; padding: 14px; }
  .lp-more-grid img { width: 60px; height: 60px; }
}