:root{--ascii-ink: rgba(150, 132, 255, .86);--ascii-glow: rgba(132, 108, 255, .28);--ascii-ink-cool: rgba(112, 214, 255, .82);--ascii-glow-cool: rgba(98, 232, 255, .26);color-scheme:dark;background:#050508;color:#f3f4f1;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-synthesis:none;text-rendering:geometricPrecision}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0}body{overflow:hidden;background:radial-gradient(circle at 72% 22%,rgba(145,112,255,.09),transparent 35%),radial-gradient(circle at 24% 78%,rgba(98,232,255,.07),transparent 32%),#050508}#field{position:fixed;inset:0;z-index:0;display:block;overflow:hidden;margin:0}.layer{position:absolute;inset:0;margin:0;overflow:hidden;pointer-events:none}.layer--canvas{display:block;width:100%;height:100%}.layer--ascii{color:var(--ascii-ink);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:clamp(10px,.88vw,14px);font-weight:400;letter-spacing:0;line-height:1.15;white-space:pre;user-select:none;-webkit-user-select:none;text-shadow:0 0 18px var(--ascii-glow)}.layer--rain{color:var(--ascii-ink-cool);text-shadow:0 0 16px var(--ascii-glow-cool)}.layer--ascii .t0{color:#4a3a948c}.layer--ascii .t1{color:#674ec4ad}.layer--ascii .t2{color:#8b6cf0cc}.layer--ascii .t3{color:#8c96fce0}.layer--ascii .t4{color:#7ac7fdf0}.layer--ascii .t5{color:#8ef0ff;text-shadow:0 0 20px rgba(98,232,255,.5)}.vignette{position:fixed;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,rgba(5,5,8,.72) 0%,transparent 42%,transparent 74%,rgba(5,5,8,.32) 100%),radial-gradient(circle at center,transparent 30%,rgba(5,5,8,.58) 100%)}.shell{position:relative;z-index:3;display:grid;grid-template-rows:1fr auto;width:100%;min-height:100vh;min-height:100svh;padding:clamp(22px,3vw,44px) clamp(20px,4vw,64px) clamp(24px,3.5vw,52px);pointer-events:none}.footer{display:flex;align-items:flex-end;justify-content:flex-start}html[data-social-preview=true] .footer{display:none}html[data-social-preview=true] .hero{justify-self:center;text-align:center}html[data-social-preview=true] .name .outline{transform-origin:center}html[data-social-preview=true] .role{margin-left:0}.contact-links{display:flex;align-items:center;gap:12px;pointer-events:auto}.hero{align-self:center;width:min-content;padding:5vh 0 3vh}.name{margin:0;color:#f3f4f1;font-size:clamp(74px,13.8vw,230px);font-weight:800;letter-spacing:-.085em;line-height:.78;text-transform:uppercase}.name>span{display:block;white-space:nowrap}.name .pair-space{display:inline-block;margin-left:.025em}.name .outline{color:#05050861;letter-spacing:-.035em;transform:scaleX(.965);transform-origin:left center;-webkit-text-stroke:clamp(1px,.1vw,1.75px) rgba(243,244,241,.86);text-stroke:clamp(1px,.1vw,1.75px) rgba(243,244,241,.86)}.role{margin:clamp(22px,3.4vh,42px) 0 0 .55vw;color:#b5afd3e6;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:clamp(17px,1.35vw,22px);font-weight:300;letter-spacing:-.018em;text-transform:lowercase}.contact{display:grid;width:50px;height:50px;place-items:center;padding:0;border:1px solid rgba(243,244,241,.72);border-radius:50%;color:#f3f4f1;background:#0505083d;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:auto;text-decoration:none;transition:color .26s ease,background-color .26s ease,border-color .26s ease,transform .36s cubic-bezier(.16,1,.3,1)}.contact svg{width:21px;height:21px}.contact[href^=mailto] svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.6}@media(hover:hover){.contact:hover{border-color:#f3f4f1;color:#050508;background:#f3f4f1;transform:translateY(-3px)}}.contact:focus-visible{border-color:#f3f4f1;outline:2px solid #62e8ff;outline-offset:4px}noscript{position:fixed;inset:0;z-index:10;display:grid;place-content:center;padding:24px;color:#f3f4f1;background:#050508;text-align:center}@media(max-width:720px){.shell{grid-template-rows:1fr auto;padding:max(22px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) max(22px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left))}.hero{width:100%;padding:0 0 5svh}.name{font-size:clamp(64px,22.5vw,130px);line-height:.79}.role{margin-top:24px;margin-left:2px;font-size:14px}.contact{width:46px;height:46px}.contact svg{width:20px;height:20px}.layer--ascii{font-size:10px;line-height:1.2}}@media(prefers-reduced-motion:reduce){.contact,.contact svg{transition-duration:.01ms}}