:root{color-scheme:dark;--bg:#101019;--text:#ece7ee;--muted:#928d9f;--pink:#ed5298;--cyan:#53d8df;--purple:#9271df}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:"SFMono-Regular",Consolas,"Liberation Mono",monospace;min-width:320px;overflow-x:hidden}a{color:inherit}.page{max-width:1440px;margin:auto;padding:0 7%;position:relative;z-index:2;min-height:100dvh;display:flex;flex-direction:column}header{height:112px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff12}.wordmark{text-decoration:none;font-size:21px;font-weight:bold;letter-spacing:-1px}.wordmark span{color:var(--pink);animation:blink 1.8s steps(2,end) infinite}.edition{font-size:10px;letter-spacing:2px;color:var(--muted)}main{flex:1;display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:44px;padding:70px 0 85px;min-height:650px}.identity{position:relative;z-index:2;animation:enter .8s both}.eyebrow{font-size:12px;letter-spacing:3px;color:var(--cyan);display:flex;align-items:center;gap:12px}.eyebrow span{width:20px;height:1px;background:var(--cyan)}h1{font-size:clamp(76px,9.6vw,140px);line-height:1.06;margin:22px 0 16px;letter-spacing:-.08em;font-weight:700;position:relative;width:fit-content;text-shadow:3px 2px 0 #ed529846}h1:before,h1:after{content:attr(data-text);position:absolute;inset:0;pointer-events:none;opacity:0}h1:before{color:var(--cyan);animation:glitch 6s infinite;clip-path:inset(22% 0 55% 0)}h1:after{color:var(--pink);animation:glitch 6s .12s infinite reverse;clip-path:inset(65% 0 10% 0)}.alias{font-size:13px;color:var(--muted);margin:0;line-height:1.6}.bio{margin-top:42px;max-width:490px;font-size:14px;line-height:1.9}.bio p{margin:0 0 22px}.label{font-size:11px;color:var(--muted)}.at{color:var(--pink)}.socials{display:flex;gap:10px;margin-top:34px;flex-wrap:wrap}.social{width:47px;height:47px;border:1px solid #ffffff24;border-radius:8px;background:#171620;display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;transition:transform .2s,border-color .2s,background .2s,color .2s}.social svg{width:21px;height:21px;fill:currentColor}.social:hover,.social:focus-visible{transform:translateY(-4px);border-color:var(--cyan);color:var(--cyan);background:#203039}.social.street{color:var(--pink)}.social:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}.social:after{content:attr(aria-label);position:absolute;bottom:calc(100% + 12px);left:50%;transform:translateX(-50%);background:#282333;border:1px solid #ffffff25;color:var(--text);padding:8px 10px;border-radius:5px;font-size:11px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s}.social:hover:after,.social:focus-visible:after{opacity:1}.portrait-scene{position:relative;width:100%;aspect-ratio:1;max-width:470px;justify-self:end;animation:enter 1s .15s both}.portrait{position:absolute;inset:13%;border-radius:50%;padding:7px;border:1px solid #e85f9b80;box-shadow:0 0 45px #c643a21a,0 0 120px #9144f41c}.portrait img{display:block;width:100%;height:100%;object-fit:cover;border-radius:50%;filter:saturate(.75)}.orbit{position:absolute;border-radius:50%;pointer-events:none}.orbit-one{inset:3%;border:1px solid #b785d52e;border-top-color:#ed529899;border-bottom-color:#53d8df70;animation:rotate 40s linear infinite}.orbit-one:after{content:"";position:absolute;width:7px;height:7px;background:var(--cyan);border-radius:50%;left:14%;top:14%;box-shadow:0 0 16px #53d8df}.orbit-two{inset:-3%;border:1px dashed #b785d51f;animation:rotate 90s linear infinite reverse}.cross{position:absolute;font-size:24px;color:var(--pink);font-weight:300}.cross-one{top:5%;right:7%}.cross-two{bottom:6%;left:6%;color:var(--cyan)}.portrait-caption{position:absolute;bottom:4%;left:32%;background:#201a2c;border:1px solid #725b8266;padding:12px 18px;font-size:12px;transform:rotate(-6deg)}.portrait-caption span{color:var(--pink);padding-left:18px}.coordinate{position:absolute;right:-3%;top:50%;writing-mode:vertical-rl;font-size:9px;letter-spacing:3px;color:#83758e}.ambient{position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at 78% 43%,#61337c25,transparent 45%),radial-gradient(ellipse at 10% 100%,#164c5a17,transparent 40%)}.grid{position:fixed;bottom:-230px;left:-50%;width:200%;height:500px;transform:perspective(400px) rotateX(63deg);background-image:linear-gradient(#ae78d114 1px,transparent 1px),linear-gradient(90deg,#ae78d114 1px,transparent 1px);background-size:70px 70px;mask-image:linear-gradient(transparent,#000);pointer-events:none}.scanlines{position:fixed;inset:0;background:repeating-linear-gradient(transparent 0px,transparent 3px,#000 4px);opacity:.1;z-index:5;pointer-events:none}footer{border-top:1px solid #ffffff12;min-height:80px;display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:2px;color:#80788d}.footer-mark{letter-spacing:0;font-size:11px}.footer-mark span{color:var(--pink);margin-left:12px}@keyframes enter{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes blink{50%{opacity:0}}@keyframes glitch{0%,90%,96%,100%{opacity:0;transform:translateX(0)}91%,95%{opacity:.9;transform:translateX(-5px)}92%,94%{opacity:.8;transform:translateX(5px)}}@media(min-width:1500px){main{gap:100px}}@media(max-width:900px){.page{padding:0 6%}main{gap:20px}.social{width:41px;height:43px}.socials{gap:8px}.bio{font-size:12px}.alias{font-size:11px}}@media(max-width:650px){header{height:78px}.edition{font-size:8px;letter-spacing:1px}main{grid-template-columns:1fr;padding:34px 0 45px;gap:32px;min-height:0}.portrait-scene{grid-row:1;width:225px;justify-self:center;margin:5px 0 10px}.identity{grid-row:2}.eyebrow{font-size:10px}h1{font-size:88px;margin:15px 0 12px}.alias{font-size:12px}.bio{margin-top:26px;font-size:13px}.bio p{margin-bottom:17px}.socials{margin-top:26px;gap:9px}.social{width:42px;height:44px}.portrait-caption{font-size:10px;padding:8px 12px;bottom:0;left:29%}.coordinate{font-size:8px}.cross{font-size:20px}footer{min-height:65px;font-size:8px;letter-spacing:1px}.desktop-break{display:none}.social:after{font-size:9px;padding:6px}.social:first-child:after{left:0;transform:none}.social:last-child:after{left:auto;right:0;transform:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}

/* Brief displaced image slices; the source avatar remains untouched. */
.portrait{overflow:hidden;isolation:isolate}
.portrait::before,.portrait::after{content:"";position:absolute;inset:7px;border-radius:50%;background:url("nab_avt.png") center / cover no-repeat;pointer-events:none;opacity:0;z-index:1;animation:avatar-glitch 7s steps(1,end) infinite}
.portrait::before{clip-path:polygon(0 20%,100% 20%,100% 33%,0 33%,0 57%,100% 57%,100% 64%,0 64%);filter:sepia(1) saturate(2) hue-rotate(130deg);--shift:7px}
.portrait::after{clip-path:polygon(0 36%,100% 36%,100% 45%,0 45%,0 72%,100% 72%,100% 81%,0 81%);filter:sepia(1) saturate(2) hue-rotate(285deg);--shift:-7px;animation-delay:.08s}
.portrait:hover::before,.portrait:hover::after{animation-name:avatar-hover;animation-duration:.65s;animation-iteration-count:1}
@keyframes avatar-glitch{0%,86%,93%,100%{opacity:0;transform:translateX(0)}87%,90%{opacity:.8;transform:translateX(var(--shift))}88%,92%{opacity:.65;transform:translateX(calc(var(--shift) * -1))}89%,91%{opacity:0;transform:translateX(0)}}
@keyframes avatar-hover{0%,100%{opacity:0;transform:translateX(0)}15%,55%{opacity:.8;transform:translateX(var(--shift))}30%,70%{opacity:.65;transform:translateX(calc(var(--shift) * -1))}45%,85%{opacity:0;transform:translateX(0)}}
.blog-button{display:inline-flex;align-items:center;gap:20px;padding:10px 16px;border:1px solid #ffffff26;border-radius:6px;color:var(--text);text-decoration:none;font-size:11px;letter-spacing:0;transition:color .2s,border-color .2s}.blog-button span{color:var(--pink)}.blog-button:hover{color:var(--cyan);border-color:var(--cyan)}.blog-button:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}