.ascii-hero{position:relative;width:100%;overflow:hidden;display:block;isolation:isolate;}
.ascii-hero__canvas-wrap{position:absolute;inset:0;}
.ascii-hero__canvas{display:block;width:100%;height:100%;}
.ascii-hero__vignette{position:absolute;inset:0;pointer-events:none;
  background:
    linear-gradient(to right,  var(--ah-bg) 0%, transparent 12%, transparent 88%, var(--ah-bg) 100%),
    linear-gradient(to bottom, var(--ah-bg) 0%, transparent 12%, transparent 88%, var(--ah-bg) 100%);
}
.ascii-hero__content{position:relative;z-index:2;width:100%;height:100%;display:flex;padding:clamp(1.5rem,5vw,4rem);box-sizing:border-box;}
.ascii-hero__inner{width:100%;}
.ascii-hero__title{margin:0 0 1rem;font-family:"VT323","Special Elite",ui-monospace,monospace;line-height:1;letter-spacing:.01em;}
.ascii-hero__subtitle{margin:0 0 1.5rem;font-family:"Special Elite",ui-monospace,monospace;line-height:1.6;}
.ascii-hero__btn{display:inline-block;padding:.85rem 1.6rem;font-family:"Special Elite",ui-monospace,monospace;letter-spacing:.16em;text-transform:uppercase;text-decoration:none;font-size:14px;border:1px solid currentColor;transition:transform .2s ease, opacity .2s ease;}
.ascii-hero__btn:hover{opacity:.9;transform:translateY(-1px);}
@media(max-width:640px){.ascii-hero__title{font-size:2.5rem !important;}.ascii-hero__subtitle{font-size:1rem !important;}}