:root{--bg: #0e0e0e;--ink: #eaeaea;--muted: #828282;--accent: #eaeaea;--cream: #ece5d0;--shadow: rgba(0, 0, 0, .7)}*{margin:0;box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--ink);font-family:Red Hat Mono,ui-monospace,monospace}.colophon{position:fixed;bottom:1.25rem;left:1.25rem;font-size:.65rem;letter-spacing:.15em;color:var(--muted)}main{min-height:100%;display:grid;grid-template-rows:1fr auto 1fr;justify-items:center;text-align:center;padding:2rem}.studio-block{align-self:end;margin-bottom:3.25rem;display:flex;flex-direction:column;align-items:center}.mark{width:3.5rem;height:3.5rem}.mark .ring{fill:none;stroke:var(--ink);stroke-width:2}.mark .dot{fill:var(--accent)}h1{margin-top:1.5rem;display:flex;align-items:baseline;gap:.15em;font-size:clamp(2.75rem,9vw,4.75rem);line-height:1.1}.studio{font-family:Monofett,monospace;font-size:.5em;font-weight:400;text-transform:uppercase;letter-spacing:.12em}.perdu{font-family:Sassy Frass,cursive;font-size:1.5em;line-height:.8}.caption{margin-top:.75rem;color:var(--muted);font-size:.8rem;letter-spacing:.35em;text-transform:lowercase}.divider{width:min(19rem,70vw);display:flex;align-items:center;gap:.75rem;color:var(--muted)}.rule{flex:1;border-top:1px solid var(--muted);opacity:.45}.gem{font-family:Petit Formal Script,cursive;font-size:1rem;line-height:1;letter-spacing:.08em}.project{align-self:start;margin-top:3rem;display:flex;align-items:center;gap:1.1rem;text-decoration:none}.project-icon{width:38px;height:38px;border-radius:9px;border:2px solid var(--cream);box-shadow:3px 4px 0 var(--shadow);transition:transform .15s ease,box-shadow .15s ease}.project:hover .project-icon{transform:translate(-1px,-2px);box-shadow:5px 7px 0 var(--shadow)}.project-text{display:flex;flex-direction:column;text-align:left}.project-name{font-family:Pirata One,serif;font-size:1.7rem;line-height:1;color:var(--ink)}.project:hover .project-name{text-decoration:underline;text-underline-offset:.25em;text-decoration-thickness:1px}.project-desc{margin-top:.4rem;font-size:.7rem;letter-spacing:.08em;color:var(--muted)}.project:focus-visible{outline:2px solid var(--accent);outline-offset:6px}.mark,h1,.caption,.divider,.project,.colophon{animation:emerge 1.1s ease-out both}h1{animation-delay:.15s}.caption{animation-delay:.35s}.divider{animation-delay:.5s}.project{animation-delay:.65s}.colophon{animation-delay:.8s}@keyframes emerge{0%{opacity:0;filter:blur(10px)}to{opacity:1;filter:blur(0)}}@media(prefers-reduced-motion:reduce){.mark,h1,.caption,.divider,.project,.colophon{animation:none}.project-icon{transition:none}}