:root{--b:#050505;--g:#c8a24a;--t:#f5f3ee;--m:#b9b3a5;--l:rgba(200,162,74,.28)}*{box-sizing:border-box}body{margin:0;background:var(--b);color:var(--t);font-family:Arial,sans-serif;line-height:1.7}a{color:inherit;text-decoration:none}.nav{position:fixed;inset:0 0 auto 0;z-index:20;height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;background:linear-gradient(rgba(0,0,0,.95),rgba(0,0,0,.15));backdrop-filter:blur(8px)}.brand{display:flex;align-items:center;gap:14px;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--m)}.brand img{width:52px;height:52px;border-radius:50%;object-fit:contain}.menu{display:flex;gap:20px;font-size:12px;text-transform:uppercase;letter-spacing:.08em}.cta,.btn.primary{background:var(--g);color:#080808}.cta{padding:12px 18px;border-radius:999px;font-weight:800}h1,h2,h3{font-family:Georgia,serif;font-weight:500;line-height:1.08;margin:0}h1{font-size:clamp(52px,7vw,104px)}h2{font-size:clamp(36px,5vw,72px)}h3{font-size:clamp(25px,3vw,42px);color:#f0dfb4}p{color:#d3cbbb;font-size:18px}.hero{min-height:100vh;min-height:100svh;position:relative;display:flex;align-items:flex-end;padding:140px 6vw 84px;overflow:hidden;border-bottom:1px solid var(--l)}.hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 35%}.hero:before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(0,0,0,.95),rgba(0,0,0,.55) 45%,rgba(0,0,0,.16)),linear-gradient(0deg,rgba(5,5,5,.92),transparent 52%)}.hero-content{position:relative;z-index:2;max-width:900px}.ey,.k{color:var(--g);text-transform:uppercase;letter-spacing:.18em;font-size:13px;margin-bottom:18px;font-weight:800}.lead{font-size:clamp(20px,2vw,28px);max-width:760px;color:#eee4d2;margin-top:26px}section{padding:108px 6vw}.wrap{max-width:1120px;margin:auto}.grid{display:grid;grid-template-columns:1fr 1fr;gap:54px;align-items:center}.reverse .media{order:2}.media img{width:100%;display:block;border-radius:24px;border:1px solid rgba(200,162,74,.22)}.text{max-width:570px}.dark{background:#0a0a0a;border-block:1px solid var(--l)}.quote{max-width:960px;margin:auto;text-align:center;font-family:Georgia,serif;font-size:clamp(34px,5vw,72px);line-height:1.18;color:#f1e8d7}.people{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin-top:58px}.person{background:#0b0b0b;border:1px solid rgba(200,162,74,.2);border-radius:22px;overflow:hidden}.person img{width:100%;height:500px;object-fit:cover;display:block}.person-copy{padding:24px}.person-copy h3{font-size:30px;margin-bottom:12px}.final{text-align:center;background:#070707;border-top:1px solid var(--l)}.actions{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;margin-top:28px}.btn{padding:14px 22px;border:1px solid var(--g);border-radius:999px;color:var(--g);font-weight:800;text-transform:uppercase}.footer{padding:70px 6vw;background:#060606;border-top:1px solid var(--l);color:#bdb5a6}.foot{max-width:1120px;margin:auto;display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:40px}.foot img{width:86px;height:86px;border-radius:50%}@media(max-width:980px){.menu{display:none}.grid{grid-template-columns:1fr}.reverse .media{order:initial}.people{grid-template-columns:1fr}.person img{height:auto}}@media(max-width:620px){section{padding:78px 6vw}.hero{min-height:88vh;padding:120px 6vw 54px}.hero img{object-position:52% center}.foot{grid-template-columns:1fr}}

.people .person img{
  width:100%;
  height:520px;
  object-fit:contain;
  object-position:center;
  background:#050505;
  display:block;
}
@media(max-width:980px){
  .people .person img{height:auto;max-height:680px}
}


/* v1.0.3 — cartes compactes et conclusion finale */
.mentors-section{
  background:#0a0a0a;
  border-top:1px solid var(--l);
  border-bottom:1px solid var(--l);
}
.people-compact{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:24px !important;
  margin-top:50px !important;
  align-items:stretch !important;
}
.people-compact .person{
  display:flex !important;
  flex-direction:column !important;
  background:#0b0b0b !important;
  border:1px solid rgba(200,162,74,.2) !important;
  border-radius:22px !important;
  overflow:hidden !important;
}
.people-compact .person img{
  width:100% !important;
  height:300px !important;
  object-fit:cover !important;
  object-position:center 20% !important;
  background:#050505 !important;
  display:block !important;
}
.people-compact .person-copy{
  padding:22px 24px 26px !important;
}
.people-compact .person-copy h3{
  font-size:28px !important;
  margin-bottom:10px !important;
}
.people-compact .person-copy p{
  margin:0 !important;
  font-size:16px !important;
  line-height:1.55 !important;
}
.shared-philosophy{
  max-width:920px;
  margin:72px auto 0;
  padding:42px 46px;
  text-align:center;
  border-top:1px solid rgba(200,162,74,.25);
  border-bottom:1px solid rgba(200,162,74,.25);
}
.shared-philosophy h3{
  color:var(--g);
  font-size:clamp(30px,4vw,52px);
  margin-bottom:22px;
}
.shared-philosophy p{
  max-width:820px;
  margin:0 auto 18px;
}
.final-statement{
  max-width:980px;
  margin:0 auto;
  font-family:Georgia,'Times New Roman',serif;
  font-size:clamp(40px,6vw,86px);
  line-height:1.12;
  color:#f4ead5;
}
@media(max-width:980px){
  .people-compact{
    grid-template-columns:1fr !important;
  }
  .people-compact .person{
    display:grid !important;
    grid-template-columns:240px 1fr !important;
    align-items:stretch !important;
  }
  .people-compact .person img{
    height:100% !important;
    min-height:260px !important;
  }
}
@media(max-width:620px){
  .people-compact .person{
    grid-template-columns:1fr !important;
  }
  .people-compact .person img{
    height:auto !important;
    min-height:0 !important;
    object-fit:contain !important;
  }
  .shared-philosophy{
    padding:30px 22px;
  }
}


/* v1.0.4 — cadrage Tang Hau Min et pictogrammes */
.people-compact .person{
  position:relative !important;
  overflow:visible !important;
  margin-top:18px !important;
}

.people-compact .person img{
  border-radius:22px 22px 0 0 !important;
}

/* Recadrage spécifique de la 2e photo : Tang Hau Min */
.people-compact .person:nth-child(2) img{
  object-position:center 34% !important;
}

.person-icon{
  position:relative;
  z-index:3;
  width:58px;
  height:58px;
  margin:-29px auto 0;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  background:#0a0a0a;
  border:1px solid var(--g);
  color:var(--g);
  font-family:Georgia,'Times New Roman',serif;
  font-size:27px;
  box-shadow:0 0 0 7px #0b0b0b;
}

.boxing-icon{
  font-family:Arial,sans-serif;
  font-size:24px;
}

.people-compact .person-copy{
  padding-top:18px !important;
  text-align:center !important;
}

@media(max-width:980px){
  .person-icon{
    position:absolute;
    left:211px;
    top:50%;
    transform:translate(-50%,-50%);
    margin:0;
    box-shadow:0 0 0 7px #0b0b0b;
  }

  .people-compact .person-copy{
    text-align:left !important;
    padding-left:42px !important;
  }
}

@media(max-width:620px){
  .person-icon{
    position:relative;
    left:auto;
    top:auto;
    transform:none;
    margin:-29px auto 0;
  }

  .people-compact .person-copy{
    text-align:center !important;
    padding-left:24px !important;
  }
}


/* v1.0.5 — photo Tang Hau Min entière + pictogrammes vectoriels */
.people-compact .person:nth-child(2) img{
  object-fit:contain !important;
  object-position:center center !important;
  background:#050505 !important;
}

.person-icon{
  width:62px !important;
  height:62px !important;
  margin:-31px auto 0 !important;
  padding:11px !important;
  background:#0a0a0a !important;
  border:1px solid var(--g) !important;
  border-radius:50% !important;
  box-shadow:0 0 0 7px #0b0b0b !important;
}

.person-icon svg{
  width:100% !important;
  height:100% !important;
  display:block !important;
  fill:none !important;
  stroke:var(--g) !important;
  stroke-width:2.4 !important;
  stroke-linecap:round !important;
  stroke-linejoin:round !important;
}

.boxing-icon{
  font-size:inherit !important;
  font-family:inherit !important;
}

@media(max-width:980px){
  .person-icon{
    position:absolute !important;
    left:211px !important;
    top:50% !important;
    transform:translate(-50%,-50%) !important;
    margin:0 !important;
  }
}

@media(max-width:620px){
  .person-icon{
    position:relative !important;
    left:auto !important;
    top:auto !important;
    transform:none !important;
    margin:-31px auto 0 !important;
  }
}


/* v1.0.6 — photos entières et séparateurs minimalistes */
.people-compact .person img{
  width:100% !important;
  height:320px !important;
  object-fit:contain !important;
  object-position:center center !important;
  background:#050505 !important;
  display:block !important;
  border-radius:22px 22px 0 0 !important;
}

.people-compact .person:nth-child(1) img,
.people-compact .person:nth-child(2) img,
.people-compact .person:nth-child(3) img{
  object-fit:contain !important;
  object-position:center center !important;
}

.person-separator{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  width:100%;
  padding:18px 24px 0;
}

.person-separator span{
  display:block;
  width:46px;
  height:1px;
  background:linear-gradient(90deg,transparent,var(--g));
}

.person-separator span:last-child{
  background:linear-gradient(90deg,var(--g),transparent);
}

.person-separator i{
  width:8px;
  height:8px;
  border:1px solid var(--g);
  transform:rotate(45deg);
  display:block;
}

.people-compact .person-copy{
  padding-top:14px !important;
  text-align:center !important;
}

@media(max-width:980px){
  .people-compact .person{
    display:grid !important;
    grid-template-columns:240px 1fr !important;
    align-items:stretch !important;
  }

  .people-compact .person img{
    height:100% !important;
    min-height:260px !important;
    border-radius:22px 0 0 22px !important;
  }

  .person-separator{
    display:none !important;
  }

  .people-compact .person-copy{
    text-align:left !important;
    padding:28px !important;
  }
}

@media(max-width:620px){
  .people-compact .person{
    grid-template-columns:1fr !important;
  }

  .people-compact .person img{
    height:auto !important;
    min-height:0 !important;
    border-radius:22px 22px 0 0 !important;
  }

  .person-separator{
    display:flex !important;
  }

  .people-compact .person-copy{
    text-align:center !important;
    padding:14px 24px 26px !important;
  }
}