/* OHD Stream 9.3.6 — HERO Mon espace reconstruit, totalement isolé. */
.ohd-profile-hero,
.ohd-profile-hero *{box-sizing:border-box}

.ohd-profile-hero{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  width:100%;
  min-width:0;
  border:1px solid color-mix(in srgb,var(--yellow) 18%,var(--line));
  border-radius:calc(var(--radius) + 3px);
  background:#090a10;
  box-shadow:0 24px 70px rgba(0,0,0,.28);
}

.ohd-profile-hero__media{
  position:absolute;
  inset:0;
  z-index:0;
  overflow:hidden;
  pointer-events:none;
}
.ohd-profile-hero__media>.site-hero-collage,
.ohd-profile-hero__media>.site-hero-fallback{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  opacity:.86!important;
  filter:saturate(1.08) contrast(1.04)!important;
  transform:scale(1.015);
}
.ohd-profile-hero__media .site-hero-poster-wall{height:100%!important}

.ohd-profile-hero__shade{
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:
    linear-gradient(90deg,rgba(6,7,12,.92) 0%,rgba(6,7,12,.68) 36%,rgba(6,7,12,.34) 70%,rgba(6,7,12,.30) 100%),
    linear-gradient(0deg,rgba(6,7,12,.97) 0%,rgba(6,7,12,.56) 37%,rgba(6,7,12,.08) 78%);
}

.ohd-profile-hero__main,
.ohd-profile-hero__footer{
  position:relative;
  z-index:3;
  opacity:1!important;
  filter:none!important;
  mix-blend-mode:normal!important;
}

.ohd-profile-hero__main{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:28px;
  min-height:236px;
  padding:34px 36px 24px;
}

.ohd-profile-hero__identity{
  display:flex;
  align-items:center;
  gap:20px;
  min-width:0;
  color:#fff;
  opacity:1!important;
  filter:none!important;
}

.ohd-profile-hero__avatar{
  flex:0 0 auto;
  width:108px;
  height:108px;
  display:grid;
  place-items:center;
  overflow:hidden;
  border:3px solid var(--yellow);
  border-radius:30px;
  background:linear-gradient(145deg,color-mix(in srgb,var(--yellow) 25%,#12141c),#0c0d13);
  box-shadow:0 14px 36px color-mix(in srgb,var(--yellow) 24%,transparent),inset 0 0 0 4px rgba(255,255,255,.035);
  color:#fff;
  font-size:2.35rem;
  font-weight:900;
}
.ohd-profile-hero__avatar img{display:block;width:100%;height:100%;object-fit:cover}

.ohd-profile-hero__copy{min-width:0}
.ohd-profile-hero__badges{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:10px}
.ohd-profile-hero__status{display:inline-flex;align-items:center;gap:7px;padding:6px 10px;border:1px solid rgba(42,233,157,.18);border-radius:999px;background:rgba(42,233,157,.10);color:#7af2bd;font-size:.72rem;font-weight:800}
.ohd-profile-hero__status i{width:7px;height:7px;border-radius:50%;background:#32e39b;box-shadow:0 0 12px #32e39b}
.ohd-profile-hero__copy h1{margin:0;color:#fff!important;font-size:clamp(2.25rem,4vw,4rem);line-height:.98;letter-spacing:-.055em;text-shadow:0 3px 24px rgba(0,0,0,.45)}
.ohd-profile-hero__copy p{margin:12px 0 0;color:#d9d8e2!important;font-size:.9rem;text-shadow:0 2px 12px rgba(0,0,0,.55)}
.ohd-profile-hero__copy p b{padding:0 6px;color:var(--yellow)}

.ohd-profile-hero__actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:10px;max-width:390px}
.ohd-profile-hero__actions .btn{min-height:44px}

.ohd-profile-hero__footer{
  display:grid;
  grid-template-columns:minmax(260px,.9fr) minmax(0,2.1fr);
  align-items:center;
  gap:18px;
  padding:14px 20px;
  border-top:1px solid rgba(255,255,255,.07);
  background:rgba(7,8,13,.82);
  backdrop-filter:blur(14px);
}
.ohd-profile-hero__completion{min-width:0}
.ohd-profile-hero__completion-label{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px;color:#cbcbd4;font-size:.72rem}
.ohd-profile-hero__completion-label strong{color:#fff}
.ohd-profile-hero__completion-track{height:6px;overflow:hidden;border-radius:999px;background:rgba(255,255,255,.09)}
.ohd-profile-hero__completion-track i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--yellow),var(--yellow2));box-shadow:0 0 16px color-mix(in srgb,var(--yellow) 35%,transparent)}

.ohd-profile-hero__stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;min-width:0}
.ohd-profile-hero__stats article{display:flex;align-items:center;gap:11px;min-width:0;padding:11px 12px;border:1px solid rgba(255,255,255,.07);border-radius:13px;background:rgba(255,255,255,.035)}
.ohd-profile-hero__stats article>span{flex:0 0 auto;width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:color-mix(in srgb,var(--yellow) 13%,transparent);color:var(--yellow)}
.ohd-profile-hero__stats svg{width:17px;height:17px}
.ohd-profile-hero__stats article>div{display:grid;min-width:0}
.ohd-profile-hero__stats strong{color:#fff;font-size:1rem;line-height:1}
.ohd-profile-hero__stats small{margin-top:4px;color:#aeadb9;font-size:.66rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

@media(max-width:1100px){
  .ohd-profile-hero__main{padding-inline:28px}
  .ohd-profile-hero__footer{grid-template-columns:1fr}
}

@media(max-width:820px){
  .ohd-profile-hero__main{min-height:220px;padding:30px 22px 22px}
  .ohd-profile-hero__actions{display:none}
  .ohd-profile-hero__avatar{width:88px;height:88px;border-radius:24px;font-size:2rem}
  .ohd-profile-hero__copy h1{font-size:clamp(2rem,7vw,3rem)}
}

@media(max-width:700px){
  .ohd-profile-hero{border-radius:17px}
  .ohd-profile-hero__media>.site-hero-collage,
  .ohd-profile-hero__media>.site-hero-fallback{opacity:.82!important;filter:saturate(1.1) contrast(1.06)!important}
  .ohd-profile-hero__shade{background:linear-gradient(0deg,rgba(6,7,12,.98) 0%,rgba(6,7,12,.88) 42%,rgba(6,7,12,.34) 76%,rgba(6,7,12,.18) 100%)}
  .ohd-profile-hero__main{align-items:flex-end;min-height:250px;padding:92px 16px 18px}
  .ohd-profile-hero__identity{align-items:flex-end;gap:12px}
  .ohd-profile-hero__avatar{width:76px;height:76px;border-width:3px;border-radius:21px;font-size:1.7rem}
  .ohd-profile-hero__badges{gap:5px;margin-bottom:6px}
  .ohd-profile-hero__status{padding:5px 8px;font-size:.63rem}
  .ohd-profile-hero__copy h1{font-size:clamp(1.75rem,9vw,2.45rem)}
  .ohd-profile-hero__copy p{margin-top:8px;font-size:.72rem}
  .ohd-profile-hero__footer{gap:10px;padding:12px}
  .ohd-profile-hero__completion{display:none}
  .ohd-profile-hero__stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
  .ohd-profile-hero__stats article{padding:9px}
  .ohd-profile-hero__stats article>span{width:31px;height:31px}
}

@media(max-width:390px){
  .ohd-profile-hero__identity{gap:10px}
  .ohd-profile-hero__avatar{width:66px;height:66px;border-radius:18px}
  .ohd-profile-hero__status{display:none}
  .ohd-profile-hero__copy p b{padding:0 3px}
}