:root{--paper:#faf9f5;--ink:#141413;--ink-soft:#5e5d59;--accent:#d97757;--font-serif:"Literata", "Fraunces", Georgia, serif;--font-sans:"Inter", system-ui, sans-serif}@media (prefers-color-scheme:dark){:root{--paper:#141413;--ink:#faf9f5;--ink-soft:#a3a29d}}*,:before,:after{box-sizing:border-box}body{background:var(--paper);color:var(--ink);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;margin:0;line-height:1.6}.page{flex-direction:column;justify-content:center;max-width:1080px;min-height:100vh;margin:0 auto;padding:96px 32px;display:flex}.sun{fill:none;width:100%;height:100%;stroke:var(--accent);stroke-width:2px;display:block}.sun-button,.ball{cursor:pointer;background:0 0;border:0;border-radius:50%;padding:0}.sun-button{align-self:flex-start;width:56px;height:56px;margin-bottom:40px;transition:transform .2s}.sun-button:hover{transform:translateY(2px)rotate(-8deg)}.sun-button.jiggle .sun{animation:3.5s ease-in-out 1.2s infinite jiggle}.sun-button.jiggle:hover .sun{animation:none}@keyframes jiggle{0%,20%,to{transform:rotate(0)}4%{transform:rotate(-14deg)translateY(-2px)}8%{transform:rotate(11deg)}12%{transform:rotate(-7deg)}16%{transform:rotate(3deg)}}@media (prefers-reduced-motion:reduce){.sun-button.jiggle .sun{animation:none}}.sun-button:focus-visible,.ball:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.ball{z-index:10;will-change:transform;position:fixed;top:0;left:0}[data-collide]{transition:color .3s}[data-collide].hit{color:var(--accent);transition:none}.name{font-family:var(--font-serif);font-variation-settings:"opsz" 144, "SOFT" 50;letter-spacing:-.02em;margin:0 0 24px;font-size:clamp(3rem,8vw,6rem);font-weight:400;line-height:1.05}.name-word{display:inline-block}.name-word+.name-word{margin-left:.25em}.name-letter{display:inline-block}.lede{color:var(--ink-soft);max-width:40ch;margin:0;font-size:1.125rem}a{color:var(--ink);text-decoration:underline;-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent);text-underline-offset:3px;text-decoration-thickness:1px;transition:color .2s}a:hover{color:var(--accent)}
