.hero-emblem-logo{
  flex-direction:row;
  min-height:38vh;
  gap:clamp(24px,4vw,72px);
  margin:2vh auto 1vh;
  filter:drop-shadow(0 26px 70px rgba(20,8,25,.42));
}
.hero-logo-img{
  width:min(29vw,410px);
  max-height:33vh;
  object-fit:contain;
  animation:heroEmblemIn 1.35s .24s var(--ease) both;
  transform-origin:center;
}
.hero-emblem-logo .hero-emblem-line{
  width:1px;
  height:clamp(105px,14vw,205px);
  background:linear-gradient(transparent,rgba(255,255,255,.58),transparent);
  transform:scaleY(0);
  animation:heroEmblemLine 1.2s .5s var(--ease) forwards;
}
.hero-logo-wordmark{
  font-family:Italiana,serif;
  font-size:clamp(31px,4.2vw,66px);
  line-height:.86;
  letter-spacing:.08em;
  color:#f3edf5;
  text-align:left;
  text-shadow:0 18px 38px rgba(10,4,14,.42);
  animation:heroNameIn 1.25s .38s var(--ease) both;
}
.hero-emblem-logo:hover .hero-logo-img{
  filter:drop-shadow(0 0 18px rgba(125,53,178,.34));
  transform:scale(1.012);
}
html[data-color-mode="color-safe"] .hero-logo-wordmark{
  color:#f6f3e8!important;
  text-shadow:0 0 18px rgba(230,159,0,.2)!important;
}
@media(max-width:900px){
  .hero-emblem-logo{
    min-height:36vh;
    gap:18px;
    margin:3vh -2vw 2vh;
  }
  .hero-logo-img{
    width:min(48vw,300px);
    max-height:28vh;
  }
  .hero-emblem-logo .hero-emblem-line{
    height:125px;
  }
  .hero-logo-wordmark{
    font-size:clamp(24px,8.5vw,46px);
    letter-spacing:.04em;
  }
}
@media(max-width:520px){
  .hero-emblem-logo{
    gap:11px;
    min-height:31vh;
    margin:3vh -4vw 2vh;
  }
  .hero-logo-img{
    width:48vw;
    max-height:24vh;
  }
  .hero-emblem-logo .hero-emblem-line{
    height:92px;
  }
  .hero-logo-wordmark{
    font-size:7.7vw;
  }
  .hero-emblem-logo:before,
  .hero-emblem-logo:after{
    left:0;
    right:0;
  }
}
@media(prefers-reduced-motion:reduce){
  .hero-logo-img,
  .hero-logo-wordmark,
  .hero-emblem-logo .hero-emblem-line{
    animation:none;
    opacity:1;
    transform:none;
    filter:none;
  }
}