:root{--void:#060709;--void-2:#0b0d11;--void-3:#12151c;--bone:#f2eee6;--bone-2:hsla(40,32%,93%,.66);--bone-3:hsla(40,32%,93%,.4);--bone-4:hsla(40,32%,93%,.16);--amber:#ffb24c;--amber-2:#ffd9a0;--steel:#6fe0e6;--violet:#a78bfa;--line:hsla(40,32%,93%,.1);--line-2:hsla(40,32%,93%,.2);--font-display:"Bricolage Grotesque","Segoe UI",sans-serif;--font-serif:"Instrument Serif",Georgia,serif;--font-mono:"Space Mono","SFMono-Regular",monospace;--font-body:"Sora",system-ui,sans-serif;--pad:clamp(1.25rem,5vw,5rem);--maxw:1320px}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:auto;-webkit-text-size-adjust:100%}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-stopped{overflow:hidden}body{background:var(--void);color:var(--bone);font-family:var(--font-body);font-weight:300;line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}@media (max-width:1023px){body,html{background:#f4f1ea!important;overscroll-behavior-y:none}}body[data-loading]{overflow:hidden;height:100vh}a{text-decoration:none}a,button{color:inherit}button{font:inherit;background:none;border:none}::-moz-selection{background:var(--amber);color:var(--void)}::selection{background:var(--amber);color:var(--void)}.webgl{position:fixed;inset:0;z-index:0;pointer-events:none}.webgl canvas{display:block}.scrim{position:fixed;inset:0;z-index:1;pointer-events:none;background:radial-gradient(125% 85% at 50% 42%,rgba(6,7,9,.74) 0,rgba(6,7,9,.5) 42%,rgba(6,7,9,.3) 78%,rgba(6,7,9,.44) 100%)}.content{position:relative;z-index:2}.about-head,.contact-head,.contact-roles,.hero-name,.hero-sub,.identity-body,.identity-head,.proj-blurb,.projects-title,.skills-title{text-shadow:0 1px 28px rgba(6,7,9,.85),0 0 6px rgba(6,7,9,.6)}.kicker{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.32em;text-transform:uppercase;color:var(--bone-2);display:inline-flex;align-items:center;gap:.8rem}.kicker-dash{width:2.4rem;height:1px;background:var(--amber);display:inline-block}em{font-family:var(--font-serif);font-style:italic;color:var(--amber);font-weight:400}.nav{position:fixed;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:1.1rem var(--pad);mix-blend-mode:difference}.nav,.nav-progress{top:0;left:0;width:100%}.nav-progress{position:absolute;height:2px;background:transparent}.nav-progress-fill{height:100%;width:100%;background:var(--amber);transform:scaleX(0);transform-origin:0 50%}.nav-brand{display:inline-flex;align-items:baseline;gap:.7rem;color:var(--bone)}.nav-mark{font-family:var(--font-display);font-weight:800;letter-spacing:-.04em;font-size:1.1rem}.nav-name{font-family:var(--font-mono);font-size:.74rem;letter-spacing:.18em;text-transform:uppercase;color:var(--bone-2)}.nav-links{display:flex;gap:1.5rem}.nav-link{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--bone-3);position:relative;padding-bottom:2px;transition:color .4s ease}.nav-link:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;background:var(--amber);transform:scaleX(0);transform-origin:0 50%;transition:transform .4s ease}.nav-link.is-active,.nav-link:hover{color:var(--bone)}.nav-link.is-active:after{transform:scaleX(1)}.cursor-dot,.cursor-ring{position:fixed;top:0;left:0;z-index:90;pointer-events:none;border-radius:50%;will-change:transform}.cursor-ring{width:38px;height:38px;margin:-19px 0 0 -19px;border:1px solid var(--bone-3);transition:width .25s ease,height .25s ease,margin .25s ease,border-color .25s ease,background .25s ease}.cursor-ring.is-hover{width:64px;height:64px;margin:-32px 0 0 -32px;border-color:var(--amber);background:rgba(255,178,76,.08)}.cursor-dot{width:5px;height:5px;margin:-2.5px 0 0 -2.5px;background:var(--amber)}.preloader{position:fixed;inset:0;z-index:100;background:var(--void);display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;will-change:transform}.pre-center{text-align:center;padding:0 var(--pad)}.pre-name{font-family:var(--font-display);font-weight:800;line-height:.88;letter-spacing:-.04em;font-size:clamp(2.4rem,11vw,9rem);display:flex;flex-direction:column;color:var(--bone)}.pre-word{display:inline-flex;justify-content:center}.pre-letter{display:inline-block;will-change:transform,opacity,filter}.pre-name>.pre-word:last-child{color:transparent;-webkit-text-stroke:1px var(--bone-3)}.pre-meta{margin-top:2rem;display:flex;align-items:center;justify-content:center;gap:1rem;font-family:var(--font-mono);font-size:.72rem;letter-spacing:.3em;text-transform:uppercase;color:var(--bone-3)}.pre-count{color:var(--amber)}.pre-bar{position:absolute;bottom:0;left:0;width:100%;height:2px;background:var(--line)}.pre-bar-fill{height:100%;background:var(--amber);transition:width .1s linear}.pre-speck{position:absolute;width:2px;height:2px;background:var(--amber-2);border-radius:50%;opacity:.5;animation:speck-float linear infinite}@keyframes speck-float{0%{transform:translateY(0) scale(1);opacity:0}20%{opacity:.6}to{transform:translateY(-60px) scale(.4);opacity:0}}.status{position:fixed;left:var(--pad);bottom:1.4rem;z-index:40;display:flex;align-items:stretch;gap:.9rem;mix-blend-mode:difference}.status-bar{width:2px;background:var(--line);align-self:stretch;display:block;position:relative;border-radius:2px;overflow:hidden}.status-bar-fill{position:absolute;inset:0;background:var(--amber);transform:scaleY(.15);transform-origin:50% 100%}.status-body{display:flex;flex-direction:column;gap:.18rem}.status-row{display:flex;gap:.7rem;font-family:var(--font-mono);font-size:.64rem;letter-spacing:.12em;text-transform:uppercase}.status-k{color:var(--bone-3);width:3.2rem}.status-v{color:var(--bone-2)}.status-live .status-v{color:var(--amber)}.status-dim{color:var(--bone-3)}.hero{height:132vh;position:relative}.hero-sticky{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 var(--pad)}.hero-dive{text-align:center;will-change:transform,opacity,filter}.hero-kicker{font-family:var(--font-mono);font-size:clamp(.66rem,1.4vw,.82rem);letter-spacing:.34em;text-transform:uppercase;color:var(--bone-2);margin-bottom:1.6rem}.hero-kicker span{color:var(--amber);margin:0 .4rem}.hero-name{font-family:var(--font-display);font-weight:800;line-height:.86;letter-spacing:-.045em;font-size:clamp(3.2rem,13.5vw,13rem);display:flex;flex-direction:column}.hero-line{display:block}.hero-line-2{color:transparent;-webkit-text-stroke:1.2px var(--bone-2);padding-left:.18em}.hero-sub{margin:1.8rem auto 0;max-width:34rem;color:var(--bone-2);font-size:clamp(.95rem,2vw,1.12rem)}.hero-cue{position:absolute;bottom:2.4rem;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:.7rem;font-family:var(--font-mono);font-size:.66rem;letter-spacing:.28em;text-transform:uppercase;color:var(--bone-3)}.hero-cue-line{width:1px;height:42px;background:linear-gradient(var(--amber),transparent);animation:cue 2.2s ease-in-out infinite;transform-origin:50% 0}@keyframes cue{0%,to{transform:scaleY(.4);opacity:.4}50%{transform:scaleY(1);opacity:1}}section{position:relative;z-index:1}.about,.contact,.identity,.projects,.skills{padding:clamp(6rem,14vh,12rem) var(--pad);max-width:var(--maxw);margin:0 auto}.identity{position:relative;min-height:130vh}.identity-stage{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;will-change:transform,opacity}.identity-inner{position:relative;z-index:2;max-width:42rem}.identity-head{font-family:var(--font-display);font-weight:700;letter-spacing:-.03em;line-height:1.02;font-size:clamp(2.2rem,6.4vw,4.8rem);margin:1.4rem 0 1.6rem}.line-mask{overflow:hidden;padding-bottom:.06em}.line,.line-mask{display:block}.identity-body{color:var(--bone-2);max-width:34rem;margin:0 auto .9rem;font-size:clamp(1rem,2vw,1.18rem);line-height:1.6}.identity-body.dim{color:var(--bone-3);font-size:clamp(.92rem,1.7vw,1.04rem)}.id-photo{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);height:min(98vh,1040px);z-index:0;pointer-events:none}.id-photo-inner{will-change:transform,opacity}.id-photo-inner,.id-stack{position:relative;height:100%;display:inline-block}.id-stack{--gr:0px;--gb:0px;--gy:0px;--bx:0px;--bo:0;--b-top:0%;--b-bot:100%;--noise:0;--nx:0px;--ny:0px;isolation:isolate;animation:id-breathe 16s ease-in-out infinite;-webkit-mask-image:radial-gradient(60% 62% at 50% 40%,#000 28%,rgba(0,0,0,.55) 58%,transparent 82%);mask-image:radial-gradient(60% 62% at 50% 40%,#000 28%,rgba(0,0,0,.55) 58%,transparent 82%)}.id-stack:after{content:"";position:absolute;inset:0;background:radial-gradient(62% 64% at 50% 38%,transparent 52%,rgba(6,7,9,.55) 100%);pointer-events:none;z-index:5}.id-sizer{width:auto;visibility:hidden}.id-layer,.id-sizer{height:100%;display:block}.id-layer{position:absolute;inset:0;width:100%;-o-object-fit:fill;object-fit:fill}.id-r{filter:grayscale(1) contrast(1.28) brightness(.92) url(#sig-r);transform:translateX(var(--gr))}.id-gb{filter:grayscale(1) contrast(1.28) brightness(.92) url(#sig-gb);mix-blend-mode:screen;transform:translate(var(--gb),var(--gy))}.id-band{filter:grayscale(1) contrast(1.12) brightness(.96);clip-path:inset(var(--b-top) 0 var(--b-bot) 0);-webkit-clip-path:inset(var(--b-top) 0 var(--b-bot) 0);transform:translateX(var(--bx));opacity:var(--bo);z-index:2}.id-static{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:130px 130px;background-position:var(--nx) var(--ny);opacity:calc(.06 + var(--noise));mix-blend-mode:screen;z-index:3}.id-scan{background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.1) 3px);opacity:.22;z-index:4}.sig-defs{width:0;height:0}.id-sweep,.sig-defs{position:absolute;pointer-events:none}.id-sweep{left:-4%;right:-4%;top:0;height:18%;background:linear-gradient(180deg,transparent,rgba(150,200,210,.1) 46%,hsla(0,0%,100%,.06) 50%,rgba(150,200,210,.1) 54%,transparent);mix-blend-mode:screen;z-index:4;will-change:transform,opacity;animation:id-sweep-move 5.5s cubic-bezier(.45,0,.5,1) infinite}@keyframes id-sweep-move{0%{transform:translateY(-130%);opacity:0}10%{opacity:.85}85%{opacity:.85}to{transform:translateY(720%);opacity:0}}@keyframes id-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.035)}}.identity-copy{position:relative;z-index:2;transform:translateY(12vh)}.projects{min-height:100vh}.projects-head{margin-bottom:3.5rem}.projects-title{font-family:var(--font-display);font-weight:700;letter-spacing:-.03em;line-height:1.02;font-size:clamp(2rem,6vw,4.4rem);margin:1.2rem 0 .8rem;max-width:18ch}.projects-note{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--bone-3)}.proj-list{list-style:none;border-top:1px solid var(--line)}.proj-item{border-bottom:1px solid var(--line)}.proj-link{display:grid;grid-template-columns:3.5rem 1fr 2rem;gap:1.5rem;padding:2.6rem 1.2rem;align-items:start;transition:background .45s ease,padding-left .45s ease;position:relative}.proj-accent{position:absolute;left:0;top:0;height:100%;width:3px;background:var(--accent);transform:scaleY(0);transform-origin:50% 0;box-shadow:0 0 18px 0 var(--accent)}.proj-item:hover .proj-link{background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 12%,transparent),transparent 62%);padding-left:1.8rem}.proj-index{font-family:var(--font-mono);font-size:.82rem;color:var(--accent);padding-top:.7rem;display:block}.proj-name-row{display:flex;align-items:baseline;gap:1rem;flex-wrap:wrap}.proj-name-mask{display:block;overflow:hidden;padding-bottom:.08em}.proj-name{display:block;font-family:var(--font-display);font-weight:700;letter-spacing:-.03em;font-size:clamp(2rem,6.5vw,4rem);line-height:1;transition:color .4s ease}.proj-item:hover .proj-name{color:var(--accent)}.proj-year{font-family:var(--font-mono);font-size:.76rem;letter-spacing:.12em;color:var(--bone-3)}.proj-kind{margin-top:.6rem;color:var(--bone);font-weight:400}.proj-blurb,.proj-kind{display:block;font-size:1rem}.proj-blurb{margin-top:.7rem;max-width:46ch;color:var(--bone-2);line-height:1.6}.proj-stack{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.2rem}.proj-tag{font-family:var(--font-mono);font-size:.64rem;letter-spacing:.1em;text-transform:uppercase;color:var(--bone-2);border:1px solid var(--line-2);border-radius:999px;padding:.34rem .72rem}.proj-arrow{font-size:1.5rem;color:var(--bone-3);padding-top:.5rem;display:block;transition:transform .4s ease,color .4s ease}.proj-item:hover .proj-arrow{color:var(--accent);transform:translate(5px,-5px)}.about{min-height:110vh}.about-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(2rem,6vw,6rem);align-items:start}.about-left{position:sticky;top:12vh}.portrait{position:relative;margin-top:1.5rem;aspect-ratio:3/4;border-radius:4px;border:1px solid var(--line-2);overflow:hidden;background:radial-gradient(120% 90% at 30% 10%,rgba(255,178,76,.22),transparent 55%),radial-gradient(120% 120% at 90% 100%,rgba(111,224,230,.16),transparent 50%),linear-gradient(160deg,var(--void-3),var(--void));display:flex;align-items:center;justify-content:center}.portrait-mark{font-family:var(--font-display);font-weight:800;font-size:clamp(4rem,14vw,9rem);letter-spacing:-.05em;color:transparent;-webkit-text-stroke:1.2px var(--bone-3);opacity:.7}.portrait-grain{position:absolute;inset:0;opacity:.25;mix-blend-mode:overlay;background-image:radial-gradient(hsla(0,0%,100%,.5) .5px,transparent 0);background-size:3px 3px}.portrait-cap{position:absolute;bottom:.8rem;left:.9rem;font-family:var(--font-mono);font-size:.6rem;letter-spacing:.16em;text-transform:uppercase;color:var(--bone-3)}.about-head{font-family:var(--font-display);font-weight:700;letter-spacing:-.03em;line-height:1.05;font-size:clamp(1.8rem,5vw,3.6rem);margin:1.4rem 0 3rem}.story{display:flex;flex-direction:column;gap:2.6rem}.story-beat{border-left:1px solid var(--line-2);padding-left:1.5rem}.story-k{font-family:var(--font-mono);font-size:.66rem;letter-spacing:.2em;text-transform:uppercase;color:var(--amber)}.story-t{font-family:var(--font-display);font-weight:600;letter-spacing:-.02em;font-size:clamp(1.3rem,3vw,1.9rem);margin:.6rem 0}.story-d{color:var(--bone-2);max-width:46ch;font-size:.98rem}.skills{min-height:120vh}.skills-head{margin-bottom:1.5rem}.skills-title{margin:1.1rem auto .7rem;max-width:20ch}.skills-note{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;color:var(--bone-3)}.graph-wrap{margin-top:1rem}.graph{width:100%;height:auto;display:block;overflow:visible}.graph-link{stroke:var(--bone-4);stroke-width:1;transition:stroke .4s ease,stroke-width .4s ease,opacity .4s ease}.graph.has-active .graph-link{opacity:.18}.graph-link.is-active{stroke:var(--amber);stroke-width:1.6;opacity:1!important}.node{cursor:pointer;outline:none;animation:node-float 7s ease-in-out infinite;transition:opacity .4s ease}@keyframes node-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.node-halo{fill:currentColor;opacity:.06;transition:opacity .4s ease,r .4s ease}.node-dot{fill:currentColor;transition:r .35s ease}.node-label{font-family:var(--font-mono);font-size:13px;letter-spacing:.08em;text-transform:uppercase;fill:var(--bone-2);transition:fill .4s ease}.grp-marketing{color:var(--amber)}.grp-ai{color:var(--steel)}.grp-build{color:var(--violet)}.node.is-hub .node-label{fill:var(--bone);font-size:15px}.node.is-on .node-halo,.node:hover .node-halo{opacity:.22}.node.is-on .node-dot,.node:hover .node-dot{r:11}.node.is-dim{opacity:.22}.contact{min-height:110vh;display:flex;flex-direction:column;justify-content:center;text-align:center}.contact-inner{max-width:60rem;margin:0 auto}.contact-head{font-family:var(--font-display);font-weight:800;letter-spacing:-.04em;line-height:.98;font-size:clamp(2.6rem,10vw,8rem);margin:1.6rem 0}.contact-roles{font-family:var(--font-mono);font-size:clamp(.74rem,1.7vw,.92rem);letter-spacing:.16em;text-transform:uppercase;color:var(--bone-2)}.contact-cta-wrap{margin:3.5rem 0 2.5rem;display:flex;flex-direction:column;align-items:center;gap:1.2rem}.cta{display:inline-flex;align-items:center;justify-content:center;padding:1.4rem 3rem;border:1px solid var(--amber);border-radius:999px;color:var(--amber);font-family:var(--font-mono);font-size:.84rem;letter-spacing:.18em;text-transform:uppercase;transition:transform .35s cubic-bezier(.16,1,.3,1),background .4s ease,color .4s ease;will-change:transform}.cta:hover{background:var(--amber);color:var(--void)}.cta-label{display:inline-block;transition:transform .35s cubic-bezier(.16,1,.3,1)}.contact-email{font-family:var(--font-mono);font-size:.78rem;letter-spacing:.12em;color:var(--bone-3)}.contact-socials{display:flex;gap:1.6rem;justify-content:center;flex-wrap:wrap}.social{font-family:var(--font-mono);font-size:.74rem;letter-spacing:.16em;text-transform:uppercase;color:var(--bone-2);position:relative;padding-bottom:3px;transition:color .4s ease}.social:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;background:var(--amber);transform:scaleX(0);transform-origin:0 50%;transition:transform .4s ease}.social:hover{color:var(--bone)}.social:hover:after{transform:scaleX(1)}.footer{margin-top:7rem;padding-top:1.4rem;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;font-family:var(--font-mono);font-size:.66rem;letter-spacing:.12em;text-transform:uppercase;color:var(--bone-3)}@media (max-width:860px){.nav-name{display:none}.nav-links{gap:.9rem}.nav-link{font-size:.62rem;letter-spacing:.1em}.status{display:none}.id-photo{height:64vh;top:42%;opacity:.5}.about-grid{grid-template-columns:1fr}.about-left{position:relative;top:0;max-width:22rem}.identity-copy{transform:translateY(4vh)}.proj-link{grid-template-columns:2.2rem 1fr;gap:1rem;padding:1.7rem .4rem}.proj-arrow{display:none}.node-label{font-size:17px}}@media (max-width:520px){.nav-links .nav-link:nth-child(n+4){display:none}.hero-line-2{padding-left:0}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.hero{height:auto}.contact,.identity{min-height:auto}}.projects-title{max-width:16ch}.proj-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.4rem}.tile,.tile-card{position:relative}.tile-card{display:block;min-height:clamp(330px,42vh,440px);border-radius:20px;overflow:hidden;border:1px solid hsla(40,32%,93%,.1);background:linear-gradient(160deg,rgba(18,21,27,.7),rgba(8,10,14,.72));transition:transform .5s cubic-bezier(.16,1,.3,1),border-color .5s ease,box-shadow .5s ease;will-change:transform}.tile-card:hover{transform:translateY(-7px);border-color:color-mix(in srgb,var(--accent) 60%,transparent);box-shadow:0 26px 60px -30px var(--accent)}.motif{overflow:hidden}.motif,.tile-scrim{position:absolute;inset:0}.tile-scrim{background:linear-gradient(180deg,rgba(6,7,9,.05),rgba(6,7,9,.32) 44%,rgba(6,7,9,.93))}.tile-body{position:absolute;inset:0;z-index:2;flex-direction:column;padding:1.5rem 1.6rem 1.7rem}.tile-body,.tile-top{display:flex;justify-content:space-between}.tile-top{align-items:center}.tile-index{font-size:.78rem;letter-spacing:.16em;color:var(--accent)}.tile-index,.tile-year{font-family:var(--font-mono)}.tile-year{font-size:.72rem;letter-spacing:.12em;color:var(--bone-3)}.tile-foot{display:flex;flex-direction:column;gap:.5rem}.tile-name{font-family:var(--font-display);font-weight:700;letter-spacing:-.03em;line-height:.98;font-size:clamp(1.7rem,3.4vw,2.5rem);color:var(--bone)}.theme-lux .tile-name{font-family:var(--font-serif);font-style:italic;font-weight:400;letter-spacing:0;font-size:clamp(1.9rem,3.8vw,2.9rem)}.theme-glitch .tile-name{text-transform:uppercase;letter-spacing:-.01em}.tile-kind{font-family:var(--font-mono);font-size:.66rem;letter-spacing:.16em;text-transform:uppercase;color:var(--accent)}.tile-blurb{color:var(--bone-2);font-size:.94rem;line-height:1.5;max-width:34ch}.tile-stack{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.3rem}.tile-tag{font-size:.6rem;letter-spacing:.1em;color:var(--bone-2);border:1px solid hsla(40,32%,93%,.16);border-radius:999px;padding:.28rem .6rem}.tile-cta,.tile-tag{font-family:var(--font-mono);text-transform:uppercase}.tile-cta{margin-top:.8rem;font-size:.72rem;letter-spacing:.14em;color:var(--bone);display:inline-flex;gap:.4rem;align-items:center}.tile-cta span{color:var(--accent);transition:transform .4s ease}.tile-card:hover .tile-cta span{transform:translate(3px,-3px)}.motif-sonic{background:radial-gradient(120% 100% at 50% 32%,rgba(54,210,196,.16),transparent 60%)}.sonic-ring{position:absolute;top:34%;left:50%;width:60px;height:60px;margin:-30px 0 0 -30px;border:1px solid #36d2c4;border-radius:50%;transform:scale(.2);opacity:0;animation:sonic-expand 3.9s ease-out infinite}.sonic-ring:nth-child(2){animation-delay:1.3s}.sonic-ring:nth-child(3){animation-delay:2.6s}@keyframes sonic-expand{0%{transform:scale(.2);opacity:0}12%{opacity:.65}to{transform:scale(5.2);opacity:0}}.sonic-wavewrap{position:absolute;left:0;right:0;bottom:30%;height:54px;overflow:hidden;opacity:.6}.sonic-wave{position:absolute;inset:0;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='120' height='54' viewBox='0 0 120 54'><path d='M0 27 Q15 5 30 27 T60 27 T90 27 T120 27' fill='none' stroke='%2336d2c4' stroke-width='2'/></svg>");background-repeat:repeat-x;background-size:120px 54px;animation:sonic-scroll 5s linear infinite}@keyframes sonic-scroll{0%{background-position-x:0}to{background-position-x:120px}}.tile-card:hover .sonic-ring{animation-duration:2.6s}.motif-lux{background:radial-gradient(120% 110% at 50% 18%,hsla(40,68%,69%,.2),rgba(40,28,10,.22) 55%,transparent 76%)}.lux-glow{position:absolute;top:30%;left:50%;width:60%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,hsla(40,68%,69%,.5),transparent 65%);filter:blur(14px);animation:lux-breathe 7s ease-in-out infinite}@keyframes lux-breathe{0%,to{transform:translate(-50%,-50%) scale(.9);opacity:.55}50%{transform:translate(-50%,-50%) scale(1.1);opacity:.9}}.lux-sweep{position:absolute;top:-20%;left:-40%;width:28%;height:140%;transform:skewX(-18deg);background:linear-gradient(90deg,transparent,rgba(255,236,200,.4),transparent);filter:blur(7px);animation:lux-sweep-move 6.5s ease-in-out infinite}@keyframes lux-sweep-move{0%{left:-40%}60%,to{left:135%}}.lux-arch{position:absolute;bottom:-28%;left:50%;width:54%;aspect-ratio:1/1.35;transform:translateX(-50%);border:1px solid hsla(40,68%,69%,.3);border-radius:50% 50% 0 0/60% 60% 0 0}.motif-glitch{background:linear-gradient(135deg,rgba(40,0,0,.45),rgba(8,8,10,.6))}.glitch-word{position:absolute;top:30%;left:50%;transform:translate(-50%,-50%);font-family:var(--font-display);font-weight:800;text-transform:uppercase;font-size:clamp(2.4rem,8vw,4rem);letter-spacing:-.02em;color:hsla(40,32%,93%,.07);white-space:nowrap}.glitch-word:after,.glitch-word:before{content:attr(data-text);position:absolute;left:0;top:0;width:100%;height:100%;mix-blend-mode:screen}.glitch-word:before{color:#ff3b3b;clip-path:inset(0 0 56% 0);animation:glitch-a 2.8s steps(2) infinite}.glitch-word:after{color:#36d2c4;clip-path:inset(54% 0 0 0);animation:glitch-b 3.3s steps(2) infinite}@keyframes glitch-a{0%,90%,to{transform:translate(2px)}92%{transform:translate(-7px,-2px)}96%{transform:translate(6px,1px)}}@keyframes glitch-b{0%,88%,to{transform:translate(-2px)}90%{transform:translate(7px,2px)}95%{transform:translate(-6px,-1px)}}.glitch-scan{position:absolute;inset:0;background:repeating-linear-gradient(0deg,hsla(0,0%,100%,.045) 0 1px,transparent 1px 4px);mix-blend-mode:overlay;opacity:.5;animation:scan 7s linear infinite}@keyframes scan{0%{background-position-y:0}to{background-position-y:90px}}.motif-neural{background:radial-gradient(120% 100% at 60% 30%,rgba(155,140,255,.16),transparent 60%)}.neural-net{position:absolute;inset:0;width:100%;height:100%}.nn-links line{stroke:var(--accent);stroke-width:.8;opacity:.3}.nn-nodes circle{fill:var(--accent);opacity:.5;animation:nn-twinkle 3s ease-in-out infinite}.nn-nodes circle:nth-child(2){fill:#fff}.nn-nodes circle:nth-child(odd){animation-delay:1.2s}@keyframes nn-twinkle{0%,to{opacity:.3}50%{opacity:1}}.nn-pulse{fill:#fff;animation:nn-travel 4.2s ease-in-out infinite}@keyframes nn-travel{0%{cx:30;cy:30;opacity:0}8%{opacity:1}34%{cx:95;cy:60}62%{cx:160;cy:40}92%{cx:150;cy:100;opacity:1}to{cx:150;cy:100;opacity:0}}.neural-cursor{position:absolute;left:1.6rem;bottom:36%;font-family:var(--font-mono);font-size:.7rem;letter-spacing:.12em;color:var(--accent);opacity:.85}.neural-cursor:after{content:"";display:inline-block;width:7px;height:12px;background:var(--accent);margin-left:4px;vertical-align:-1px;animation:nn-blink 1s steps(2) infinite}@keyframes nn-blink{0%,50%{opacity:1}50.01%,to{opacity:0}}.skills{min-height:auto;position:relative}.skills-bg{position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.5;background-image:linear-gradient(hsla(40,32%,93%,.04) 1px,transparent 0),linear-gradient(90deg,hsla(40,32%,93%,.04) 1px,transparent 0);background-size:46px 46px;-webkit-mask-image:radial-gradient(72% 70% at 50% 42%,#000,transparent 86%);mask-image:radial-gradient(72% 70% at 50% 42%,#000,transparent 86%);animation:grid-drift 26s linear infinite}@keyframes grid-drift{0%{background-position:0 0,0 0}to{background-position:46px 46px,46px 46px}}.skills-head{position:relative;z-index:1;text-align:center;margin-bottom:3rem}.skills-title{font-family:var(--font-display);font-weight:700;letter-spacing:-.03em;line-height:1.04;font-size:clamp(1.9rem,5.5vw,4rem);margin:1.1rem auto 0;max-width:22ch}.skill-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(2,1fr);gap:1.3rem}.skill-cat{position:relative;border-radius:18px;padding:1.6rem 1.6rem 1.7rem;border:1px solid hsla(40,32%,93%,.1);background:linear-gradient(160deg,rgba(16,19,25,.74),rgba(8,10,14,.66));overflow:hidden;transition:border-color .5s ease,box-shadow .5s ease}.skill-cat:before{content:"";position:absolute;top:-42%;right:-30%;width:60%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--accent) 32%,transparent),transparent 70%);opacity:.5;pointer-events:none}.skill-cat:after{content:"";position:absolute;left:0;top:0;width:100%;height:2px;background:linear-gradient(90deg,var(--accent),transparent 70%);opacity:.7}.skill-cat:hover{border-color:color-mix(in srgb,var(--accent) 50%,transparent);box-shadow:0 22px 50px -32px var(--accent)}.skill-cat-head{display:flex;align-items:baseline;gap:.7rem;margin-bottom:1.1rem}.skill-num{font-family:var(--font-mono);font-size:.74rem;letter-spacing:.16em;color:var(--accent)}.skill-cat-title{font-family:var(--font-display);font-weight:600;letter-spacing:-.02em;font-size:clamp(1.1rem,2.4vw,1.5rem);color:var(--bone)}.skill-tools{display:flex;flex-wrap:wrap;gap:.5rem}.skill-chip,.skill-tag{display:inline-block}.skill-chip{cursor:default;font-family:var(--font-mono);font-size:.72rem;letter-spacing:.04em;color:var(--bone-2);padding:.5rem .85rem;border-radius:10px;border:1px solid hsla(40,32%,93%,.14);background:hsla(40,32%,93%,.03);transition:transform .25s cubic-bezier(.16,1,.3,1),color .3s ease,border-color .3s ease,background .3s ease,box-shadow .3s ease;will-change:transform}.skill-chip:hover{color:var(--bone);border-color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,transparent);box-shadow:0 0 18px -2px var(--accent)}@media (max-width:760px){.proj-grid,.skill-grid{grid-template-columns:1fr}.tile-card{min-height:300px}}.sound{position:fixed;right:var(--pad);bottom:1.4rem;z-index:55;display:inline-flex;align-items:center;gap:.6rem;padding:.5rem .85rem;border:1px solid var(--line-2);border-radius:999px;background:rgba(8,10,14,.5);backdrop-filter:blur(6px);font-family:var(--font-mono);font-size:.62rem;letter-spacing:.18em;text-transform:uppercase;color:var(--bone-3);transition:color .3s ease,border-color .3s ease}.sound:hover{color:var(--bone);border-color:var(--bone-3)}.sound.is-on{color:var(--amber);border-color:color-mix(in srgb,var(--amber) 50%,transparent)}.sound-bars{display:inline-flex;align-items:flex-end;gap:2px;height:12px}.sound-bars i{width:2px;height:3px;background:currentColor;border-radius:1px}.sound.is-on .sound-bars i{animation:eq 1s ease-in-out infinite}.sound.is-on .sound-bars i:nth-child(2){animation-delay:.2s}.sound.is-on .sound-bars i:nth-child(3){animation-delay:.4s}.sound.is-on .sound-bars i:nth-child(4){animation-delay:.1s}@keyframes eq{0%,to{height:3px}50%{height:12px}}.grain{position:fixed;top:-50%;left:-50%;width:200%;height:200%;z-index:70;pointer-events:none;opacity:.07;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:170px 170px;animation:grain-shift 1.1s steps(6) infinite}@keyframes grain-shift{0%{transform:translate(0)}20%{transform:translate(-4%,3%)}40%{transform:translate(3%,-4%)}60%{transform:translate(-3%,4%)}80%{transform:translate(4%,-2%)}to{transform:translate(0)}}.skills-3d{max-width:none;padding:0;min-height:auto}.skills-rail{position:relative;height:400vh}.skills-stage{position:relative;height:100vh;width:100%;overflow:hidden;perspective:1200px}.sticky-head{position:absolute;top:clamp(5rem,12vh,8rem);left:0;width:100%;margin:0;text-align:center;z-index:5;pointer-events:none;padding:0 var(--pad)}.skills-space{inset:0}.skills-carousel,.skills-space{position:absolute;transform-style:preserve-3d}.skills-carousel{top:50%;left:50%;width:0;height:0}.cluster{position:absolute;top:0;left:0;width:min(86vw,480px);transform-style:preserve-3d;backface-visibility:hidden;-webkit-backface-visibility:hidden;text-align:center}.cluster-inner{position:relative;padding:1rem}.cluster-num{position:absolute;top:50%;left:50%;transform:translate(-50%,-58%);font-family:var(--font-display);font-weight:800;font-size:clamp(8rem,22vw,16rem);line-height:1;letter-spacing:-.04em;color:color-mix(in srgb,var(--accent) 14%,transparent);z-index:0;pointer-events:none}.cluster-title{position:relative;z-index:1;font-family:var(--font-display);font-weight:700;letter-spacing:-.02em;font-size:clamp(1.6rem,4vw,2.6rem);color:var(--bone);margin-bottom:1.4rem}.cluster-tools{position:relative;z-index:1;list-style:none;flex-direction:column;gap:.55rem}.cluster-tools,.ctool{display:inline-flex;align-items:center}.ctool{gap:.6rem;font-family:var(--font-mono);font-size:.92rem;letter-spacing:.04em;color:var(--bone-2)}.ctool-dot{width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 10px 1px var(--accent)}.skills-dots{position:absolute;bottom:clamp(2rem,6vh,4rem);left:50%;transform:translateX(-50%);display:flex;gap:.7rem;z-index:5}.skills-dot{width:7px;height:7px;border-radius:50%;border:1px solid var(--line-2);background:transparent;transition:background .4s ease,border-color .4s ease,transform .4s ease,box-shadow .4s ease}.skills-dot.is-on{background:var(--accent);border-color:var(--accent);transform:scale(1.4);box-shadow:0 0 12px 1px var(--accent)}.sf-grid{z-index:1;display:grid;grid-template-columns:repeat(2,1fr);gap:1.2rem 2rem}.sf-cat,.sf-grid{position:relative}.sf-cat{border-left:2px solid var(--accent);padding:.3rem 0 .5rem 1.1rem}.sf-head{display:flex;align-items:baseline;gap:.6rem;margin-bottom:.7rem}.sf-num{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.14em;color:var(--accent)}.sf-title{font-family:var(--font-display);font-weight:600;font-size:1.15rem;color:var(--bone)}.sf-tools{display:flex;flex-wrap:wrap;gap:.4rem}.sf-chip{font-family:var(--font-mono);font-size:.68rem;letter-spacing:.04em;color:var(--bone-2);border:1px solid var(--line-2);border-radius:8px;padding:.3rem .6rem}.projects-3d{max-width:none;padding:0;min-height:auto}.work-rail{position:relative;height:340vh}.work-stage{position:relative;height:100vh;width:100%;overflow:hidden;perspective:1300px}.work-head .projects-title{font-size:clamp(1.4rem,3vw,2.2rem);margin:.5rem auto 0}.work-space{inset:0}.work-space,.work-track{position:absolute;transform-style:preserve-3d}.work-track{top:50%;left:50%;width:0;height:0}.work-card{position:absolute;top:0;left:0;width:min(88vw,560px);height:min(62vh,470px);transform-style:preserve-3d;will-change:transform,opacity,filter}.work-card .tile-card{width:100%;height:100%;min-height:0;border-radius:22px}.work-card .tile-card:hover{transform:none}.work-dots{position:absolute;bottom:clamp(2rem,6vh,4rem);left:50%;transform:translateX(-50%);display:flex;gap:.7rem;z-index:6}.work-dot{width:7px;height:7px;border-radius:50%;border:1px solid var(--line-2);background:transparent;transition:background .4s ease,border-color .4s ease,transform .4s ease,box-shadow .4s ease}.work-dot.is-on{background:var(--accent);border-color:var(--accent);transform:scale(1.4);box-shadow:0 0 12px 1px var(--accent)}.work-head.work-head-compact{top:clamp(3.5rem,8vh,5.5rem)}.projects-head.work-head-compact{margin-bottom:4.5rem}.projects-sub{margin:.7rem auto 0;max-width:30ch;font-family:var(--font-body);font-size:clamp(1.1rem,2.2vw,1.55rem);line-height:1.45;color:var(--bone-2);opacity:.78}.projects-3d .work-track{top:58%}.card{position:relative;display:flex;flex-direction:column;width:100%;height:100%;border-radius:22px;overflow:hidden;border:1.5px solid color-mix(in srgb,var(--accent) 40%,hsla(40,32%,93%,.12));background:linear-gradient(165deg,rgba(16,19,25,.95),rgba(8,10,14,.97));box-shadow:0 32px 80px -34px rgba(0,0,0,.92),0 0 60px -22px color-mix(in srgb,var(--accent) 70%,transparent);transition:transform .5s cubic-bezier(.16,1,.3,1),border-color .5s ease,box-shadow .5s ease;will-change:transform;text-decoration:none;color:inherit}.card:hover{border-color:color-mix(in srgb,var(--accent) 78%,transparent);box-shadow:0 36px 90px -34px rgba(0,0,0,.95),0 0 82px -16px color-mix(in srgb,var(--accent) 80%,transparent)}.card-preview{position:relative;display:block;flex:1 1 auto;min-height:0;overflow:hidden;border-bottom:1px solid color-mix(in srgb,var(--accent) 22%,hsla(40,32%,93%,.08))}.theme-sonic .card-preview{background:radial-gradient(120% 100% at 50% 32%,rgba(54,210,196,.16),transparent 60%)}.theme-lux .card-preview{background:radial-gradient(120% 110% at 50% 18%,hsla(40,68%,69%,.2),rgba(40,28,10,.22) 55%,transparent 76%)}.theme-glitch .card-preview{background:linear-gradient(135deg,rgba(40,0,0,.45),rgba(8,8,10,.6))}.theme-neural .card-preview{background:radial-gradient(120% 100% at 60% 30%,rgba(155,140,255,.16),transparent 60%)}.pv-index{left:1.2rem;font-size:.78rem;letter-spacing:.16em;color:var(--accent)}.pv-index,.pv-year{position:absolute;top:1rem;font-family:var(--font-mono);z-index:4}.pv-year{right:1.2rem;font-size:.72rem;letter-spacing:.12em;color:var(--bone-3)}.metric-chip{position:absolute;bottom:1rem;left:1.2rem;display:inline-flex;align-items:center;font-family:var(--font-mono);font-size:.66rem;letter-spacing:.18em;text-transform:uppercase;color:var(--accent);background:color-mix(in srgb,var(--accent) 14%,rgba(6,7,9,.72));border:1px solid color-mix(in srgb,var(--accent) 48%,transparent);border-radius:999px;padding:.34rem .7rem;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:4}.card-info{position:relative;z-index:2;display:flex;flex-direction:column;gap:.7rem;padding:1.2rem 1.4rem 1.35rem;background:linear-gradient(180deg,rgba(8,10,14,.55),rgba(8,10,14,.96))}.ci-head{display:flex;align-items:baseline;flex-wrap:wrap;gap:.6rem .9rem}.ci-name{font-family:var(--font-display);font-weight:700;letter-spacing:-.03em;line-height:.98;font-size:clamp(1.7rem,3.3vw,2.35rem);color:var(--bone)}.theme-lux .ci-name{font-family:var(--font-serif);font-style:italic;font-weight:400;letter-spacing:0;font-size:clamp(1.9rem,3.6vw,2.6rem)}.theme-glitch .ci-name{text-transform:uppercase;letter-spacing:-.01em}.ci-kind{font-family:var(--font-mono);font-size:.66rem;letter-spacing:.16em;text-transform:uppercase;color:var(--accent)}.ci-value{color:var(--bone-2);font-size:1.02rem;line-height:1.5;max-width:48ch}.ci-caps{display:flex;flex-wrap:wrap;gap:.4rem .42rem;margin-top:.1rem}.cap{font-family:var(--font-mono);font-size:.66rem;letter-spacing:.08em;text-transform:uppercase;color:var(--bone-2);border:1px solid color-mix(in srgb,var(--accent) 26%,hsla(40,32%,93%,.14));background:color-mix(in srgb,var(--accent) 7%,transparent);border-radius:8px;padding:.32rem .6rem}.ci-cta{align-self:flex-start;display:inline-flex;align-items:center;gap:.6rem;margin-top:.45rem;padding:.72rem 1.1rem;border-radius:11px;color:var(--bone);background:color-mix(in srgb,var(--accent) 16%,hsla(0,0%,100%,.02));border:1px solid color-mix(in srgb,var(--accent) 55%,transparent);box-shadow:0 10px 28px -16px var(--accent);transition:background .35s ease,border-color .35s ease,box-shadow .35s ease}.ci-cta-label{font-family:var(--font-mono);font-size:.74rem;letter-spacing:.18em;text-transform:uppercase}.ci-cta-arrow{color:var(--accent);transition:transform .35s ease}.card:hover .ci-cta{background:color-mix(in srgb,var(--accent) 30%,hsla(0,0%,100%,.02));border-color:var(--accent);box-shadow:0 14px 34px -14px var(--accent)}.card:hover .ci-cta-arrow{transform:translate(3px,-3px)}.frag{position:absolute;z-index:3;font-family:var(--font-mono);color:var(--bone);backdrop-filter:blur(10px) saturate(140%);-webkit-backdrop-filter:blur(10px) saturate(140%)}.frag-tile{border-radius:12px;background:color-mix(in srgb,var(--accent) 9%,rgba(6,7,9,.7));border:1px solid color-mix(in srgb,var(--accent) 30%,hsla(40,32%,93%,.14));box-shadow:0 14px 36px -22px rgba(0,0,0,.9);padding:.7rem .85rem;display:flex;flex-direction:column;gap:.32rem}.frag-label{font-size:.6rem;letter-spacing:.18em;text-transform:uppercase;color:var(--bone-3)}.frag-sonic-stat{top:2.6rem;right:1.2rem;width:11rem;color:var(--accent)}.frag-sonic-stat .frag-label{color:var(--bone-2)}.frag-stat{font-family:var(--font-display);font-weight:700;font-size:1.6rem;letter-spacing:-.02em;line-height:1;color:var(--bone)}.frag-spark{width:100%;height:22px;margin-top:.15rem;color:var(--accent)}.frag-bars{position:absolute;bottom:3.4rem;right:1.4rem;display:flex;align-items:flex-end;gap:4px;height:40px;z-index:3}.frag-bar{width:7px;background:linear-gradient(180deg,var(--accent),color-mix(in srgb,var(--accent) 40%,transparent));border-radius:2px;box-shadow:0 0 8px -2px var(--accent)}.frag-lux-book{top:2.6rem;right:1.2rem;width:11.5rem}.frag-dates{display:flex;gap:3px;margin-top:.15rem}.frag-date{flex:1;height:18px;border-radius:4px;background:hsla(40,32%,93%,.08);border:1px solid hsla(40,32%,93%,.12)}.frag-date.is-on{background:color-mix(in srgb,var(--accent) 38%,transparent);border-color:var(--accent)}.frag-cta{align-self:flex-start;margin-top:.45rem;padding:.32rem .55rem;font-size:.62rem;letter-spacing:.16em;text-transform:uppercase;color:var(--bone);background:color-mix(in srgb,var(--accent) 30%,transparent);border:1px solid var(--accent);border-radius:6px}.frag-glitch-drop{bottom:3.4rem;right:1.2rem;width:9.5rem}.frag-glitch-drop .frag-price{font-family:var(--font-display);font-weight:700;font-size:1.45rem;color:var(--bone)}.frag-flow{bottom:3.6rem;left:50%;transform:translateX(-50%);display:inline-flex;align-items:center;gap:.45rem;padding:.45rem .7rem;border-radius:999px;background:color-mix(in srgb,var(--accent) 12%,rgba(6,7,9,.7));border:1px solid color-mix(in srgb,var(--accent) 36%,transparent);box-shadow:0 10px 30px -18px var(--accent)}.frag-node{font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;color:var(--bone);padding:.22rem .5rem;border-radius:999px;background:hsla(40,32%,93%,.06)}.frag-arrow{color:var(--accent);font-size:.72rem}.motif-name-shadow{display:none}.work-card .card{width:100%;height:100%;border-radius:22px}.work-card .card:hover{transform:none}.work-card{width:min(90vw,600px);height:min(72vh,560px)}.proj-grid .card{min-height:480px}.projects-3d .card{box-shadow:0 36px 90px -32px rgba(0,0,0,.95),0 0 72px -18px color-mix(in srgb,var(--accent) 76%,transparent)}@media (max-width:760px){.work-card{width:92vw;height:78vh}.frag-lux-book,.frag-sonic-stat{width:9.5rem;right:.8rem;top:2.2rem}.frag-glitch-drop{right:.8rem}}.skills-frame .skills-rail{height:460vh}.skills-head.skills-head-compact{top:clamp(3.2rem,7.5vh,5rem);text-align:center}.skills-sub{margin:.6rem auto 0;font-family:var(--font-body);font-size:clamp(1.05rem,2vw,1.5rem);line-height:1.45;color:var(--bone-2);opacity:.72;max-width:32ch}.skills-panel{position:absolute;left:50%;top:44%;transform:translate(-50%,-50%);width:min(1180px,calc(100vw - 2 * var(--pad)));display:grid;grid-template-columns:minmax(220px,320px) 1fr;gap:clamp(2rem,5vw,4.5rem);align-items:start;z-index:4}.cap-index{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.1rem;border-left:1px solid hsla(40,32%,93%,.06)}.cap-row,.cap-row-wrap{position:relative}.cap-row{display:flex;align-items:baseline;gap:.7rem;width:100%;padding:.22rem .7rem .22rem 1.05rem;margin-left:-1px;background:transparent;border:0;text-align:left;cursor:pointer;color:var(--bone);opacity:.55;transition:opacity .4s ease,transform .4s cubic-bezier(.16,1,.3,1)}.cap-row:hover{opacity:.85}.cap-row.is-on{opacity:1;transform:translateX(6px)}.cap-row-bar{position:absolute;top:12%;bottom:12%;left:-1px;width:2px;background:var(--accent);border-radius:2px;opacity:0;transform:scaleY(.4);transform-origin:top;transition:opacity .4s ease,transform .4s ease,box-shadow .4s ease}.cap-row.is-on .cap-row-bar{opacity:1;transform:scaleY(1);box-shadow:0 0 14px 1px var(--accent)}.cap-row-num{font-family:var(--font-mono);font-size:.74rem;letter-spacing:.18em;color:var(--bone-3);flex-shrink:0;min-width:2.2rem;transition:color .35s ease}.cap-row.is-on .cap-row-num{color:var(--accent)}.cap-row-title{font-family:var(--font-display);font-weight:600;letter-spacing:-.01em;font-size:clamp(.98rem,1.35vw,1.18rem);line-height:1.4;color:var(--bone-2);transition:color .35s ease}.cap-row.is-on .cap-row-title{color:var(--bone)}.cap-detail-wrap{position:relative;min-height:320px}.cap-detail{position:absolute;inset:0;display:flex;flex-direction:column;gap:1.1rem;opacity:0;transform:translateY(10px);pointer-events:none;transition:opacity .5s cubic-bezier(.22,1,.36,1),transform .5s cubic-bezier(.22,1,.36,1)}.cap-detail.is-on{opacity:1;transform:translateY(0);pointer-events:auto}.cap-detail-num{font-family:var(--font-mono);font-size:.78rem;letter-spacing:.2em;color:var(--accent)}.cap-detail-title{font-family:var(--font-display);font-weight:700;letter-spacing:-.025em;line-height:1;font-size:clamp(2rem,4.4vw,3.1rem);color:var(--bone)}.cap-detail-desc{color:var(--bone-2);font-size:clamp(1rem,1.5vw,1.2rem);line-height:1.5;max-width:36ch}.cap-detail-tools{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:.4rem}.cap-chip{font-family:var(--font-mono);font-size:.82rem;letter-spacing:.02em;color:var(--bone);background:color-mix(in srgb,var(--accent) 13%,hsla(0,0%,100%,.02));border:1px solid color-mix(in srgb,var(--accent) 48%,transparent);border-radius:9px;padding:.5rem .82rem;transition:background .3s ease,border-color .3s ease,transform .25s ease,box-shadow .3s ease}.cap-chip:hover{background:color-mix(in srgb,var(--accent) 22%,hsla(0,0%,100%,.04));border-color:var(--accent);box-shadow:0 0 18px -4px var(--accent)}.cluster,.cluster-num,.cluster-title,.cluster-tools,.skills-carousel,.skills-dots{display:none!important}.sf-descriptor{font-family:var(--font-body);font-size:.95rem;line-height:1.45;color:var(--bone-2);margin:.4rem 0 .85rem;max-width:32ch}.sf-grid{grid-template-columns:repeat(3,1fr)}@media (max-width:1100px){.sf-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:760px){.sf-grid{grid-template-columns:1fr}}@media (max-width:900px){.skills-panel{grid-template-columns:1fr;top:50%;gap:1.6rem}.cap-detail-wrap{min-height:240px}.cap-row-title{font-size:1.05rem}}:root{--jd-violet:#9b8cff;--jd-violet-2:#cab9ff;--jd-cyan:#8fe3e6;--jd-green:#8fe6a8}.jd-overlay{position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;padding:clamp(1rem,3vw,2rem);background:rgba(3,4,6,.72);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);animation:jd-overlay-in .32s ease forwards}@keyframes jd-overlay-in{0%{opacity:0}to{opacity:1}}.jd-panel{position:relative;width:min(940px,96vw);max-height:92vh;overflow-y:auto;padding:1.5rem 1.6rem 1.7rem;border-radius:22px;border:1px solid color-mix(in srgb,var(--jd-violet) 38%,hsla(40,32%,93%,.1));background:linear-gradient(165deg,rgba(17,16,28,.96),rgba(8,9,14,.98));box-shadow:0 50px 120px -40px rgba(0,0,0,.96),0 0 80px -22px color-mix(in srgb,var(--jd-violet) 80%,transparent);color:var(--bone);animation:jd-panel-in .5s cubic-bezier(.16,1,.3,1) forwards}@keyframes jd-panel-in{0%{opacity:0;transform:translateY(26px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.jd-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.7rem}.jd-head-left{display:inline-flex;align-items:center;gap:.7rem}.jd-dot{width:10px;height:10px;border-radius:50%;background:var(--jd-violet);box-shadow:0 0 14px 1px var(--jd-violet);animation:jd-pulse 1.4s ease-in-out infinite}@keyframes jd-pulse{0%,to{transform:scale(.85);opacity:.85}50%{transform:scale(1.12);opacity:1}}.jd-title{font-family:var(--font-display);font-weight:700;letter-spacing:-.02em;font-size:clamp(1.5rem,2.6vw,2rem);color:var(--bone);margin:0}.jd-pill{font-family:var(--font-mono);font-size:.62rem;letter-spacing:.22em;text-transform:uppercase;color:var(--jd-violet);border:1px solid color-mix(in srgb,var(--jd-violet) 50%,transparent);background:color-mix(in srgb,var(--jd-violet) 14%,rgba(6,7,9,.7));padding:.28rem .6rem;border-radius:999px}.jd-x{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:1px solid hsla(40,32%,93%,.14);border-radius:9px;color:var(--bone-2);cursor:pointer;transition:color .25s ease,border-color .25s ease,background .25s ease,box-shadow .25s ease}.jd-x svg{width:14px;height:14px}.jd-x:hover{color:var(--jd-violet);border-color:var(--jd-violet);background:color-mix(in srgb,var(--jd-violet) 12%,transparent);box-shadow:0 0 18px -4px var(--jd-violet)}.jd-intro{font-family:var(--font-body);color:var(--bone-2);font-size:.98rem;line-height:1.55;margin:.2rem 0 1.1rem;max-width:60ch}.jd-stats{list-style:none;padding:0;margin:0 0 1.2rem;display:flex;flex-wrap:wrap;gap:1.4rem 2.2rem}.jd-stats li{display:inline-flex;flex-direction:column;gap:.18rem;font-family:var(--font-mono)}.jd-stat-num{font-size:1.1rem;letter-spacing:.02em;color:var(--bone)}.jd-stat-lbl{font-size:.62rem;letter-spacing:.2em;text-transform:uppercase;color:var(--bone-3)}.jd-pipe{display:grid;grid-template-columns:repeat(4,1fr);align-items:start;gap:0;margin:.4rem 0 1.4rem}.jd-stage{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;padding:0 .4rem}.jd-node{position:relative;width:54px;height:54px;border-radius:16px;border:1px solid hsla(40,32%,93%,.14);background:hsla(0,0%,100%,.02);color:var(--bone-2);transition:transform .45s cubic-bezier(.16,1,.3,1),border-color .45s ease,background .45s ease,box-shadow .45s ease,color .35s ease,opacity .45s ease;opacity:.5}.jd-node,.jd-node-icon{display:inline-flex;align-items:center;justify-content:center}.jd-node-icon{width:26px;height:26px}.jd-node-icon svg{width:100%;height:100%}.jd-node.is-active{opacity:1;color:var(--jd-violet);border-color:var(--jd-violet);background:color-mix(in srgb,var(--jd-violet) 14%,rgba(6,7,9,.7));box-shadow:0 0 0 1px color-mix(in srgb,var(--jd-violet) 35%,transparent),0 0 28px -2px var(--jd-violet);transform:translateY(-4px)}.jd-node.is-done{opacity:.9;color:var(--jd-violet);border-color:color-mix(in srgb,var(--jd-violet) 50%,transparent);background:color-mix(in srgb,var(--jd-violet) 8%,rgba(6,7,9,.6))}.jd-node-ping{position:absolute;inset:-6px;border-radius:22px;border:1px solid var(--jd-violet);opacity:.6;animation:jd-ping 1.05s ease-out forwards;pointer-events:none}@keyframes jd-ping{0%{transform:scale(.85);opacity:.7}to{transform:scale(1.55);opacity:0}}.jd-node-lbl{margin-top:.55rem;font-family:var(--font-display);font-weight:600;font-size:.92rem;letter-spacing:-.005em;color:var(--bone)}.jd-node-sub{font-family:var(--font-mono);font-size:.6rem;letter-spacing:.18em;text-transform:uppercase;color:var(--bone-3);margin-top:.15rem}.jd-wire{position:absolute;top:26px;right:-50%;width:100%;height:2px;background:hsla(40,32%,93%,.1);border-radius:1px;overflow:hidden}.jd-wire-fill{position:absolute;inset:0;background:linear-gradient(90deg,var(--jd-violet),var(--jd-violet-2));transform:scaleX(0);transform-origin:left;transition:transform .7s cubic-bezier(.4,0,.2,1);box-shadow:0 0 12px 0 var(--jd-violet)}.jd-wire.is-on .jd-wire-fill{transform:scaleX(1)}.jd-tools{display:flex;align-items:center;flex-wrap:wrap;gap:.7rem 1rem;margin:0 0 1rem}.jd-tools-lbl{font-family:var(--font-mono);font-size:.62rem;letter-spacing:.22em;text-transform:uppercase;color:var(--bone-3)}.jd-tools-list{list-style:none;padding:0;margin:0;display:inline-flex;flex-wrap:wrap;gap:.5rem}.jd-tool{font-family:var(--font-mono);font-size:.78rem;letter-spacing:.04em;color:var(--bone-3);background:hsla(0,0%,100%,.02);border:1px solid hsla(40,32%,93%,.12);border-radius:9px;padding:.42rem .7rem;opacity:.55;transition:opacity .4s ease,color .4s ease,border-color .4s ease,background .4s ease,box-shadow .4s ease}.jd-tool.is-on{opacity:1;color:var(--bone);border-color:var(--jd-violet);background:color-mix(in srgb,var(--jd-violet) 16%,hsla(0,0%,100%,.02));box-shadow:0 0 18px -6px var(--jd-violet)}.jd-term{position:relative;height:180px;overflow-y:auto;border-radius:12px;border:1px solid hsla(40,32%,93%,.08);background:rgba(4,5,8,.7);padding:.8rem 1rem;font-family:var(--font-mono);font-size:.82rem;line-height:1.55;margin-bottom:1rem;scroll-behavior:smooth}.jd-term::-webkit-scrollbar{width:6px}.jd-term::-webkit-scrollbar-thumb{background:rgba(155,140,255,.25);border-radius:3px}.jd-line{display:flex;align-items:baseline;gap:.55rem;animation:jd-line-in .35s ease forwards}@keyframes jd-line-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.jd-line-mark{display:inline-block;width:.9rem;flex-shrink:0;color:inherit;opacity:.85}.jd-line-text{word-break:break-word}.jd-line-trig{color:var(--bone-2)}.jd-line-brain{color:var(--jd-violet)}.jd-line-tool{color:var(--jd-cyan)}.jd-line-ok{color:var(--jd-green)}.jd-line-prompt .jd-line-mark{color:var(--jd-violet)}.jd-caret{display:inline-block;width:8px;height:14px;background:var(--jd-violet);margin-left:2px;vertical-align:-2px;animation:jd-caret-blink 1s steps(2) infinite}@keyframes jd-caret-blink{0%,50%{opacity:1}50.01%,to{opacity:0}}.jd-foot{font-family:var(--font-body);color:var(--bone-3);font-size:.82rem;margin:0;line-height:1.5}.ci-cta.as-button{cursor:pointer;font:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none}.ci-cta.as-button .ci-cta-arrow{font-size:.7em;transform:translateX(0)}.card:hover .ci-cta.as-button .ci-cta-arrow{transform:translateX(3px)}@media (prefers-reduced-motion:reduce){.jd-node-ping{display:none}.jd-caret,.jd-line{animation:none}.jd-caret{opacity:.7}.jd-dot{animation:none}}@media (max-width:720px){.jd-panel{padding:1.2rem 1.1rem 1.4rem}.jd-stats{gap:.7rem 1.4rem}.jd-node-sub{display:none}.jd-node{width:46px;height:46px;border-radius:14px}.jd-node-icon{width:22px;height:22px}.jd-wire{top:22px}.jd-term{height:150px;font-size:.74rem}}