:root{--b:#050505;--b2:#0d0d0d;--g:#c8a24a;--t:#f5f3ee;--m:#b9b3a5;--l:rgba(200,162,74,.28)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--b);color:var(--t);font-family:Inter,Arial,sans-serif;line-height:1.7}
a{color:inherit;text-decoration:none}
.nav{position:fixed;top:0;left:0;right:0;z-index:20;height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;background:linear-gradient(to bottom,rgba(0,0,0,.92),rgba(0,0,0,.12));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;flex:0 0 52px}
.menu{display:flex;gap:21px;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:#ddd6c4}
.cta{background:var(--g);color:#090909;padding:12px 18px;border-radius:999px;font-weight:800}
h1,h2,h3{font-family:Georgia,'Times New Roman',serif;font-weight:500;line-height:1.08;margin:0}
h1{font-size:clamp(54px,7vw,106px);letter-spacing:-.055em}
h2{font-size:clamp(34px,4.8vw,66px);letter-spacing:-.04em}
h3{font-size:clamp(27px,3vw,40px);color:var(--g)}
p{color:#d3cbbb;font-size:18px}
.hero{min-height:92vh;position:relative;display:flex;align-items:flex-end;padding:140px 6vw 86px;overflow:hidden;border-bottom:1px solid var(--l)}
.hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 38%;transform:scaleX(-1)}
.hero::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(0,0,0,.9),rgba(0,0,0,.36) 55%,rgba(0,0,0,.12)),linear-gradient(0deg,rgba(5,5,5,.94),rgba(5,5,5,.03) 48%)}
.hero-content{position:relative;z-index:2;max-width:880px}
.ey,.k{color:var(--g);text-transform:uppercase;letter-spacing:.18em;font-size:13px;margin-bottom:18px;font-weight:800}
.lead{font-size:clamp(18px,1.55vw,24px);line-height:1.55;max-width:720px;color:#eee4d2;margin:24px 0 0}
section{padding:108px 6vw}
.wrap{max-width:1120px;margin:auto}
.intro{max-width:900px;margin-bottom:72px}
.intro strong{color:#f1dfb6}
.values-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px}
.value-card{padding:34px;border:1px solid rgba(200,162,74,.20);border-radius:22px;background:linear-gradient(145deg,#0c0c0c,#111);min-height:260px}
.value-card p{margin-bottom:0}
.value-card.full{grid-column:1/-1}
.value-number{font-size:12px;color:var(--g);letter-spacing:.16em;text-transform:uppercase;margin-bottom:12px;font-weight:800}
.dark{background:#0a0a0a;border-top:1px solid var(--l);border-bottom:1px solid var(--l)}
.transmission{display:grid;grid-template-columns:.8fr 1.2fr;gap:58px;align-items:center}
.transmission .quote-small{font-family:Georgia,'Times New Roman',serif;font-size:clamp(30px,4vw,54px);line-height:1.25;color:#f0e6d2}
.manifesto{padding:110px 6vw;text-align:center;background:#070707}
.manifesto .words{max-width:900px;margin:auto;font-family:Georgia,'Times New Roman',serif;font-size:clamp(40px,6vw,86px);line-height:1.12;color:#f4ead5}
.manifesto .words span{display:block}
.manifesto .words span:last-child{color:var(--g);margin-top:18px}
.contact-band{text-align:center;background:#0d0d0d}
.contact-band p{max-width:680px;margin:20px auto}
.contact-band a{display:inline-block;margin-top:18px;padding:14px 24px;background:var(--g);color:#080808;border-radius:999px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
.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%;object-fit:contain}
@media(max-width:980px){
 .menu{display:none}
 .values-grid{grid-template-columns:1fr}
 .value-card.full{grid-column:auto}
 .transmission{grid-template-columns:1fr}
}
@media(max-width:620px){
 section{padding:78px 6vw}
 .hero{min-height:84vh;padding:120px 6vw 54px}
 .hero img{object-position:47% center}
 .foot{grid-template-columns:1fr}
}




/* Correctif mobile — conserver les deux pratiquants visibles dans le hero */
@media(max-width:620px){
  .hero{
    min-height:78vh;
    background:#050505;
  }
  .hero img{
    object-fit:contain;
    object-position:center center;
    background:#050505;
  }
}

/* V6.0.3 — audit final : orientation miroir sur PC et mobile */
.hero img[src$="values-02.jpg"]{
  transform:scaleX(-1) !important;
}
@media(max-width:620px){
  .hero img[src$="values-02.jpg"]{
    transform:scaleX(-1) !important;
    object-fit:contain !important;
    object-position:center center !important;
  }
}

/* V6.0.5 — équilibre du hero sur smartphone */
@media(max-width:620px){
  .hero h1{
    font-size:clamp(38px,12.2vw,48px) !important;
    line-height:1.06 !important;
    letter-spacing:-.045em !important;
  }
  .hero-content{
    max-width:94% !important;
  }
  .hero .lead{
    font-size:17px !important;
    line-height:1.5 !important;
  }
}

/* V6.0.6 — hero Valeurs : titre encore réduit pour mieux révéler la photo */
@media(max-width:620px){
  .hero h1{
    font-size:clamp(32px,9.7vw,40px) !important;
    line-height:1.02 !important;
    letter-spacing:-.04em !important;
  }
  .hero-content{
    max-width:90% !important;
  }
}