/* Hanging "Help Wanted" sign — string + sign on transparent background */

.help-wanted-badge {
  position:fixed;
  top:50%;
  left:24px;
  z-index:50;
  display:block;
  width:180px;
  height:170px;
  text-decoration:none;
  color:inherit;
  transform:translateY(-50%);
  transition:transform .25s ease;
  pointer-events:auto;
  filter:drop-shadow(0 14px 22px rgba(0,0,0,0.35));
}
.help-wanted-badge:hover { transform:translateY(-50%) scale(1.05); }

/* The little nail / hook at the top apex */
.hwb-nail {
  position:absolute;
  top:0; left:50%;
  width:10px; height:10px;
  margin-left:-5px;
  background:#4a4a4a;
  border-radius:50%;
  box-shadow:
    inset -1px -1px 2px rgba(0,0,0,0.5),
    inset 1px 1px 2px rgba(255,255,255,0.3),
    0 1px 2px rgba(0,0,0,0.35);
  z-index:3;
}

/* Two strings forming an inverted V from nail to sign corners */
.hwb-string {
  position:absolute;
  top:5px;
  width:2px;
  height:62px;
  background:#2a2a2a;
  transform-origin:top center;
  box-shadow:0 0 1px rgba(0,0,0,0.6);
  z-index:2;
}
.hwb-string-left  { left:50%; transform:rotate(38deg);  }
.hwb-string-right { left:50%; transform:rotate(-38deg); }

/* The sign itself */
.hwb-sign {
  position:absolute;
  top:55px; left:50%;
  transform:translateX(-50%) rotate(-3deg);
  width:170px;
  padding:14px 12px 12px;
  background:#fff;
  border:6px solid #d81e1e;
  border-radius:10px;
  text-align:center;
  box-shadow:
    0 4px 0 rgba(0,0,0,0.08),
    inset 0 0 0 1px rgba(0,0,0,0.04);
  transition:transform .25s ease;
}
.help-wanted-badge:hover .hwb-sign { transform:translateX(-50%) rotate(-1deg); }

/* Two small holes on the sign where the strings attach (optional visual) */
.hwb-sign::before,
.hwb-sign::after {
  content:"";
  position:absolute;
  top:-3px;
  width:6px; height:6px;
  background:#3a3a3a;
  border-radius:50%;
  box-shadow:inset 0 1px 1px rgba(0,0,0,0.6);
}
.hwb-sign::before { left:10px; }
.hwb-sign::after  { right:10px; }

.hwb-line {
  display:block;
  color:#d81e1e;
  font-family:'Oswald','Bebas Neue','Arial Narrow',Arial,sans-serif;
  font-weight:800;
  letter-spacing:1px;
  line-height:1;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
.hwb-line-1 { font-size:1.9rem; margin-bottom:4px; }
.hwb-line-2 { font-size:1.55rem; }

@media (max-width:700px) {
  .help-wanted-badge { width:140px; height:135px; left:12px; }
  .hwb-string { height:48px; }
  .hwb-sign { top:42px; width:130px; padding:10px 8px 8px; border-width:5px; }
  .hwb-line-1 { font-size:1.45rem; }
  .hwb-line-2 { font-size:1.15rem; }
}