/* Oversized brush-stroke 2 inspired by the supplied TwelveSky2 reference. */
.logo-lockup h1 {
  position: relative;
}

.logo-lockup h1 em {
  display: inline-block;
  position: relative;
  z-index: -1;
  margin-left: -3px;
  font-family: "Permanent Marker", cursive;
  font-style: normal;
  font-size: 1.42em;
  line-height: .65;
  letter-spacing: -10px;
  transform: rotate(-7deg) skewX(-6deg) translateY(5px);
  color: #ffcf18;
  background: linear-gradient(180deg, #fff32a 4%, #ffc316 36%, #ff6a13 65%, #e51619 91%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke: 1px #ffb20d;
  filter: drop-shadow(3px 5px 0 #92100d) drop-shadow(0 0 9px #ff4a1670);
}

@media (max-width: 520px) {
  .logo-lockup h1 em {
    font-size: 1.3em;
    margin-left: 0;
  }
}

.logo-lockup h1 .logo-two {
  position: absolute;
  left: calc(100% - .62em);
  top: 10%;
  width: 2.55em;
  height: 2.55em;
  margin: 0;
  object-fit: contain;
  transform: translateY(-50%);
  filter: drop-shadow(0 5px 8px #0008);
  pointer-events: none;
}

@media (max-width: 520px) {
  .logo-lockup h1 .logo-two {
    left: calc(100% - .58em);
    top: 10%;
    width: 2.15em;
    height: 2.15em;
  }
}