.hero{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100svh;padding:112px var(--gutter) 56px;overflow:clip}.hero:before,.hero:after{content:"";position:absolute;border-radius:50%;pointer-events:none}.hero:before{top:8%;left:-110px;width:260px;height:260px;background:#8b5cf629;filter:blur(80px)}.hero:after{right:-80px;bottom:5%;width:220px;height:220px;background:#a78bfa1a;filter:blur(88px)}.hero-content{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);align-items:center;gap:clamp(34px,6vw,88px);width:100%;max-width:calc(var(--max-width) - 2 * var(--gutter))}.hero-text{max-width:780px}.hero-text>*{animation:riseIn .82s var(--ease-out) both;animation-delay:calc(var(--i, 0) * 70ms + 60ms)}.hero-text>.hero-title{animation:none}.availability-note{display:inline-flex;align-items:center;gap:12px;color:var(--text-muted);font-family:var(--font-mono);font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;transition:color .16s ease}.availability-note:hover{color:var(--text-secondary)}.availability-leader{width:48px;height:1px;background:linear-gradient(90deg,currentColor 50%,transparent 0) 0 0 / 4px 1px repeat-x;opacity:.7}.availability-note:hover .availability-leader{animation:leaderFlow .7s linear infinite}@keyframes leaderFlow{to{background-position:8px 0}}.availability-note strong{display:inline-flex;align-items:center;gap:9px;color:var(--purple-300);font-weight:600}.availability-note strong:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--signal-accent);box-shadow:0 0 10px #a78bfab3;animation:statusPulse 2.4s ease-in-out infinite}@keyframes statusPulse{50%{opacity:.35;box-shadow:0 0 2px #a78bfa4d}}.availability-note .icon{margin-left:-4px;color:var(--purple-300);transition:transform .24s var(--ease-out)}.availability-note:hover .icon{transform:translate(2px,-2px)}.hero-kicker{margin:14px 0 12px;color:var(--text-muted);font-family:var(--font-mono);font-size:.75rem;letter-spacing:.14em}.hero-title{max-width:820px;margin-bottom:24px;font-size:clamp(2.7rem,5.2vw,5.4rem);font-weight:600;line-height:.98;letter-spacing:-.048em;text-wrap:balance}.hero-title .word{display:inline-block;animation:wordIn 1s var(--ease-out) both;animation-delay:calc(var(--i, 0) * 55ms + .17s)}@keyframes wordIn{0%{opacity:0;transform:translateY(.3em);filter:blur(10px)}}.hero-accent{position:relative;white-space:nowrap}.scribble{position:absolute;left:-2%;bottom:-.12em;width:104%;height:.26em;overflow:visible;pointer-events:none}.scribble path{fill:none;stroke:var(--purple-400);stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1;vector-effect:non-scaling-stroke;opacity:.75;animation:scribbleDraw .9s var(--ease-in-out) .9s forwards}@keyframes scribbleDraw{to{stroke-dashoffset:0}}.hero-description{max-width:580px;margin-bottom:30px;color:var(--text-secondary);font-size:clamp(1rem,1.3vw,1.125rem);line-height:1.65;text-wrap:pretty}.hero-actions{display:flex;flex-wrap:wrap;gap:10px}.hero-time{display:inline-flex;align-items:center;gap:8px;margin-top:22px;color:var(--text-muted);font-family:var(--font-mono);font-size:.75rem;letter-spacing:.04em}.hero-time .icon{font-size:14px}.hero-visual{position:relative;justify-self:center;width:min(100%,520px);aspect-ratio:1}.hero-visual:before{content:"";position:absolute;top:23%;right:23%;bottom:23%;left:23%;border-radius:50%;background:#8b5cf621;filter:blur(44px)}.hero-visual:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid rgba(196,181,253,.05);border-radius:50%;pointer-events:none}.orbit-ring{position:absolute;top:50%;left:50%;border:1px solid rgba(196,181,253,.12);border-radius:50%;transform:translate(-50%,-50%)}.orbit-ring-one{width:44%;height:44%}.orbit-ring-two{width:64%;height:64%;border-style:dashed;border-color:#c4b5fd29;animation:orbitSpin 140s linear infinite}.orbit-ring-three{width:84%;height:84%;border-color:#c4b5fd33;-webkit-mask-image:linear-gradient(165deg,#000 25%,rgba(0,0,0,.3) 65%,#000 100%);mask-image:linear-gradient(165deg,#000 25%,#0000004d 65%,#000)}@keyframes orbitSpin{to{transform:translate(-50%,-50%) rotate(1turn)}}.orbit-profile{position:absolute;top:50%;left:50%;z-index:2;width:148px;padding:16px 14px 14px;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-2xl);background:var(--surface-solid);text-align:center;box-shadow:var(--bevel),0 24px 70px #00000073,0 0 40px #8b5cf624;transform:translate(-50%,-50%) perspective(700px) rotateX(var(--rx, 0deg)) rotateY(var(--ry, 0deg));transition:transform .7s var(--ease-out)}.hero-visual.is-tilting .orbit-profile{transition:transform .16s ease-out}.orbit-profile:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:radial-gradient(circle at var(--gx, 50%) var(--gy, 0%),rgba(255,255,255,.13),transparent 60%);opacity:0;pointer-events:none;transition:opacity .4s ease}.hero-visual.is-tilting .orbit-profile:after{opacity:1}.orbit-avatar{display:block;width:72px;height:72px;margin:0 auto 10px}.orbit-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover;box-shadow:0 0 0 1px #ffffff24,0 0 0 5px #a78bfa14}.orbit-name{display:block;font-weight:600;letter-spacing:-.015em}.orbit-handle{display:block;margin-top:1px;color:var(--text-muted);font-family:var(--font-mono);font-size:.6875rem}.orbit-node{position:absolute;top:50%;left:50%;z-index:2;display:flex;align-items:center;justify-content:center;gap:0;width:56px;height:56px;min-width:0;padding:0;overflow:hidden;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-full);background:var(--surface-solid);color:var(--text-secondary);font-family:var(--font-mono);font-size:.75rem;text-align:center;box-shadow:var(--bevel),0 12px 35px #00000059;scale:1;will-change:transform,width,scale;transition:width .24s var(--ease-out),padding .24s var(--ease-out),gap .24s var(--ease-out),scale .2s var(--ease-out),border-color .18s ease}.orbit-node img{width:26px;height:26px;flex:0 0 auto;filter:brightness(0) invert(1)}.orbit-node>span{flex:0 0 auto;max-width:0;overflow:hidden;opacity:0;white-space:nowrap;transform:translate(-5px);transition:max-width .24s var(--ease-out),opacity .14s ease,transform .24s var(--ease-out)}.orbit-node.is-expanded{width:124px;padding-inline:15px;gap:9px;border-color:#c4b5fd59;scale:1.08}.orbit-node.is-expanded>span{max-width:70px;opacity:1;transform:none}.hero-stats{grid-column:1 / -1;width:100%}.stats-panel{display:grid;grid-template-columns:minmax(260px,1.5fr) repeat(2,minmax(150px,.55fr));overflow:hidden;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-xl);background:var(--surface);box-shadow:var(--bevel),var(--shadow-md)}.hero-stats .stats-panel{position:relative;z-index:1}.page-stats{margin-top:28px}.stats-heading,.stat-item{display:flex;flex-direction:column;justify-content:center;min-height:108px;padding:20px 24px}.stats-heading small{margin-top:10px;color:var(--text-muted);font-size:.75rem;line-height:1.5}.stat-item{border-left:1px solid var(--border-subtle)}.stat-item strong{color:var(--text-primary);font-size:clamp(1.7rem,3vw,2.4rem);font-weight:600;line-height:1;letter-spacing:-.04em;font-variant-numeric:tabular-nums}.stat-item>span{margin-top:10px;color:var(--text-muted);font-size:.75rem}.stat-scope{margin-bottom:10px;color:var(--text-muted);font-family:var(--font-mono);font-size:.625rem;font-style:normal;letter-spacing:.14em;text-transform:uppercase}.stats-tabs{display:grid;grid-template-columns:minmax(260px,1.5fr) repeat(2,minmax(150px,.55fr));margin-top:-1px}.stats-tab:first-child{grid-column:2}.stats-tab{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:0 14px;padding:11px 16px 10px;border:1px solid rgba(255,255,255,.08);border-top:0;border-radius:0 0 var(--radius-md) var(--radius-md);background:linear-gradient(180deg,#110f18e6,#181522e6);box-shadow:inset 0 -1px #ffffff08,0 14px 30px #00000038}.stats-tab>span{color:var(--signal-accent);font-family:var(--font-mono);font-size:.6875rem;font-weight:600;line-height:1;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap}.stats-tab b{color:var(--text-primary);font-size:1.05rem;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:-.02em}.stats-note{grid-column:1 / -1;margin:0;padding:12px 24px;border-top:1px dashed var(--line-dashed);color:var(--text-muted);font-size:.75rem}[data-stat-key]{white-space:nowrap}.stat-char{position:relative;display:inline-block}.stat-char.is-rolling>span{display:inline-block;animation:charIn .62s var(--ease-out) both;animation-delay:var(--d, 0ms)}.stat-char.is-rolling[data-prev]:before{content:attr(data-prev);position:absolute;top:0;left:0;right:0;text-align:center;animation:charOut .46s var(--ease-out) both;animation-delay:var(--d, 0ms)}@keyframes charIn{0%{opacity:0;transform:translateY(.5em);filter:blur(6px)}}@keyframes charOut{to{opacity:0;transform:translateY(-.5em);filter:blur(6px)}}[data-stat-key]:not([data-stat-shown]):not([data-stat-stale]){display:inline-block;min-width:3.4ch;border-radius:6px;color:transparent!important;background:linear-gradient(90deg,#ffffff0a 25%,#ffffff1c,#ffffff0a 75%);background-size:250% 100%;animation:skeleton 1.5s ease-in-out infinite}@keyframes skeleton{0%{background-position:150% 0}to{background-position:-100% 0}}[data-stat-stale=true]{opacity:.65}[data-stats-status]:not([data-state]){width:fit-content;color:transparent;background:linear-gradient(90deg,var(--text-muted) 35%,var(--text-primary) 50%,var(--text-muted) 65%);background-size:250% 100%;-webkit-background-clip:text;background-clip:text;animation:shimmerText 1.8s linear infinite}@keyframes shimmerText{0%{background-position:125% 0}to{background-position:-25% 0}}[data-stats-status][data-state]:before{content:"";display:inline-block;width:6px;height:6px;margin-right:8px;border-radius:50%;vertical-align:1px;background:var(--status-error)}[data-stats-status][data-state=live]:before{background:var(--signal-accent);box-shadow:0 0 8px #a78bfa94}[data-stats-status][data-state=partial]:before{background:var(--status-warn)}.page-header{max-width:var(--max-width);margin:0 auto;padding:150px var(--gutter) 22px;text-align:center}.page-header h1{margin-bottom:14px;font-size:clamp(3rem,7vw,6.4rem);font-weight:600;line-height:.95;letter-spacing:-.055em;animation:riseIn .82s var(--ease-out) both}.page-header p{max-width:620px;margin-inline:auto;color:var(--text-secondary);font-size:1.0625rem;line-height:1.6;text-wrap:pretty;animation:riseIn .82s var(--ease-out) 90ms both}#supportSection .page-header h1{font-size:clamp(2.7rem,5.5vw,4.6rem)}.content-section{padding:56px 0}.content-section h2{margin:12px 0 24px;font-size:clamp(2rem,4vw,3.25rem);font-weight:600;line-height:1.04;letter-spacing:-.042em;text-wrap:balance}.content-section h2 .gradient-text{color:var(--text-muted)}.content-section p{margin-bottom:12px;color:var(--text-secondary);font-size:1rem;line-height:1.7}.content-section p:last-child{margin-bottom:0}.about-section{padding-top:88px}.about-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);align-items:start;gap:clamp(36px,7vw,96px)}.about-copy{max-width:720px}.about-copy p:first-child{color:var(--text-primary);font-size:1.25rem;line-height:1.55;letter-spacing:-.015em}.profile-facts{overflow:hidden;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-xl);background:var(--surface);box-shadow:var(--bevel),var(--shadow-md)}.profile-facts div{display:grid;grid-template-columns:.8fr 1.2fr;gap:18px;padding:15px 20px;border-bottom:1px solid var(--border-subtle);transition:background-color .15s ease}.profile-facts div:last-child{border-bottom:0}.profile-facts div:hover{background:#ffffff06}.profile-facts dt{color:var(--text-muted);font-family:var(--font-mono);font-size:.75rem;line-height:1.6}.profile-facts dd{margin:0;color:var(--text-primary);font-size:.875rem;font-weight:550}.ai-workflow{position:relative;margin:32px 0 50px;padding:clamp(24px,5vw,54px);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-2xl);background:var(--surface);box-shadow:var(--bevel),var(--shadow-lg)}.ai-workflow:before{content:"";position:absolute;top:-1px;left:12%;right:12%;height:1px;background:linear-gradient(90deg,transparent,rgba(196,181,253,.45),transparent)}.section-lead{max-width:900px;margin-top:-8px;text-wrap:pretty}.keep-together{white-space:nowrap}.prompt-grid{display:grid;grid-template-columns:minmax(220px,.7fr) minmax(0,1.3fr);gap:14px;margin-top:28px}.prompt-card{position:relative;min-height:190px;padding:18px 20px 22px;border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--surface-inset)}.prompt-card>span{display:flex;align-items:center;gap:8px;color:var(--text-muted);font-family:var(--font-mono);font-size:.6875rem;letter-spacing:.1em;text-transform:uppercase}.prompt-card>span:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--text-faint)}.prompt-card[data-words]:after{content:attr(data-words) " words";position:absolute;top:18px;right:20px;color:var(--text-faint);font-family:var(--font-mono);font-size:.6875rem;line-height:1.2}.prompt-card blockquote{margin-top:22px;color:var(--text-primary);font-size:1.0625rem;line-height:1.65}.prompt-vague{opacity:.72}.prompt-vague blockquote{color:var(--text-secondary)}.prompt-specific{border-color:#a78bfa42;background:linear-gradient(180deg,#8b5cf617,#8b5cf605),var(--surface-inset);box-shadow:inset 0 1px #ffffff0d,0 0 0 4px #8b5cf60d}.prompt-specific>span{color:var(--purple-300)}.prompt-specific>span:before{background:var(--purple-400);box-shadow:0 0 10px #a78bfab3}.prompt-card code{padding:1px 6px;border:1px solid rgba(196,181,253,.2);border-radius:6px;background:#a78bfa14;color:var(--purple-200);font-family:var(--font-mono);font-size:.84em}.stream-word{display:inline-block}.ai-workflow.visible .stream-word{animation:streamIn .46s var(--ease-out) both;animation-delay:calc(var(--i, 0) * 26ms + .38s)}@keyframes streamIn{0%{opacity:0;filter:blur(4px);transform:translateY(2px)}}.prompt-specific blockquote:after{content:"";display:inline-block;width:2px;height:1.05em;margin-left:3px;vertical-align:-.16em;background:var(--purple-300);opacity:0}.ai-workflow.visible .prompt-specific blockquote:after{animation:caretBlink 1.1s steps(1,end) 4 forwards;animation-delay:calc(var(--words, 40) * 26ms + .76s)}@keyframes caretBlink{0%{opacity:1}50%,to{opacity:0}}.method-note{display:flex;align-items:baseline;gap:10px;margin-top:18px;color:var(--text-secondary);font-size:.875rem!important}.method-note:before{content:"";width:16px;height:1px;flex:none;background:var(--purple-400);transform:translateY(-4px)}.skills-grid{display:flex;flex-direction:column;gap:10px}.skill-item{overflow:hidden;border:1px solid rgba(255,255,255,.07);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--bevel);transition:border-color .2s ease}.skill-item:hover{border-color:#ffffff21}.skill-item[open]{border-color:var(--border-default)}.skill-summary{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:13px 16px 13px 13px;list-style:none;cursor:pointer;transition:background-color .2s ease}.skill-summary:hover{background:#ffffff04}.skill-summary::-webkit-details-marker{display:none}.skill-summary:focus-visible{outline:2px solid var(--purple-400);outline-offset:-2px;border-radius:var(--radius-lg)}.skill-left{display:flex;align-items:center;gap:14px;min-width:0}.skill-icon{display:grid;place-items:center;width:42px;height:42px;flex:none;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-md);background:var(--surface-raised);box-shadow:var(--bevel);transition:transform .3s var(--ease-spring)}.skill-item:hover .skill-icon{transform:rotate(-4deg) scale(1.04)}.skill-icon img{width:26px;height:26px;object-fit:contain}.skill-icon .icon-sparkle{width:24px;height:24px;fill:var(--purple-300);stroke:none}.skill-name{display:block;font-size:.9375rem;font-weight:600;letter-spacing:-.01em}.skill-role{display:block;color:var(--text-muted);font-size:.8125rem}.skill-meta{display:flex;align-items:center;gap:16px}.skill-years{color:var(--text-muted);font-family:var(--font-mono);font-size:.75rem;white-space:nowrap}.skill-toggle{display:inline-grid;place-items:center;width:32px;height:32px;flex:none;border:1px solid rgba(255,255,255,.1);border-radius:50%;color:var(--text-secondary);transition:background-color .22s ease,border-color .22s ease,color .22s ease}.skill-item:hover .skill-toggle{border-color:#ffffff2e;color:var(--text-primary)}.skill-item[open] .skill-toggle{border-color:#c4b5fd4d;background:#8b5cf633;color:var(--purple-200)}.skill-chevron{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .42s var(--ease-spring)}.skill-item[open] .skill-chevron{transform:rotate(180deg)}.skill-description{overflow:hidden;padding:14px 20px 18px 69px;border-top:1px dashed var(--line-dashed)}.skill-description p{margin:0;font-size:.9375rem;line-height:1.7}.projects-grid{--gap: 16px;display:flex;flex-wrap:wrap;justify-content:center;gap:var(--gap)}.project-card{position:relative;display:flex;flex-direction:column;flex:0 0 calc((100% - var(--gap)) / 2);min-width:0;min-height:200px;padding:24px;border:1px solid rgba(255,255,255,.07);border-radius:var(--radius-xl);background:var(--surface);box-shadow:var(--bevel),var(--shadow-sm);cursor:pointer;transition:transform .24s var(--ease-out),border-color .24s ease,box-shadow .24s ease}.project-card[data-span="4"]{flex-basis:calc((100% - 2 * var(--gap)) / 3)}.project-card[data-span="12"],.project-card-featured{flex-basis:100%}.project-card:hover{border-color:#ffffff1f;box-shadow:var(--bevel),var(--shadow-md);transform:translateY(-2px)}.project-card:active{transform:translateY(0) scale(.995)}.project-card-best{border-color:#a78bfa42;background:radial-gradient(120% 85% at 50% 0%,rgba(139,92,246,.17),transparent 62%),var(--surface);box-shadow:var(--bevel),var(--shadow-sm),0 20px 50px -26px #8b5cf680}.project-card-best:hover{border-color:#c4b5fd6b;box-shadow:var(--bevel),var(--shadow-md),0 24px 60px -22px #8b5cf69e}.best-mark{width:21px;height:21px;color:var(--purple-300);fill:#c4b5fd38;animation:best-twinkle 4.2s var(--ease-out) calc(var(--i, 0) * -1.3s) infinite;transition:transform .7s var(--ease-spring)}.project-card-best:hover .best-mark{transform:rotate(144deg) scale(1.15)}@keyframes best-twinkle{0%,to{fill:#c4b5fd33;filter:drop-shadow(0 0 5px rgba(167,139,250,.4));scale:1}8%{fill:#ddd6febf;filter:drop-shadow(0 0 12px rgba(196,181,253,.95));scale:1.22}18%{scale:.96}26%{scale:1}55%{fill:#c4b5fd57;filter:drop-shadow(0 0 9px rgba(167,139,250,.6))}}@media(prefers-reduced-motion:reduce){.best-mark{animation:none;filter:drop-shadow(0 0 8px rgba(167,139,250,.55))}}.projects-group-label{display:flex;align-items:center;gap:12px;margin:0 0 14px;color:var(--text-muted);font-family:var(--font-mono);font-size:.6875rem;letter-spacing:.1em;text-transform:uppercase}.projects-group-label:after{content:"";flex:1;border-top:1px dotted rgba(255,255,255,.14)}.projects-grid+.projects-group-label{margin-top:36px}.projects-group-label.is-best{color:var(--purple-300)}.animate-on-scroll .project-card{opacity:0}.animate-on-scroll.visible .project-card{opacity:1;animation:cardIn .7s var(--ease-out) both;animation-delay:calc(var(--i, 0) * 60ms + .12s)}@keyframes cardIn{0%{opacity:0;translate:0 16px;filter:blur(6px)}}.project-card .card-index{margin-bottom:28px}.project-card h3{margin-bottom:8px;font-size:1.1875rem;font-weight:600;line-height:1.3;letter-spacing:-.022em}.projects-grid .project-card>p{margin-bottom:22px;color:var(--text-secondary);font-size:.9375rem;line-height:1.6}.project-card>:last-child{margin-top:auto}.project-card-stats,.project-card-footer{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.project-card:not(.commission-card)>.project-card-stats,.project-card-footer{padding-top:18px;border-top:1px dashed var(--line-dashed)}.commission-card .project-card-stats{margin-bottom:18px}.project-card-stats>span:not(.card-cta){display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 10px;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-full);background:#ffffff06;color:var(--text-muted);font-size:.75rem}.project-card-stats .icon{font-size:13px}.project-card-stats strong{color:var(--text-primary);font-weight:600;font-variant-numeric:tabular-nums}.live-dot{width:5px;height:5px;border-radius:50%;background:var(--signal-accent);box-shadow:0 0 8px #a78bfa94}.card-cta{display:inline-flex;align-items:center;gap:7px;height:32px;margin-left:auto;padding:0 12px 0 13px;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-full);background:#ffffff08;color:var(--text-secondary);font-size:.8125rem;font-weight:550;white-space:nowrap;transition:color .18s ease,border-color .18s ease,background-color .18s ease}.card-cta .arrow-swap{font-size:14px}.project-card:hover .card-cta{border-color:var(--border-strong);background:#8b5cf629;color:var(--text-primary)}.commission-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.commission-header h3{margin-bottom:0}.commission-card-footer{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;padding-top:18px;border-top:1px dashed var(--line-dashed)}.commission-earned small,.commission-earned strong{display:block}.commission-earned small{margin-bottom:4px;color:var(--text-muted);font-family:var(--font-mono);font-size:.625rem;letter-spacing:.1em;text-transform:uppercase}.commission-earned strong{color:var(--purple-200);font-size:1rem;font-weight:600;letter-spacing:-.01em;font-variant-numeric:tabular-nums}.unit{margin-left:1px;color:var(--text-muted);font-size:.78em;font-weight:500}@media(min-width:961px){.commission-card[data-span="12"]{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"head foot" "desc foot" "stats foot";grid-template-rows:auto auto 1fr;column-gap:40px;min-height:0}.commission-card[data-span="12"] .commission-header{grid-area:head}.commission-card[data-span="12"]>p{grid-area:desc;margin-bottom:0}.commission-card[data-span="12"] .project-card-stats{grid-area:stats;align-self:start;margin:18px 0 0}.commission-card[data-span="12"] .commission-card-footer{grid-area:foot;align-items:center;align-self:stretch;gap:32px;margin:0;padding:0 0 0 36px;border-top:0;border-left:1px dashed var(--line-dashed)}}.commission-stats{grid-template-columns:minmax(240px,1.25fr) repeat(3,minmax(130px,.55fr))}.earnings-stat strong{color:var(--purple-200);font-size:clamp(1.45rem,2.4vw,2rem)}.earnings-usd{margin-top:6px;color:var(--text-secondary);font-size:.8125rem;font-weight:500}.project-detail{max-width:calc(800px + 2 * var(--gutter));padding-top:calc(var(--nav-height) + 44px)}.project-detail>.back-btn{display:flex;width:fit-content;margin-inline:auto}#projectDetailSection .page-header{max-width:none;margin:0;padding:0 0 26px}#projectDetailSection .page-header h1{font-size:clamp(2.5rem,5vw,4.25rem);line-height:1.02;text-wrap:balance;overflow-wrap:anywhere}.project-detail-content p{margin-bottom:18px;color:var(--text-secondary);font-size:1.0625rem;line-height:1.75;white-space:pre-line;text-wrap:pretty}.project-detail-content strong{color:var(--text-primary);font-weight:600}.project-detail-content .detail-meta{display:flex;align-items:center;gap:8px;width:fit-content;margin:0 auto 30px;padding:6px 14px;border:1px solid rgba(255,255,255,.09);border-radius:var(--radius-full);background:#ffffff08;font-size:.875rem;box-shadow:var(--bevel);animation:riseIn .82s var(--ease-out) .12s both}.project-detail-content .detail-meta strong{color:var(--text-muted);font-weight:500}.project-detail-content>div>:not(.detail-meta){animation:riseIn .82s var(--ease-out) .18s both}.project-detail-content .action-button-container{margin:8px 0 26px}.project-detail-content ul{display:grid;gap:8px;margin:4px 0 24px;padding:0;list-style:none}.project-detail-content li{position:relative;padding:14px 18px 14px 42px;border:1px solid rgba(255,255,255,.07);border-radius:var(--radius-md);background:var(--surface);color:var(--text-secondary);font-size:.9375rem;line-height:1.65;white-space:pre-line;box-shadow:var(--bevel)}.project-detail-content li:before{content:"";position:absolute;top:23px;left:18px;width:7px;height:7px;border-radius:2px;background:var(--purple-400);box-shadow:0 0 0 3px #a78bfa24;transform:rotate(45deg)}.project-image-button{display:block;max-width:100%;margin:22px auto;padding:6px;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-xl);background:var(--surface);box-shadow:var(--bevel),var(--shadow-md);cursor:zoom-in;transition:transform .32s var(--ease-out),border-color .2s ease,box-shadow .2s ease}.project-image-button:hover{border-color:var(--border-strong);box-shadow:var(--bevel),var(--shadow-lg);transform:translateY(-2px)}.project-image-button:focus-visible{outline:2px solid var(--purple-300);outline-offset:4px}.project-image-button img{max-width:100%;height:auto;border-radius:calc(var(--radius-xl) - 6px)}.project-video-wrapper{position:relative;margin:22px 0;padding:6px;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-xl);background:var(--surface);box-shadow:var(--bevel),var(--shadow-lg)}.project-video-iframe,.video-placeholder{display:block;width:100%;height:auto;aspect-ratio:16 / 9;border:0;border-radius:calc(var(--radius-xl) - 6px);background:#000}.video-placeholder{display:grid;place-items:center;padding:20px;border:1px dashed rgba(255,255,255,.2);background:#ffffff08;color:var(--text-muted);font-size:.9375rem;text-align:center}.image-lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:none;align-items:center;justify-content:center;width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;overflow:hidden;border:0;background:transparent;color:var(--text-primary);opacity:0;pointer-events:none}.image-lightbox[open]{display:flex;opacity:1;pointer-events:auto}.image-lightbox::backdrop{background:transparent}.lightbox-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#040408e0;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);cursor:zoom-out}.lightbox-wrapper{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;max-width:92vw;max-height:90vh;pointer-events:none}.lightbox-img{max-width:90vw;max-height:86vh;width:auto;height:auto;object-fit:contain;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-lg);box-shadow:0 25px 60px #000000d9,0 0 40px #8b5cf633;pointer-events:auto;cursor:zoom-in;-webkit-user-select:none;user-select:none;touch-action:none;-webkit-user-drag:none;transform-origin:center center;will-change:transform,opacity;transition:transform .22s var(--ease-out)}.lightbox-img.can-pan{cursor:grab}.lightbox-img.is-panning{cursor:grabbing;transition:none!important}.lightbox-img.is-zooming{transition:none}.lightbox-hud{position:absolute;top:24px;right:24px;z-index:3;display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:8px;max-width:calc(100vw - 32px);pointer-events:auto}.lightbox-zoom-badge,.lightbox-hint,.lightbox-control,.lightbox-close-btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-full);background:#100f17db;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:var(--bevel),0 6px 20px #0006}.lightbox-zoom-badge{min-width:64px;height:38px;padding:0 14px;color:var(--purple-300);font-family:var(--font-mono);font-size:.8125rem;font-weight:600;font-variant-numeric:tabular-nums}.lightbox-hint{height:38px;padding:0 14px;color:var(--text-muted);font-size:.78rem}.lightbox-control{min-width:44px;min-height:44px;padding:0 14px;color:var(--text-primary);font-size:.875rem;font-weight:600;transition:border-color .15s ease,background-color .15s ease}.lightbox-control:hover{border-color:var(--border-strong);background:#1e1b29f2}.lightbox-close-btn{width:44px;height:44px;color:var(--text-secondary);font-size:1.1rem;transition:transform .2s var(--ease-out),background-color .15s ease,border-color .15s ease,color .15s ease}.lightbox-close-btn:hover{border-color:#f8717180;background:#7f1d1d59;color:#fca5a5;transform:rotate(90deg)}.lightbox-control:focus-visible,.lightbox-close-btn:focus-visible{outline:2px solid var(--purple-300);outline-offset:3px}.image-lightbox.entering .lightbox-backdrop,.image-lightbox.entering .lightbox-hud{animation:lightboxFadeIn .38s var(--ease-out) forwards}.image-lightbox.entering .lightbox-img{animation:lightboxZoomIn .42s var(--ease-out) forwards}.image-lightbox.closing .lightbox-backdrop,.image-lightbox.closing .lightbox-hud{animation:lightboxFadeOut .3s var(--ease-out) forwards}.image-lightbox.closing .lightbox-img{animation:lightboxZoomOut .3s var(--ease-out) forwards}@keyframes lightboxZoomIn{0%{opacity:0;transform:scale(.94);filter:blur(8px)}to{opacity:1;transform:scale(1);filter:none}}@keyframes lightboxZoomOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95);filter:blur(6px)}}@keyframes lightboxFadeIn{0%{opacity:0}to{opacity:1}}@keyframes lightboxFadeOut{0%{opacity:1}to{opacity:0}}.socials-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}.social-card{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"icon title" "icon handle" "desc desc";align-content:start;column-gap:14px;padding:18px 20px 20px;border:1px solid rgba(255,255,255,.07);border-radius:var(--radius-xl);background:var(--surface);box-shadow:var(--bevel),var(--shadow-sm);cursor:pointer;transition:transform .24s var(--ease-out),border-color .24s ease,box-shadow .24s ease}.social-card:hover{border-color:#ffffff1f;box-shadow:var(--bevel),var(--shadow-md);transform:translateY(-2px)}.animate-on-scroll .social-card{opacity:0}.animate-on-scroll.visible .social-card{opacity:1;animation:cardIn .7s var(--ease-out) both;animation-delay:calc(var(--i, 0) * 45ms + .1s)}.social-icon{display:grid;grid-area:icon;place-items:center;width:46px;height:46px;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-md);background:var(--surface-raised);box-shadow:var(--bevel);transition:transform .32s var(--ease-spring)}.social-card:hover .social-icon{transform:rotate(-5deg) scale(1.05)}.social-icon img{width:24px;height:24px}.social-card h3{grid-area:title;align-self:end;padding-right:28px;font-size:1rem;font-weight:600;line-height:1.3;letter-spacing:-.012em}.social-card .social-handle{grid-area:handle;align-self:start;margin:2px 0 0;color:var(--text-muted);font-family:var(--font-mono);font-size:.75rem;line-height:1.4}.social-card .social-description{grid-area:desc;margin:16px 0 0;padding-top:14px;border-top:1px dashed var(--line-dashed);color:var(--text-secondary);font-size:.875rem;line-height:1.6}.social-card>.arrow-swap{position:absolute;top:22px;right:20px;color:var(--text-faint);font-size:16px;transition:color .18s ease}.social-card:hover>.arrow-swap{color:var(--text-primary)}.donation-container{display:flex;flex-wrap:wrap;justify-content:center;gap:32px}.donation-column{flex:1;min-width:280px;max-width:500px}.donation-column h2{margin-bottom:16px;font-size:1.25rem;font-weight:600;letter-spacing:-.02em;text-align:center}.donation-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:8px}.donation-button{display:flex;align-items:center;justify-content:center;gap:6px;height:44px;padding:0 8px;border:1px solid rgba(255,255,255,.07);border-radius:var(--radius-md);background:var(--surface);color:var(--text-primary);font-size:.875rem;font-weight:600;font-variant-numeric:tabular-nums;box-shadow:var(--bevel);transition:transform .2s var(--ease-out),border-color .2s ease,color .2s ease}.donation-button:before{content:"";width:13px;height:13px;background:currentColor;-webkit-mask:url(/tools/images/robux.svg) center / contain no-repeat;mask:url(/tools/images/robux.svg) center / contain no-repeat;opacity:.55}.donation-button:hover{border-color:var(--border-strong);color:var(--purple-200);transform:translateY(-2px)}.specs-grid{display:flex;flex-direction:column;overflow:hidden;border:1px solid rgba(255,255,255,.07);border-radius:var(--radius-xl);background:var(--surface);box-shadow:var(--bevel),var(--shadow-sm)}.spec-item{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 20px;border-bottom:1px solid var(--border-subtle);transition:background-color .15s ease}.spec-item:last-child{border-bottom:0}.spec-item:hover{background:#ffffff06}.spec-key{display:flex;flex:1;align-items:center;gap:12px;min-width:0;color:var(--text-primary);font-size:.9375rem;font-weight:550;white-space:nowrap}.spec-key:after{content:"";flex:1;min-width:24px;margin:0 4px 0 8px;border-bottom:1px dotted rgba(255,255,255,.16);transform:translateY(4px)}.spec-icon{width:20px;height:20px;filter:brightness(0) invert(1);opacity:.55}.spec-value{color:var(--text-secondary);font-size:.875rem;text-align:right}@media(max-width:960px){.hero{padding-top:118px}.hero-content{grid-template-columns:1fr;gap:28px}.hero-visual{width:min(86vw,450px)}.hero-stats{grid-column:auto}.about-layout,.prompt-grid{grid-template-columns:1fr}.project-card[data-span="4"]{flex-basis:calc((100% - var(--gap)) / 2)}}@media(max-width:768px){.skill-meta{flex-direction:column;align-items:flex-end;gap:6px}.donation-container{flex-direction:column;align-items:center}.spec-item{flex-direction:column;align-items:flex-start;gap:4px}.spec-key:after{display:none}.spec-value{padding-left:32px;text-align:left}}@media(max-width:720px){.stats-panel{grid-template-columns:1fr 1fr}.stats-heading{grid-column:1 / -1;min-height:auto}.stat-item{border-top:1px solid var(--border-subtle)}.stat-item:nth-of-type(2){border-left:0}.stats-tabs{grid-template-columns:1fr 1fr}.stats-tab:first-child{grid-column:auto}.project-card[data-span]{flex-basis:100%}}@media(max-width:560px){.hero{min-height:auto;padding-top:118px}.hero-title{font-size:clamp(2.55rem,12vw,4rem)}.hero-visual{width:min(100%,330px)}.orbit-profile{width:118px;padding:13px 10px 11px}.orbit-avatar{width:58px;height:58px}.orbit-node{width:46px;height:46px;font-size:.625rem}.orbit-node img{width:22px;height:22px}.orbit-node.is-expanded{width:106px;padding-inline:12px;gap:7px}.stats-panel{grid-template-columns:1fr}.stats-heading,.stat-item{grid-column:auto;min-height:88px}.stat-item,.stat-item:nth-of-type(2){border-top:1px solid var(--border-subtle);border-left:0}.page-header{padding-top:126px}.ai-workflow{margin-inline:-4px}.prompt-card{min-height:auto}.commission-card-footer{align-items:center}.stats-tab{margin:0 8px;padding-inline:12px}.skill-summary{align-items:flex-start;gap:12px;padding:12px}.skill-description{padding:14px}}@media(max-width:480px){.hero-actions{flex-direction:column;width:100%;max-width:320px}.hero-actions .btn{width:100%}.page-header{padding-inline:16px}}
