/** TESXT 1 - correctif compact : mêmes fonds métiers, une photo de profil, format 1440x240. */
.hero.ru-hub-hero-unified,.hero-banner.ru-hub-hero-unified{
  position:relative!important;isolation:isolate;overflow:hidden!important;
  display:flex!important;flex-direction:column!important;justify-content:center!important;
  width:100%!important;max-width:100%!important;min-width:0!important;
  min-height:240px!important;height:auto!important;box-sizing:border-box!important;
  padding:20px 28px!important;margin-bottom:16px!important;border-radius:16px!important;
  background:#061529!important;
}
.ru-hub-hero-unified>.ru-hub-banner-scene{
  display:block!important;position:absolute!important;inset:0!important;z-index:0!important;pointer-events:none!important;
  background:#061529 var(--ru-hub-hero-desktop) center center / cover no-repeat!important;
}
.ru-hub-hero-unified>.ru-hub-banner-scene::after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(90deg,rgba(2,10,22,.65) 0%,rgba(2,10,22,.48) 48%,transparent 87%);
}
.ru-hub-hero-unified>:is(.hero-bg,.hero-bg-fb,.hero-bg-fallback,.hero-grid,.hero-glow){opacity:0!important;pointer-events:none!important;z-index:0!important}
.ru-hub-hero-unified :is(.hero-content,.hero-c){
  position:relative!important;z-index:2!important;display:flex!important;align-items:center!important;
  gap:16px!important;margin-left:0!important;max-width:100%!important;min-width:0!important;width:100%!important;
}
.ru-hub-hero-unified :is(.hero-text,.hero-tx){min-width:0!important;max-width:100%!important;flex:1 1 auto!important}
.ru-hub-hero-unified :is(.hero-title,.hero-tt){
  font-family:var(--ru-police,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif)!important;
  font-size:clamp(22px,2.2vw,30px)!important;line-height:1.16!important;letter-spacing:-.02em!important;
  font-weight:800!important;color:#fff!important;text-shadow:0 2px 9px rgba(0,0,0,.5)!important;
  margin:0 0 8px!important;max-width:100%!important;overflow-wrap:break-word!important;
}
.ru-hub-hero-unified :is(.hero-title,.hero-tt) em{color:#a9d9ff!important;font-style:normal!important}
.ru-hub-hero-unified :is(.hero-ey,.hero-tag){
  color:#addbff!important;font-size:11px!important;font-weight:700!important;letter-spacing:.08em!important;
  line-height:1.4!important;text-transform:uppercase!important;margin:0 0 5px!important;
}
.ru-hub-hero-unified :is(.hero-sub,.hero-sb){
  color:#f1f6ff!important;font-size:14px!important;line-height:1.45!important;
  margin:0 0 12px!important;max-width:720px!important;text-shadow:0 1px 8px rgba(0,0,0,.65)!important;
}
/* A single round photo, never an extra UI circle. Keep the edit action accessible invisibly on the photo itself. */
.ru-hub-hero-unified :is(.hero-av-wrap,.hero-av-w){
  position:relative!important;display:flex!important;align-items:center!important;flex:0 0 56px!important;
  width:56px!important;max-width:56px!important;min-width:56px!important;margin:0!important;
}
.ru-hub-hero-unified .hero-av,.ru-hub-hero-unified .hero-av-inner{
  width:56px!important;height:56px!important;max-width:56px!important;min-width:56px!important;
  border-radius:50%!important;box-sizing:border-box!important;
}
.ru-hub-hero-unified .hero-av{display:block;object-fit:cover!important;border:2px solid #7ec9ff!important;box-shadow:none!important}
.ru-hub-hero-unified .hero-av-inner{position:relative!important;overflow:visible!important}
.ru-hub-hero-unified :is(.hero-av-edit,.hero-av-pencil){
  position:absolute!important;inset:0!important;bottom:auto!important;right:auto!important;
  z-index:3!important;width:56px!important;height:56px!important;min-width:56px!important;min-height:56px!important;
  padding:0!important;margin:0!important;opacity:0!important;border:0!important;border-radius:50%!important;
  background:transparent!important;box-shadow:none!important;cursor:pointer!important;
}
/* On the subscriber hub, the profile photo itself already opens the photo editor. */
.ru-hub-hero-unified .hero-av-ed{display:none!important}
.ru-hub-hero-unified :is(.hero-av-edit,.hero-av-pencil):focus-visible,
.ru-hub-hero-unified .hero-av:focus-visible{opacity:.1!important;outline:3px solid #ffce37!important;outline-offset:3px!important}
.ru-hub-hero-unified .hero-av-name{display:none!important}
.ru-hub-hero-unified :is(.hero-btns,.hero-bts){display:flex!important;align-items:center!important;gap:9px!important;flex-wrap:wrap!important}
.ru-hub-hero-unified :is(.hero-btns,.hero-bts) :is(a,button){
  box-sizing:border-box!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;
  gap:7px!important;min-height:40px!important;max-width:100%!important;border-radius:9px!important;
  padding:8px 14px!important;font-family:inherit!important;font-size:13px!important;font-weight:700!important;
  line-height:1.25!important;white-space:normal!important;text-decoration:none!important;
  color:#fff!important;background:rgba(11,43,75,.86)!important;border:1px solid rgba(184,225,255,.60)!important;
  transition:background-color .18s ease!important;
}
.ru-hub-hero-unified :is(.hero-btns,.hero-bts) :is(a,button):first-child{
  background:var(--ru-accent,var(--ru-bleu,#1d5c8f))!important;border-color:rgba(255,255,255,.33)!important;color:#fff!important;
}
.ru-hub-hero-unified :is(.hero-btns,.hero-bts) :is(a,button):hover{background:#145a93!important;color:#fff!important}
.ru-hub-hero-unified :is(.hero-btns,.hero-bts) :is(a,button):focus-visible{outline:3px solid #ffce37!important;outline-offset:2px!important}
@media(min-width:600px) and (max-width:999px){
  .hero.ru-hub-hero-unified,.hero-banner.ru-hub-hero-unified{min-height:250px!important;padding:18px 20px!important}
  .ru-hub-hero-unified :is(.hero-title,.hero-tt){font-size:25px!important}
}
@media(max-width:599px){
  .hero.ru-hub-hero-unified,.hero-banner.ru-hub-hero-unified{
    min-height:340px!important;height:auto!important;padding:18px 16px!important;
    border-radius:16px!important;justify-content:center!important;align-items:stretch!important;
  }
  .ru-hub-hero-unified>.ru-hub-banner-scene{
    background:#061529 var(--ru-hub-hero-mobile) center center / cover no-repeat!important;
  }
  .ru-hub-hero-unified>.ru-hub-banner-scene::after{
    background:linear-gradient(180deg,rgba(2,10,22,.67),rgba(2,10,22,.78) 100%);
  }
  .ru-hub-hero-unified :is(.hero-content,.hero-c){
    flex-direction:column!important;align-items:flex-start!important;gap:10px!important;
    margin:0!important;width:100%!important;
  }
  .ru-hub-hero-unified :is(.hero-av-wrap,.hero-av-w){width:50px!important;min-width:50px!important;max-width:50px!important;flex-basis:50px!important}
  .ru-hub-hero-unified .hero-av,.ru-hub-hero-unified .hero-av-inner{width:50px!important;height:50px!important;min-width:50px!important;max-width:50px!important}
  .ru-hub-hero-unified :is(.hero-av-edit,.hero-av-pencil){width:50px!important;height:50px!important;min-width:50px!important;min-height:50px!important}
  .ru-hub-hero-unified :is(.hero-title,.hero-tt){font-size:22px!important;line-height:1.22!important;letter-spacing:-.01em!important}
  .ru-hub-hero-unified :is(.hero-ey,.hero-tag){font-size:10px!important}
  .ru-hub-hero-unified :is(.hero-sub,.hero-sb){font-size:16px!important;line-height:1.45!important;margin-bottom:12px!important}
  .ru-hub-hero-unified :is(.hero-btns,.hero-bts){flex-direction:column!important;align-items:stretch!important;width:100%!important;gap:8px!important}
  .ru-hub-hero-unified :is(.hero-btns,.hero-bts) :is(a,button){width:100%!important;min-height:44px!important;padding:10px 12px!important;font-size:14px!important}
}
@media(prefers-reduced-motion:reduce){.ru-hub-hero-unified :is(.hero-btns,.hero-bts) :is(a,button){transition:none!important}}