:root{color-scheme:light;--paper: oklch(96.5% .017 137);--paper-warm: oklch(94.5% .027 76);--paper-cool: oklch(91.5% .038 205);--surface: oklch(97.8% .011 118 / 94%);--surface-strong: oklch(92.5% .029 176 / 72%);--ink: oklch(18.5% .036 184);--ink-soft: oklch(39% .035 184);--line: oklch(72% .032 137 / 70%);--moss: oklch(41% .082 145);--cyan: oklch(58% .112 214);--rust: oklch(50% .147 26);--shadow: oklch(33% .055 150 / 18%);--font-body: Aptos, "Avenir Next", "Segoe UI", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif}*{box-sizing:border-box}html{min-height:100%;color:var(--ink);font-family:var(--font-body);font-size:16px;line-height:1.5;background:var(--paper);text-rendering:geometricPrecision}body{position:relative;min-height:100svh;margin:0;overflow-x:hidden;background:linear-gradient(122deg,oklch(79% .07 149 / 30%) 0 24%,transparent 24% 100%),linear-gradient(318deg,oklch(73% .1 24 / 21%) 0 22%,transparent 22% 100%),linear-gradient(145deg,var(--paper-warm),var(--paper) 44%,var(--paper-cool));isolation:isolate}body:before{position:fixed;inset:0;z-index:-2;pointer-events:none;content:"";background-image:linear-gradient(oklch(51% .04 130 / 11%) 1px,transparent 1px),linear-gradient(90deg,oklch(51% .04 130 / 11%) 1px,transparent 1px);background-size:28px 28px;mask-image:linear-gradient(125deg,black 0 36%,transparent 78%);animation:field-drift 28s linear infinite}a{color:inherit}.ambient-field{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none}.ambient-field:before,.ambient-field:after{position:absolute;content:""}.ambient-field:before{inset:9% 5% 12% 49%;background-image:radial-gradient(circle,oklch(43% .06 174 / 20%) 1.4px,transparent 1.6px);background-size:18px 18px;mask-image:linear-gradient(116deg,transparent,black 32% 64%,transparent);animation:dot-breathe 9s cubic-bezier(.16,1,.3,1) infinite}.ambient-field:after{top:12%;right:-14%;width:min(52vw,680px);height:58%;border:1px solid oklch(53% .08 207 / 15%);background:linear-gradient(120deg,oklch(87% .055 202 / 24%),transparent 68%),linear-gradient(90deg,transparent,oklch(96% .015 120 / 22%));clip-path:polygon(14% 0,100% 18%,78% 100%,0 76%);animation:quiet-float 18s cubic-bezier(.16,1,.3,1) infinite alternate}.ambient-node,.ambient-plane{position:absolute;display:block}.ambient-node{width:10px;height:10px;border:2px solid currentColor;border-radius:999px;background:var(--paper);box-shadow:0 0 0 8px currentColor;opacity:.2;animation:lamp-breathe 7s cubic-bezier(.16,1,.3,1) infinite}.ambient-node-a{top:24%;left:13%;color:#2b562d2e}.ambient-node-b{right:15%;bottom:23%;color:oklch(58% .112 214 / 16%);animation-delay:-2.3s}.ambient-node-c{top:61%;left:44%;color:#a7383424;animation-delay:-4.6s}.ambient-plane{border:1px solid oklch(36% .04 164 / 13%);background:#f4f6ee3d;animation:plane-drift 22s cubic-bezier(.16,1,.3,1) infinite alternate}.ambient-plane-a{top:69%;left:8%;width:24vw;max-width:340px;height:120px;clip-path:polygon(9% 12%,100% 0,82% 82%,0 100%)}.ambient-plane-b{top:5%;right:26%;width:18vw;max-width:260px;height:96px;border-color:#904e4821;background:#f6c3bc24;clip-path:polygon(0 0,100% 14%,86% 100%,8% 76%);animation-delay:-8s}.page-shell{position:relative;z-index:1;width:100%;min-width:0;display:grid;min-height:100svh;place-items:center;padding:clamp(20px,5vw,72px)}.profile-card{position:relative;width:100%;max-width:1080px;min-width:0;min-height:min(620px,calc(100svh - clamp(40px,10vw,144px)));display:grid;grid-template-areas:"identity signal" "links links" "footer footer";grid-template-columns:minmax(0,.98fr) minmax(260px,.72fr);align-content:space-between;gap:clamp(30px,5vw,64px) clamp(34px,6vw,82px);padding:clamp(28px,5vw,64px);overflow:hidden;background:linear-gradient(132deg,var(--surface),oklch(94% .025 190 / 88%)),linear-gradient(90deg,transparent 0 66%,oklch(86% .055 187 / 22%) 66% 100%);border:1px solid var(--line);border-radius:8px;box-shadow:0 28px 90px var(--shadow);isolation:isolate}.profile-card:before{position:absolute;top:0;right:clamp(28px,5vw,64px);left:clamp(28px,5vw,64px);height:7px;content:"";background:linear-gradient(90deg,var(--moss),var(--cyan),var(--rust))}.identity{z-index:1;grid-area:identity;width:100%;min-width:0;align-self:center}.handle{width:fit-content;margin:0 0 clamp(14px,2.3vw,22px);color:var(--moss);font-size:clamp(1rem,1.6vw,1.16rem);font-weight:760;line-height:1}h1{max-width:100%;margin:0;color:var(--ink);font-size:clamp(4rem,11vw,7.5rem);font-weight:820;line-height:.84;letter-spacing:0}.intro{width:100%;max-width:40ch;margin:clamp(28px,4.5vw,48px) 0 0;color:var(--ink-soft);font-size:clamp(1.16rem,2vw,1.48rem);line-height:1.48;overflow-wrap:break-word}.profile-visual{position:relative;z-index:1;grid-area:signal;min-width:0;min-height:330px;align-self:stretch;overflow:hidden}.signal-field{position:absolute;inset:0;min-width:0;height:100%;overflow:hidden}.signal-field:before{position:absolute;inset:2% 0 8% 14%;content:"";background-image:linear-gradient(oklch(43% .05 160 / 13%) 1px,transparent 1px),linear-gradient(90deg,oklch(43% .05 160 / 13%) 1px,transparent 1px);background-size:22px 22px;clip-path:polygon(5% 13%,86% 0,100% 60%,35% 100%,0 68%);opacity:.72;animation:dot-breathe 7.5s cubic-bezier(.16,1,.3,1) infinite}.signal-field:after{position:absolute;top:34%;right:6%;left:13%;height:1px;content:"";background:linear-gradient(90deg,transparent,var(--moss),var(--cyan),transparent);transform:rotate(-18deg);transform-origin:center;animation:route-shift 8s cubic-bezier(.16,1,.3,1) infinite alternate}.plane,.node{position:absolute;display:block}.plane{border:1px solid oklch(35% .045 174 / 25%);box-shadow:0 20px 48px #0e30201f}.plane-a{top:12%;right:1%;width:58%;height:44%;background:linear-gradient(135deg,#bee7e794,#85c4cc4d);clip-path:polygon(8% 0,100% 14%,78% 100%,0 78%);animation:plane-drift 13s cubic-bezier(.16,1,.3,1) infinite alternate}.plane-b{right:18%;bottom:3%;width:50%;height:42%;background:linear-gradient(145deg,#adcfae73,#f1f3ea47);clip-path:polygon(19% 3%,100% 0,84% 78%,0 100%);animation:plane-drift 15s cubic-bezier(.16,1,.3,1) infinite alternate-reverse}.plane-c{top:29%;left:2%;width:37%;height:52%;background:linear-gradient(154deg,#b3585038,#e8e0d333);clip-path:polygon(0 12%,82% 0,100% 74%,14% 100%);animation:plane-drift 17s cubic-bezier(.16,1,.3,1) infinite alternate}.node{width:11px;height:11px;border:2px solid var(--cyan);border-radius:999px;background:#f8f9f2;box-shadow:0 0 0 6px oklch(58% .112 214 / 13%);animation:lamp-breathe 6.8s cubic-bezier(.16,1,.3,1) infinite}.node-a{top:25%;right:17%}.node-b{right:43%;bottom:23%;border-color:var(--moss);box-shadow:0 0 0 6px #2b562d21;animation-delay:-2.1s}.node-c{bottom:37%;left:13%;border-color:var(--rust);box-shadow:0 0 0 6px #a738341f;animation-delay:-4.4s}.avatar-frame{position:absolute;right:clamp(4px,2vw,24px);bottom:clamp(18px,5vw,46px);z-index:2;width:clamp(154px,18vw,224px);margin:0;transform:rotate(1.5deg)}.avatar-frame:before,.avatar-frame:after{position:absolute;content:"";border-radius:8px}.avatar-frame:before{inset:12px -12px -12px 12px;z-index:-2;background:#a73834c2}.avatar-frame:after{inset:-10px 10px 10px -10px;z-index:-1;border:1px solid var(--cyan);background:#cbeced38}.avatar-frame img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover;border:1px solid var(--ink);border-radius:8px;filter:saturate(.95) contrast(1.04)}.social-links{z-index:1;grid-area:links;min-width:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;overflow:hidden;background:var(--line);border:1px solid var(--line);border-radius:8px}.social-links a{position:relative;min-width:0;min-height:112px;display:grid;align-content:center;gap:8px;padding:clamp(16px,2.3vw,24px);background:#f6f8f0e0;text-decoration:none;transition:background-color .18s cubic-bezier(.19,1,.22,1),color .18s cubic-bezier(.19,1,.22,1),transform .18s cubic-bezier(.19,1,.22,1)}.social-links a:after{position:absolute;top:22px;right:22px;width:8px;height:8px;content:"";border-top:2px solid currentColor;border-right:2px solid currentColor;opacity:.32;transform:rotate(45deg)}.social-links a:hover,.social-links a:focus-visible{color:#f4f6ed;background:var(--ink);outline:none;transform:translateY(-2px)}.social-links span{font-size:clamp(.98rem,1.6vw,1.16rem);font-weight:780;line-height:1.1}.social-links small{min-width:0;overflow-wrap:anywhere;color:currentColor;font-size:.84rem;line-height:1.28;opacity:.72}.profile-footer{z-index:1;grid-area:footer;min-width:0;display:flex;justify-content:flex-end;color:var(--ink-soft);font-size:.78rem;font-weight:680}.profile-footer p{margin:0}@keyframes field-drift{to{background-position:56px 28px}}@keyframes dot-breathe{0%,to{opacity:.38;transform:translateZ(0) scale(.98)}50%{opacity:.82;transform:translate3d(0,-6px,0) scale(1.02)}}@keyframes lamp-breathe{0%,to{opacity:.28;transform:translateZ(0) scale(.88)}50%{opacity:.78;transform:translate3d(0,-4px,0) scale(1.08)}}@keyframes plane-drift{0%{transform:translate3d(-4px,5px,0) rotate(-1deg)}to{transform:translate3d(7px,-6px,0) rotate(1.2deg)}}@keyframes quiet-float{0%{opacity:.42;transform:translate3d(-2%,1%,0) rotate(-2deg)}to{opacity:.74;transform:translate3d(1%,-2%,0) rotate(1deg)}}@keyframes route-shift{0%{opacity:.38;transform:translate3d(-8px,5px,0) rotate(-18deg)}to{opacity:.72;transform:translate3d(8px,-4px,0) rotate(-18deg)}}@media(max-width:900px){.profile-card{grid-template-areas:"identity" "signal" "links" "footer";grid-template-columns:1fr}.signal-field{min-height:210px}.profile-visual{min-height:240px}.social-links{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){body{background:linear-gradient(162deg,oklch(79% .07 149 / 28%) 0 34%,transparent 34% 100%),linear-gradient(145deg,var(--paper-warm),var(--paper),var(--paper-cool))}.page-shell{display:block;width:100%;max-width:100%;padding:12px}.profile-card{width:100%;max-width:100%;min-height:calc(100svh - 24px);margin:0 auto;gap:28px;padding:clamp(24px,7vw,34px)}.profile-card:before{right:clamp(24px,7vw,34px);left:clamp(24px,7vw,34px);height:6px}h1{font-size:clamp(3.4rem,19vw,5rem)}.intro{max-width:31ch;font-size:1rem}.signal-field{min-height:168px}.profile-visual{display:grid;min-height:210px}.avatar-frame{position:relative;top:auto;right:auto;bottom:auto;width:min(39vw,146px);aspect-ratio:1;margin:18px auto 0;place-self:start center}.social-links{grid-template-columns:1fr}.social-links a{min-height:84px;padding:16px 18px}.profile-footer{justify-content:flex-start}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}