:root{--ink:#1a1a1a;--faint:#9a9a9a;--paper:#fbfbfa;--neon:#6e6e6e}body{margin:0;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;font-family:monospace;color:var(--ink);background:var(--paper)}h1{margin:0;font-size:clamp(1rem,5.2vw,3rem);white-space:nowrap;font-weight:400}.ins{display:inline-block;overflow:hidden;vertical-align:bottom;color:var(--faint);max-width:0;animation:grow 1.4s ease-in-out .6s forwards}.ins.late{animation-delay:2.1s}@keyframes grow{to{max-width:12ch}}.frame{position:relative;display:flex;padding:4px;overflow:hidden;isolation:isolate;max-width:min(100%,60rem);box-shadow:0 0 2.5rem -.6rem rgba(0,0,0,.25)}.frame::before{content:"";position:absolute;left:50%;top:50%;width:150%;aspect-ratio:1;translate:-50% -50%;background:conic-gradient(transparent 0 58%,rgba(110,110,110,.10) 66%,var(--neon) 76%,#2f2f2f 80%,var(--neon) 84%,rgba(110,110,110,.10) 92%,transparent 100%);animation:orbit 11s linear infinite;z-index:0}img{position:relative;z-index:1;display:block;width:100%;height:auto;max-height:68vh;object-fit:contain;background:var(--paper);filter:saturate(.92) contrast(1.02)}@keyframes orbit{to{rotate:360deg}}@media (prefers-reduced-motion:reduce){.ins{animation:none;max-width:12ch}.frame::before{animation:none}}