/* Page Contrôle d'accès V1 — bannière noire et rouge */
.page-hero{
  min-height:500px!important;
  display:flex!important;
  align-items:center!important;
  overflow:hidden!important;
  isolation:isolate!important;
  background:
    linear-gradient(90deg,
      rgba(5,8,11,.99) 0%,
      rgba(5,8,11,.98) 33%,
      rgba(5,8,11,.90) 48%,
      rgba(5,8,11,.52) 68%,
      rgba(5,8,11,.24) 83%,
      rgba(5,8,11,.48) 100%),
    url("assets/access-hero-v1/controle-acces-hero-v1.webp") center right/cover no-repeat!important;
}
.page-hero::before{
  z-index:1!important;
  background:
    linear-gradient(118deg,transparent 0 77%,rgba(211,21,32,.16) 77% 79%,transparent 79%),
    linear-gradient(118deg,transparent 0 89%,rgba(211,21,32,.10) 89% 91%,transparent 91%)!important;
}
.page-hero::after{
  z-index:1!important;
  right:-95px!important;
  top:-70px!important;
  width:210px!important;
  height:710px!important;
  opacity:.22!important;
  background:linear-gradient(180deg,#e11926,#810912)!important;
}
.page-hero>.wrap{
  z-index:2!important;
  width:min(92%,1200px)!important;
}
.page-hero h1{
  max-width:980px!important;
  text-shadow:0 4px 24px rgba(0,0,0,.55)!important;
}
.page-hero .lead{
  max-width:790px!important;
  text-shadow:0 2px 12px rgba(0,0,0,.75)!important;
}
@media(max-width:900px){
  .page-hero h1{max-width:760px!important}
}
@media(max-width:620px){
  .page-hero{
    min-height:auto!important;
    background-position:66% center!important;
  }
  .page-hero::after{opacity:.13!important}
}