.hero{
  min-height:100vh;
  position:relative;
  display:flex;
  align-items:center;
  background:var(--dark) url('../img/hero/hero.jpg') center/cover no-repeat;
}
/* основной тёмный оверлей */
.hero::before{
  content:'';
  position:absolute;
  inset:0;
  background:linear-gradient(135deg,rgba(0,0,0,.88) 0%,rgba(0,0,0,.55) 70%,rgba(20,20,20,.75) 100%);
}
/* тонкая сетка — архитектурный мотив */
.hero::after{
  content:'';
  position:absolute;
  inset:0;
  background-image:
    linear-gradient(rgba(255,214,0,.03) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,214,0,.03) 1px,transparent 1px);
  background-size:72px 72px;
  pointer-events:none;
}
.hero__inner{position:relative;z-index:1;padding-top:80px;max-width:820px}

.hero__worker{
  position:absolute;
  right:0;bottom:0;
  width:340px;
  z-index:2;
  pointer-events:none;
}
.hero__worker img{
  width:100%;
  display:block;
  object-fit:cover;
  mask-image:linear-gradient(to top,rgba(0,0,0,1) 60%,transparent 100%),
             linear-gradient(to left,rgba(0,0,0,1) 80%,transparent 100%);
  -webkit-mask-image:linear-gradient(to top,rgba(0,0,0,1) 60%,transparent 100%);
}

.hero__badge{
  display:inline-block;
  background:var(--yellow);
  color:var(--dark);
  font-family:'Manrope',sans-serif;
  font-weight:700;
  font-size:.72rem;
  padding:6px 14px;
  border-radius:var(--radius);
  letter-spacing:1.5px;
  text-transform:uppercase;
  margin-bottom:32px;
}

.hero__title{
  font-size:5.5rem;
  color:#fff;
  font-weight:800;
  line-height:1.0;
  margin-bottom:24px;
  letter-spacing:-2px;
}
.hero__title span{color:var(--yellow)}

.hero__sub{
  color:rgba(255,255,255,.72);
  font-size:1.1rem;
  margin-bottom:44px;
  max-width:500px;
  line-height:1.75;
}

.hero__cta{display:flex;gap:16px;flex-wrap:wrap}

.hero__badges{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:64px;
  padding-top:40px;
  border-top:1px solid rgba(255,255,255,.1);
}
.hero__tag{
  background:rgba(255,255,255,.06);
  backdrop-filter:blur(8px);
  border:1px solid rgba(255,255,255,.1);
  color:rgba(255,255,255,.82);
  padding:10px 16px;
  border-radius:var(--radius);
  font-family:'Manrope',sans-serif;
  font-size:.78rem;
  font-weight:600;
  display:flex;
  align-items:center;
  gap:8px;
  letter-spacing:.3px;
  transition:var(--transition);
}
.hero__tag:hover{background:rgba(255,255,255,.1);border-color:rgba(255,214,0,.3)}
.hero__tag svg{color:var(--yellow);width:15px;height:15px;flex-shrink:0}