@font-face{font-family:"Move Horror";src:url('/assets/fonts/MetalMania-Regular.ttf') format('truetype');font-style:normal;font-weight:400;font-display:block}
#wordmark{display:flex;align-items:baseline;gap:.105em;font:400 clamp(66px,11vw,136px)/1 "Move Horror",serif;letter-spacing:0;margin:0 0 9px;max-width:90vw;color:#bc9566;text-shadow:none;isolation:isolate}
.title-letter{position:relative;display:block;--light:.75;opacity:var(--light);color:transparent;background:linear-gradient(112deg,#382018 5%,#875431 26%,#ebc696 56%,#b17c47 78%,#48281b 100%);background-size:180% 100%;background-position:var(--beam,60%) center;background-clip:text;-webkit-background-clip:text;-webkit-text-stroke:.25px #c99b6240;filter:drop-shadow(0 1px 1px #1d0c08) drop-shadow(0 0 12px #ba692328);transform:translate(var(--drift-x,0px),var(--drift-y,0px)) rotate(var(--tilt,0deg));will-change:opacity,transform}
.title-letter::after{content:attr(data-letter);position:absolute;inset:0;z-index:-1;color:#64271645;-webkit-text-stroke:0;filter:blur(1.1px);transform:translate(1.4px,2px);pointer-events:none}
@media(max-width:600px){#wordmark{font-size:70px}}
@media(max-height:450px){#wordmark{font-size:76px;margin-bottom:2px}}
body[data-reduced-motion=true] .title-letter{will-change:auto;transform:none}
@media(prefers-reduced-motion:reduce){.title-letter{will-change:auto;transform:none}}