snaxtime-haunt{display:block;background:#070d1c;color:#fffdf1}
snaxtime-haunt .haunt-scene{position:relative;aspect-ratio:2048/772;overflow:hidden;container-type:inline-size}
snaxtime-haunt picture,snaxtime-haunt .haunt-backdrop{display:block;width:100%;height:100%}
snaxtime-haunt .haunt-backdrop{object-fit:cover}
snaxtime-haunt canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
snaxtime-haunt .haunt-copy{position:absolute;left:9%;top:25%;width:42%;color:#fffdf1;text-shadow:0 2px 18px #030817}
snaxtime-haunt h1{font-family:Anton,Impact,sans-serif;font-size:6.16cqw;font-weight:400;font-style:normal;line-height:1.03;letter-spacing:-.025em;margin:0;color:inherit}
snaxtime-haunt .haunt-line-one{display:block}
snaxtime-haunt p{font-family:'DM Sans',sans-serif;font-size:clamp(12.1px,1.925cqw,20.9px);font-weight:400;letter-spacing:0;line-height:1.4;margin:4% 0 0;max-width:92%}
snaxtime-haunt .haunt-pause{position:absolute;right:12px;bottom:12px;border:1px solid #ffffff70;border-radius:4px;background:#070d1cd9;color:#fffdf1;font:13.2px/1.2 sans-serif;padding:10px 12px;min-height:44px;cursor:pointer}
snaxtime-haunt .haunt-pause[hidden]{display:none}
snaxtime-haunt .haunt-pause:focus-visible{outline:2px solid #fffdf1;outline-offset:3px}
@media(max-width:749px){snaxtime-haunt .haunt-scene{aspect-ratio:2/3} snaxtime-haunt .haunt-copy{left:8%;top:5%;width:84%;text-align:center} snaxtime-haunt h1{font-size:13.2cqw;line-height:1.02} snaxtime-haunt .haunt-line{display:block} snaxtime-haunt p{font-size:4.235cqw;margin:16px auto 0;max-width:74cqw} snaxtime-haunt .haunt-pause{right:8px;bottom:8px}}

/* Keep both art-directed image sources and the effects on the same fixed scene. */
snaxtime-haunt .haunt-scene > picture{position:absolute;inset:0;}