:root{color-scheme:dark;--bg:#050606;--ivory:#efe9da;--amber:#e5ab61}
*{box-sizing:border-box}
html{min-width:320px;background:var(--bg)}
body{margin:0;min-height:100svh;color:var(--ivory);font-family:Arial,sans-serif;background:radial-gradient(ellipse at 49% 39%,#14151055,transparent 48%)}
button,a{-webkit-tap-highlight-color:transparent}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit}
button:focus-visible,a:focus-visible{outline:1px solid var(--amber);outline-offset:8px}
#universe{position:fixed;inset:0;width:100%;height:100%;pointer-events:none}
main{position:relative;min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;text-align:center}
.artifact-wrap{position:relative;width:min(58svh,580px,90vw);height:min(58svh,580px,90vw)}
.artifact{padding:0;border:0;background:transparent;width:100%;height:100%;display:block;position:relative;cursor:pointer;touch-action:manipulation;mix-blend-mode:screen}
.artifact img,.artifact canvas{position:absolute;height:100%;width:auto;aspect-ratio:1;max-width:none;left:50%;top:0;transform:translateX(-50%);object-fit:contain;mix-blend-mode:screen}
.artifact img{opacity:.96}
.artifact canvas{pointer-events:none}
.email{position:relative;display:inline-block;margin-top:28px;font-size:13px;letter-spacing:.5px;padding:0 0 11px;border-bottom:1px solid #c8c3ac45;transition:color .25s,border-color .25s}
.email:hover{color:var(--amber);border-color:var(--amber)}
.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:650px){.artifact-wrap{width:min(65svh,94vw);height:min(65svh,94vw)}.email{font-size:12px;margin-top:30px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}