:root{--chartreuse:#d4ff1f;--violet:#7b2fff;--violet-hover:#9457ff;--lavender:#bd97ff;--rule:#fff6;--font:"Archivo", system-ui, sans-serif;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px}*,:before,:after{box-sizing:border-box}html,body{background:#000;height:100%;margin:0;overflow:hidden}body{font-family:var(--font);color:#fff;-webkit-font-smoothing:antialiased}a{color:#fff;text-decoration:none}a:hover{color:var(--chartreuse)}a:focus-visible{outline:2px solid var(--chartreuse);outline-offset:2px}.page{flex-direction:column;display:flex;position:fixed;inset:0}#wave{width:100%;height:100%;display:block;position:absolute;inset:0}.top{align-items:center;gap:var(--space-8);padding:var(--space-4) var(--space-6);border-bottom:2px solid var(--rule);display:flex;position:relative}.logo{white-space:nowrap;letter-spacing:-.01em;align-items:baseline;margin-right:auto;font-size:18px;font-weight:800;display:inline-flex}.logo .hl{color:var(--chartreuse)}.logo .grow{display:inline-flex}.logo .ch{opacity:0;max-width:0;transform:translateY(.9em) scale(.6) rotate(var(--tilt,0deg));transition:max-width .72s cubic-bezier(.34,1.56,.64,1) var(--d), opacity .52s ease var(--d), transform .9s cubic-bezier(.34,2.1,.64,1) var(--d);display:inline-block;overflow:hidden}.logo.open .ch{opacity:1;max-width:1em;transform:none}.nav{gap:var(--space-6);font-size:14px;font-weight:500;display:flex}.mail{background:var(--violet);color:#fff;justify-content:center;align-items:center;width:44px;height:44px;transition:background .12s;display:flex}.mail:hover{background:var(--violet-hover);color:#fff}.hero{padding:0 var(--space-6) var(--space-8);flex-direction:column;flex:1;justify-content:flex-end;display:flex;position:relative}h1{letter-spacing:-.035em;text-wrap:balance;max-width:12ch;margin:0;font-size:clamp(56px,9vw,148px);font-weight:800;line-height:.92}h1 span{display:block}h1 .beauty{color:var(--lavender)}.quote{margin:var(--space-6) 0 0;color:#ffffffc7;text-wrap:pretty;max-width:60ch;font-size:17px;line-height:1.5}.cite{margin:var(--space-3) 0 0;font-size:14px;font-weight:500}.projects{border-top:2px solid var(--rule);grid-template-columns:repeat(3,minmax(0,1fr));font-size:13px;display:grid;position:relative}.project{padding:var(--space-4) var(--space-6);align-items:center;gap:var(--space-3);color:#fff;display:flex}.project+.project{border-left:2px solid var(--rule)}.project:hover{color:#fff;background:#ffffff0f}.tag{background:var(--violet);color:#fff;letter-spacing:.02em;white-space:nowrap;padding:2px 8px;font-size:11px;font-weight:500}.title{font-size:15px;font-weight:500}.ext{opacity:.7;flex:none;margin-left:-4px}.person{text-align:right;margin-left:auto}@media (width<=860px){.nav{display:none}.projects{grid-template-columns:1fr}.project+.project{border-left:0;border-top:2px solid var(--rule)}}@media (prefers-reduced-motion:reduce){.logo .ch{transition:none}}