@keyframes about-float-a{0%,to{transform:translateZ(0)}50%{transform:translate3d(0,-14px,0)}}@keyframes about-float-b{0%,to{transform:translateZ(0) rotate(0)}50%{transform:translate3d(6px,-10px,0) rotate(8deg)}}@keyframes about-float-c{0%,to{transform:translateZ(0)}50%{transform:translate3d(-8px,-8px,0)}}@keyframes about-reveal{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes tag-in{0%{opacity:0;transform:translateY(12px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes qr-breathe{0%,to{box-shadow:0 18px 48px rgba(34,38,42,.1)}50%{box-shadow:0 24px 56px rgba(60,130,246,.22)}}@keyframes avatar-ring{0%{opacity:.55;transform:scale(.92)}70%{opacity:0;transform:scale(1.28)}to{opacity:0;transform:scale(1.28)}}@keyframes avatar-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes about-card-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes about-shine{0%,55%{left:-50%}to{left:130%}}@keyframes about-orbit{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@keyframes about-mark-pulse{0%,to{box-shadow:0 0 rgba(60,130,246,0);transform:scale(1)}50%{box-shadow:0 0 0 8px rgba(60,130,246,0);transform:scale(1.08)}}.p-about .reveal-item{animation:about-reveal .7s cubic-bezier(.22,1,.36,1) both}.p-about .reveal-item.d1{animation-delay:.05s}.p-about .reveal-item.d2{animation-delay:.12s}.p-about .reveal-item.d3{animation-delay:.2s}.p-about .reveal-item.d4{animation-delay:.28s}.p-about .reveal-item.d5{animation-delay:.36s}.p-about .reveal-item.d6{animation-delay:.85s}.p-about .tag-d0{animation-delay:.42s}.p-about .tag-d1{animation-delay:.49s}.p-about .tag-d2{animation-delay:.56s}.p-about .tag-d3{animation-delay:.63s}.p-about .tag-d4{animation-delay:.7s}.p-about .hero{background:linear-gradient(180deg,rgb(60 130 246/6%),transparent 72%);overflow:hidden;position:relative}.p-about .hero:before{background-image:linear-gradient(rgba(34,38,42,.05) 1px,transparent 0),linear-gradient(90deg,rgba(34,38,42,.05) 1px,transparent 0);background-size:12px 12px;top:0;right:0;bottom:0;left:0;-webkit-mask-image:radial-gradient(ellipse 85% 90% at 70% 44%,#000 20%,transparent 78%);mask-image:radial-gradient(ellipse 85% 90% at 70% 44%,#000 20%,transparent 78%)}.p-about .hero:after,.p-about .hero:before{content:"";pointer-events:none;position:absolute}.p-about .hero:after{animation:about-float-c 8s ease-in-out infinite;background:rgba(60,130,246,.16);border-radius:50%;filter:blur(70px);height:420px;right:6%;top:7%;width:420px}.p-about .hero-beads,.p-about .tip-beads{top:0;right:0;bottom:0;left:0;pointer-events:none;position:absolute;z-index:1}.p-about .bead{border-radius:3px;box-shadow:0 2px rgba(0,0,0,.12),inset 0 1px rgba(255,255,255,.45);position:absolute}.p-about .bead.is-theme{--tw-bg-opacity:1;background-color:rgb(60 130 246/var(--tw-bg-opacity))}.p-about .bead.drift-0{animation:about-float-a 4.8s ease-in-out infinite}.p-about .bead.drift-1{animation:about-float-b 5.6s ease-in-out infinite}.p-about .bead.drift-2{animation:about-float-c 6.2s ease-in-out infinite}.p-about .hero-stage{align-items:center;display:flex;gap:72px;margin-left:auto;margin-right:auto;padding:72px 20px;position:relative;width:1200px;z-index:2}.p-about .hero-persona{flex:1 1 0%;min-width:0}.p-about .avatar-wrap{height:112px;position:relative;width:112px}.p-about .avatar-ring{animation:avatar-ring 2.8s ease-out infinite;border:2px solid rgba(60,130,246,.45);border-radius:50%;top:-6px;right:-6px;bottom:-6px;left:-6px;position:absolute}.p-about .avatar-ring.is-delay{animation-delay:1.4s}.p-about .avatar{animation:avatar-bob 4.2s ease-in-out infinite;border:5px solid #fff;border-radius:9999px;box-shadow:0 12px 32px rgba(34,38,42,.14),0 0 0 2px rgba(60,130,246,.28);display:block;height:112px;-o-object-fit:cover;object-fit:cover;position:relative;width:112px}.p-about .eyebrow{font-size:12px;font-weight:600;line-height:20px;margin-top:20px;--tw-text-opacity:1;color:rgb(60 130 246/var(--tw-text-opacity));letter-spacing:.16em}.p-about .name{font-size:48px;font-weight:800;line-height:56px;line-height:1.15;margin-top:4px}.p-about .lead,.p-about .name{color:#22262a}.p-about .lead{font-size:20px;font-weight:600;line-height:30px;margin-top:12px}.p-about .tagline{font-size:14px;font-weight:600;line-height:22px;margin-top:8px;--tw-text-opacity:1;color:rgb(60 130 246/var(--tw-text-opacity))}.p-about .bio{color:#5e6773;font-size:14px;line-height:24px;margin-top:12px;max-width:520px}.p-about .tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.p-about .tag{animation:tag-in .55s cubic-bezier(.22,1,.36,1) both;background:#fff;border:1px solid rgba(60,130,246,.2);border-radius:8px;box-shadow:0 4px 12px rgba(34,38,42,.06);color:#22262a;font-size:12px;line-height:20px;padding:8px 14px;transition:transform .2s ease,box-shadow .2s ease}.p-about .tag:hover{box-shadow:0 8px 18px rgba(34,38,42,.1);transform:translateY(-3px) scale(1.03)}.p-about .tag:first-child{background:#fff2e8}.p-about .tag:nth-child(2){background:#eaf7ff}.p-about .tag:nth-child(3){background:#fff7d9}.p-about .tag:nth-child(4){background:#eaf9f1}.p-about .tag:nth-child(5){background:#ffeef5}.p-about .links,.p-about .tip-actions{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.p-about .links{margin-top:24px}.p-about .link-chip{align-items:center;background:rgba(60,130,246,.09);border:1px solid rgba(60,130,246,.2);border-radius:8px;color:#22262a;display:inline-flex;font-size:14px;gap:8px;line-height:22px;padding:10px 16px;transition:color .2s ease,background .2s ease,transform .2s ease,box-shadow .2s ease}.p-about .link-chip:hover{--tw-text-opacity:1;background:rgba(60,130,246,.14);box-shadow:0 8px 18px rgba(60,130,246,.16);color:rgb(60 130 246/var(--tw-text-opacity));transform:translateY(-2px)}.p-about .link-chip.is-primary{--tw-bg-opacity:1;background-color:rgb(60 130 246/var(--tw-bg-opacity));border-color:transparent}.p-about .link-chip.is-primary,.p-about .link-chip.is-primary:hover{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.p-about .link-chip.is-primary:hover{filter:brightness(1.05)}.p-about .hero-qr{display:flex;flex:0 0 360px;justify-content:center}.p-about .qr-card{animation:qr-breathe 4s ease-in-out infinite;background:#fff;border:1px solid rgba(60,130,246,.28);border-radius:24px;padding:20px;position:relative;transition:transform .25s ease;width:100%}.p-about .qr-card:hover{transform:translateY(-6px) rotate(-.6deg)}.p-about .qr-bead{border-radius:2px;box-shadow:inset 0 1px rgba(255,255,255,.5);height:10px;position:absolute;width:10px}.p-about .qr-bead.b1{animation:about-float-a 3.6s ease-in-out infinite;background:#f38b2c;left:14px;top:14px}.p-about .qr-bead.b2{animation:about-float-b 4.2s ease-in-out infinite;background:#22e9be;right:18px;top:18px}.p-about .qr-bead.b3{animation:about-float-c 3.9s ease-in-out infinite;background:#3c82f6;bottom:16px;left:22px}.p-about .qr-label{color:#22262a;font-size:16px;font-weight:600;line-height:24px;margin-bottom:16px;text-align:center}.p-about .qr-img{border-radius:16px;display:block;width:100%}.p-about .section-inner{margin-left:auto;margin-right:auto;position:relative;width:1200px;z-index:2}.p-about .section-head{margin-bottom:16px}.p-about .section-kicker{font-size:12px;font-weight:600;line-height:20px;--tw-text-opacity:1;color:rgb(60 130 246/var(--tw-text-opacity));letter-spacing:.14em}.p-about .section-head h2{color:#22262a;font-size:24px;font-weight:800;line-height:34px;margin-top:8px;max-width:720px}.p-about .works{background:linear-gradient(180deg,#fff,#fffaf8);overflow:hidden;padding:40px 20px 44px;position:relative}.p-about .works:before{background-image:linear-gradient(rgba(34,38,42,.035) 1px,transparent 0),linear-gradient(90deg,rgba(34,38,42,.035) 1px,transparent 0);background-size:14px 14px;content:"";top:0;right:0;bottom:0;left:0;-webkit-mask-image:radial-gradient(ellipse 70% 80% at 50% 40%,#000 30%,transparent 78%);mask-image:radial-gradient(ellipse 70% 80% at 50% 40%,#000 30%,transparent 78%);opacity:.7;pointer-events:none;position:absolute}.p-about .work-grid{display:grid;gap:16px;grid-template-columns:repeat(3,minmax(0,1fr))}.p-about .work-card{--accent:#f38b2c;--accent-soft:rgba(243,139,44,.14);animation:about-card-bob 5.2s ease-in-out infinite;animation-delay:calc(var(--i)*.35s);background:linear-gradient(155deg,var(--accent-soft),#fff 42%,#fff 100%);border:1px solid rgba(34,38,42,.06);border-radius:20px;box-shadow:0 10px 28px rgba(34,38,42,.06);display:block;min-height:210px;overflow:hidden;padding:22px 20px 20px;position:relative;transition:border-color .25s ease,box-shadow .25s ease,transform .25s ease}.p-about .work-card.tone-0{--accent:#f38b2c;--accent-soft:rgba(243,139,44,.16)}.p-about .work-card.tone-1{--accent:#eb4563;--accent-soft:rgba(235,69,99,.14)}.p-about .work-card.tone-2{--accent:#367df9;--accent-soft:rgba(54,125,249,.14)}.p-about .work-card:before{background:linear-gradient(90deg,var(--accent),transparent 78%);content:"";height:4px;left:0;position:absolute;top:0;width:100%}.works.is-in .p-about .work-card{animation:about-reveal .55s cubic-bezier(.22,1,.36,1) both,about-card-bob 5.2s ease-in-out infinite;animation-delay:calc(.06s*var(--i)),calc(.55s + var(--i)*.35s)}.p-about .work-card:hover{animation-play-state:paused;border-color:color-mix(in srgb,var(--accent) 45%,transparent);box-shadow:0 22px 44px color-mix(in srgb,var(--accent) 22%,transparent);transform:translateY(-8px) scale(1.015)}.p-about .work-card:hover .work-shine{animation:about-shine .9s ease}.p-about .work-card:hover .work-go{color:var(--accent);transform:translate(6px)}.p-about .work-card:hover .work-mark{transform:rotate(12deg) scale(1.08)}.p-about .work-glow{background:radial-gradient(circle,var(--accent-soft),transparent 68%);filter:blur(2px);height:160px;pointer-events:none;position:absolute;right:-18%;top:-30%;width:160px}.p-about .work-shine{background:linear-gradient(100deg,transparent,hsla(0,0%,100%,.55),transparent);height:100%;left:-50%;pointer-events:none;position:absolute;top:0;transform:skew(-18deg);width:40%}.p-about .work-beads{bottom:14px;display:grid;gap:5px;grid-template-columns:repeat(2,10px);pointer-events:none;position:absolute;right:14px}.p-about .work-beads i{border-radius:2px;box-shadow:inset 0 1px rgba(255,255,255,.55),0 1px rgba(0,0,0,.08);display:block;height:10px;width:10px}.p-about .work-beads i:first-child{animation:about-float-a 3.4s ease-in-out infinite;background:var(--accent)}.p-about .work-beads i:nth-child(2){animation:about-float-b 3.8s ease-in-out infinite;background:#22e9be}.p-about .work-beads i:nth-child(3){animation:about-float-c 4.1s ease-in-out infinite;background:#367df9}.p-about .work-beads i:nth-child(4){animation:about-float-a 3.6s ease-in-out .4s infinite;background:#eb4563}.p-about .work-top{align-items:center;display:flex;justify-content:space-between;position:relative;z-index:1}.p-about .work-index{color:var(--accent);font-size:20px;font-weight:800;letter-spacing:.04em;line-height:28px}.p-about .work-mark{animation:about-mark-pulse 3.2s ease-in-out infinite;background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent) 40%,#fff));border-radius:8px;box-shadow:0 6px 14px color-mix(in srgb,var(--accent) 28%,transparent);height:28px;transition:transform .25s ease;width:28px}.p-about .work-card h3{color:#22262a;font-size:16px;font-weight:700;line-height:24px;margin-top:16px;position:relative;z-index:1}.p-about .work-card p{color:#5e6773;line-height:22px;margin-top:8px;max-width:92%}.p-about .work-card p,.p-about .work-go{font-size:14px;position:relative;z-index:1}.p-about .work-go{align-items:center;color:#3c82f6;display:inline-flex;font-weight:600;gap:6px;line-height:22px;margin-top:16px;transition:transform .2s ease,color .2s ease}.p-about .work-go em{font-style:normal}.p-about .bits{background:radial-gradient(circle at 90% 10%,rgba(60,130,246,.12),transparent 28%),#faf8f5;overflow:hidden;padding:40px 20px 44px;position:relative}.p-about .bit-list{display:grid;gap:14px;grid-template-columns:repeat(3,minmax(0,1fr))}.p-about .bit-card{--accent:#f38b2c;--accent-soft:rgba(243,139,44,.14);animation:about-card-bob 4.8s ease-in-out infinite;animation-delay:calc(var(--i)*.28s);background:#fff;border:1px solid rgba(34,38,42,.06);border-radius:18px;box-shadow:0 8px 22px rgba(34,38,42,.05);min-height:132px;overflow:hidden;padding:18px 18px 16px;position:relative;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.p-about .bit-card.tone-0{--accent:#f38b2c;--accent-soft:#fff2e8}.p-about .bit-card.tone-1{--accent:#367df9;--accent-soft:#eaf7ff}.p-about .bit-card.tone-2{--accent:#e6a700;--accent-soft:#fff7d9}.p-about .bit-card.tone-3{--accent:#0bc9a0;--accent-soft:#eaf9f1}.p-about .bit-card.tone-4{--accent:#eb4563;--accent-soft:#ffeef5}.p-about .bit-card:before{background:var(--accent);border-radius:0 4px 4px 0;bottom:14px;content:"";left:0;position:absolute;top:14px;width:4px}.bits.is-in .p-about .bit-card{animation:about-reveal .5s cubic-bezier(.22,1,.36,1) both,about-card-bob 4.8s ease-in-out infinite;animation-delay:calc(.05s*var(--i)),calc(.5s + var(--i)*.28s)}.p-about .bit-card:hover{animation-play-state:paused;border-color:color-mix(in srgb,var(--accent) 35%,transparent);box-shadow:0 18px 36px color-mix(in srgb,var(--accent) 18%,transparent);transform:translateY(-6px) rotate(-.4deg)}.p-about .bit-card:hover .bit-orbit{animation-play-state:running}.p-about .bit-glow{background:radial-gradient(circle,var(--accent-soft),transparent 70%);height:140px;pointer-events:none;position:absolute;right:-20%;top:-40%;width:140px}.p-about .bit-orbit{animation:about-orbit 10s linear infinite;animation-play-state:paused;height:42px;pointer-events:none;position:absolute;right:12px;top:12px;width:42px}.p-about .bit-orbit i{border-radius:2px;box-shadow:inset 0 1px rgba(255,255,255,.55);height:8px;position:absolute;width:8px}.p-about .bit-orbit i:first-child{background:var(--accent);left:17px;top:0}.p-about .bit-orbit i:nth-child(2){background:#22e9be;right:0;top:17px}.p-about .bit-orbit i:nth-child(3){background:#367df9;bottom:0;left:8px}.p-about .bit-label{background:var(--accent-soft);border-radius:999px;color:var(--accent);display:inline-flex;font-size:12px;font-weight:700;line-height:20px;padding:4px 10px}.p-about .bit-card p,.p-about .bit-label{position:relative;z-index:1}.p-about .bit-card p{color:#5e6773;font-size:14px;line-height:22px;margin-top:12px;max-width:88%}.p-about .tip{background:radial-gradient(circle at 10% 15%,rgba(60,130,246,.12),transparent 24%),#fffaf5;overflow:hidden;padding:48px 20px 56px;position:relative}.p-about .tip-inner{align-items:center;display:flex;gap:48px;margin-left:auto;margin-right:auto;position:relative;text-align:left;width:1200px;z-index:2}.tip.is-in .p-about .tip-inner{animation:about-reveal .6s cubic-bezier(.22,1,.36,1) both}.p-about .tip-copy-wrap{flex:1 1 0%;min-width:0}.p-about .tip h2{color:#22262a;font-size:28px;font-weight:800;line-height:36px}.p-about .tip-copy{color:#5e6773;font-size:14px;line-height:24px;margin-top:12px;max-width:520px}.p-about .tip-qr{background:#fff;border:1px solid rgba(60,130,246,.24);border-radius:16px;box-shadow:0 12px 32px rgba(34,38,42,.1);flex-shrink:0;padding:12px;transition:transform .25s ease,box-shadow .25s ease;width:220px}.p-about .tip-qr:hover{box-shadow:0 18px 40px rgba(60,130,246,.18);transform:translateY(-4px) scale(1.02)}.p-about .tip-qr img{border-radius:12px;display:block;width:100%}.p-about .tip-qr-label{color:#22262a;font-size:14px;font-weight:600;line-height:22px;margin-bottom:12px;text-align:center}.p-about .tip-actions{margin-top:20px}@media (prefers-reduced-motion:reduce){.p-about .avatar,.p-about .avatar-ring,.p-about .bead,.p-about .hero:after,.p-about .qr-bead,.p-about .qr-card,.p-about .reveal-item,.p-about .tag{animation:none!important}.p-about .bit-card,.p-about .bit-orbit,.p-about .tip-inner,.p-about .work-beads i,.p-about .work-card,.p-about .work-mark{animation:none!important;opacity:1;transform:none}.p-about .work-shine{display:none}.p-about .bit-card:hover,.p-about .link-chip:hover,.p-about .qr-card:hover,.p-about .tag:hover,.p-about .tip-qr:hover,.p-about .work-card:hover{transform:none}}@media (max-width:767px){.p-about .hero-stage{flex-direction:column;gap:36px;padding:40px 20px;width:100%}.p-about .hero-persona{text-align:center;width:100%}.p-about .avatar-wrap,.p-about .bio{margin-left:auto;margin-right:auto}.p-about .name{font-size:36px;line-height:44px}.p-about .lead{font-size:18px;line-height:26px}.p-about .links,.p-about .tags,.p-about .tip-actions{justify-content:center}.p-about .hero-qr{flex-basis:auto;width:100%}.p-about .qr-card{max-width:360px}.p-about .section-inner,.p-about .tip-inner{width:100%}.p-about .section-head h2{font-size:22px;line-height:32px}.p-about .bit-list,.p-about .work-grid{grid-template-columns:1fr}.p-about .bits,.p-about .works{padding:36px 20px}.p-about .tip{padding:40px 20px 48px}.p-about .tip-inner{flex-direction:column;gap:24px;text-align:center;width:100%}.p-about .tip-copy{margin-left:auto;margin-right:auto}.p-about .tip-actions{justify-content:center}.p-about .tip-qr{margin-left:auto;margin-right:auto;width:220px}.p-about .tip h2{font-size:24px;line-height:32px}}