.portfolio-container{width:min(1240px,100% - 96px);margin-inline:auto}.portfolio-hero{isolation:isolate;min-height:min(100svh - 72px,980px);color:var(--color-text-main);border-bottom:1px solid var(--color-border);background:radial-gradient(60% 70% at 78% 35%,#8b6cff29,#0000 70%),radial-gradient(50% 60% at 10% 20%,#3ee6ff1f,#0000 70%),linear-gradient(#04060b 0%,#060a12 100%);flex-direction:column;display:flex;position:relative;overflow:hidden}.hero-canvas{z-index:-1;width:100%;height:100%;position:absolute;inset:0;-webkit-mask-image:radial-gradient(85% 80% at 50% 45%,#000 40%,#0000 100%);mask-image:radial-gradient(85% 80% at 50% 45%,#000 40%,#0000 100%)}.hero-floor{z-index:-2;transform-origin:bottom;opacity:.3;background-image:linear-gradient(#3ee6ff47 1px,#0000 1px),linear-gradient(90deg,#3ee6ff47 1px,#0000 1px);background-size:64px 64px;height:48%;animation:2.8s linear infinite floor-move;position:absolute;bottom:0;left:-50%;right:-50%;transform:perspective(520px)rotateX(64deg);-webkit-mask-image:linear-gradient(#0000 20%,#000000e6 100%);mask-image:linear-gradient(#0000 20%,#000000e6 100%)}@keyframes floor-move{to{background-position:0 64px,0 0}}.hero-spotlight{z-index:-1;pointer-events:none;background:radial-gradient(520px circle at var(--hx,72%) var(--hy,40%), #3ee6ff17, transparent 60%);transition:background .2s;position:absolute;inset:0}.hero-grid{flex:1;grid-template-columns:1.08fr 1fr;align-items:center;gap:48px;padding-block:72px 56px;display:grid}.portfolio-kicker{font:500 11px/1.5 var(--font-mono);letter-spacing:.16em;color:var(--color-accent);text-transform:uppercase;align-items:center;gap:10px;display:flex}.portfolio-kicker:before{content:"";background:currentColor;flex-shrink:0;width:18px;height:1px;box-shadow:0 0 8px}.hero-status{border:1px solid var(--color-accent-border);color:#bfeeff;font:500 11px/1.5 var(--font-mono);letter-spacing:.12em;backdrop-filter:blur(6px);background:#3ee6ff0f;border-radius:999px;flex-wrap:wrap;align-items:center;gap:10px;padding:7px 14px 7px 12px;display:inline-flex}.hero-status-sep{color:var(--color-text-subtle)}.status-dot{background:var(--color-accent-3);width:7px;height:7px;box-shadow:0 0 10px var(--color-accent-3);border-radius:50%;flex-shrink:0;animation:2s ease-out infinite status-ping;display:inline-block}@keyframes status-ping{0%{box-shadow:0 0 #5dffb099,0 0 10px #5dffb0e6}70%{box-shadow:0 0 0 8px #5dffb000,0 0 10px #5dffb0e6}to{box-shadow:0 0 #5dffb000,0 0 10px #5dffb0e6}}.hero-copy h1{letter-spacing:-.045em;color:inherit;margin:30px 0 22px;font-size:clamp(40px,5vw,74px);font-weight:700;line-height:1.16}.hero-line{animation:.9s cubic-bezier(.2,.7,.2,1) both line-rise;display:block}.hero-line+.hero-line{animation-delay:.15s}@keyframes line-rise{0%{opacity:0;filter:blur(8px);transform:translateY(24px)}to{opacity:1;filter:none;transform:none}}.hero-highlight{background:linear-gradient(100deg,#3ee6ff 0%,#8b6cff 40%,#d56bff 60%,#3ee6ff 100%) 0 0/220% 100%;color:#0000;filter:drop-shadow(0 0 22px #3ee6ff40);-webkit-background-clip:text;background-clip:text;animation:6s linear infinite gradient-pan;display:inline-block;position:relative}.hero-highlight:before,.hero-highlight:after{content:attr(data-text);opacity:0;pointer-events:none;position:absolute;inset:0}.hero-highlight:before{-webkit-text-fill-color:#3ee6ff;animation:7s step-end infinite glitch-a}.hero-highlight:after{-webkit-text-fill-color:#ff5bd6;animation:7s step-end infinite glitch-b}@keyframes gradient-pan{to{background-position:-220% 0}}@keyframes glitch-a{0%,91%,to{opacity:0;clip-path:inset(0);transform:none}92%{opacity:.8;clip-path:inset(10% 0 55%);transform:translate(-3px,1px)}94%{opacity:.8;clip-path:inset(60% 0 8%);transform:translate(3px,-1px)}96%{opacity:.6;clip-path:inset(35% 0);transform:translate(-2px)}}@keyframes glitch-b{0%,92%,to{opacity:0;clip-path:inset(0);transform:none}93%{opacity:.7;clip-path:inset(45% 0 20%);transform:translate(3px)}95%{opacity:.7;clip-path:inset(5% 0 70%);transform:translate(-3px,1px)}}.hero-terminal{min-height:28px;font:500 15px/1.6 var(--font-mono);color:var(--color-text-muted);align-items:center;margin-bottom:14px;display:flex}.terminal-prompt{color:var(--color-accent-3);margin-right:6px}.terminal-arrow{color:var(--color-accent-2)}.typed{color:#fff;text-shadow:0 0 14px #3ee6ff99}.caret{vertical-align:-.18em;background:var(--color-accent);width:9px;height:1.1em;box-shadow:0 0 10px var(--color-accent);margin-left:4px;animation:1s step-end infinite caret-blink;display:inline-block}@keyframes caret-blink{50%{opacity:0}}.hero-description{color:var(--color-text-muted);font-size:17px;line-height:1.9}.hero-identity{flex-wrap:wrap;gap:10px;margin-top:24px;font-size:12px;display:flex}.hero-identity li{border:1px solid var(--color-border-strong);color:var(--color-text-secondary);background:#ffffff08;border-radius:8px;padding:6px 12px}.hero-identity strong{color:var(--color-accent);font-family:var(--font-mono)}.portfolio-actions{flex-wrap:wrap;align-items:center;gap:28px;margin-top:36px;display:flex}.portfolio-button{background:var(--gradient-accent);color:#03111a;border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:18px;min-height:52px;padding:16px 24px;font-size:14px;font-weight:650;transition:transform .25s,box-shadow .25s;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 0 0 1px #3ee6ff4d,0 10px 40px -10px #3ee6ff99}.portfolio-button>*{z-index:1;position:relative}.portfolio-button:after{content:"";background:linear-gradient(110deg,#0000 20%,#fff6 45%,#0000 70%);animation:4.5s ease-in-out infinite button-shine;position:absolute;inset:0;transform:translate(-120%)}@keyframes button-shine{0%,60%{transform:translate(-120%)}85%,to{transform:translate(120%)}}.portfolio-button:hover{color:#03111a;transform:translateY(-2px);box-shadow:0 0 0 1px #3ee6ff99,0 14px 50px -8px #3ee6ffbf,0 0 60px #8b6cff59}.hero-secondary{min-height:44px;color:var(--color-text-secondary);border-bottom:1px solid #0000;align-items:center;gap:10px;font-size:13px;display:inline-flex}.hero-secondary:hover{color:var(--color-accent);border-bottom-color:var(--color-accent-border)}.system-art{backdrop-filter:blur(6px);min-width:0;transform-style:preserve-3d;will-change:transform;background:radial-gradient(80% 60% at 60% 40%,#3ee6ff12,#0000 70%),linear-gradient(#0a1220b8,#060a1280);border:1px solid #3ee6ff24;border-radius:20px;flex-direction:column;justify-content:center;align-self:center;padding:20px 22px 18px;transition:transform .35s cubic-bezier(.2,.7,.2,1);animation:1.1s cubic-bezier(.2,.7,.2,1) .2s backwards panel-in;display:flex;position:relative;box-shadow:0 30px 80px -30px #000c,inset 0 1px #ffffff0d}@keyframes panel-in{0%{opacity:0;transform:translateY(30px)scale(.97)}}.hud-corner{border:0 solid var(--color-accent);filter:drop-shadow(0 0 6px #3ee6ffcc);width:18px;height:18px;position:absolute}.hud-corner.tl{border-top-width:2px;border-left-width:2px;border-top-left-radius:20px;top:-1px;left:-1px}.hud-corner.tr{border-top-width:2px;border-right-width:2px;border-top-right-radius:20px;top:-1px;right:-1px}.hud-corner.bl{border-bottom-width:2px;border-left-width:2px;border-bottom-left-radius:20px;bottom:-1px;left:-1px}.hud-corner.br{border-bottom-width:2px;border-right-width:2px;border-bottom-right-radius:20px;bottom:-1px;right:-1px}.art-topline,.art-caption{color:#8fb8cc;font:9.5px/1.5 var(--font-mono);letter-spacing:.08em;justify-content:space-between;align-items:center;gap:12px;display:flex}.art-topline{border-bottom:1px dashed #3ee6ff2e;padding-bottom:10px}.art-live{color:var(--color-accent-3);align-items:center;gap:6px;display:inline-flex}.art-live i{background:var(--color-accent-3);width:6px;height:6px;box-shadow:0 0 8px var(--color-accent-3);border-radius:50%;animation:1.4s step-end infinite caret-blink}.building-drawing{width:100%;height:auto;max-height:400px;margin-block:6px;overflow:visible}.art-pipeline{grid-template-columns:repeat(4,1fr);gap:8px;margin:4px 0 12px;display:grid}.art-pipeline li{border:1px solid var(--color-border);color:var(--color-text-muted);animation:5.6s ease-in-out infinite step-on;animation-delay:calc(var(--i) * 1.4s);background:#ffffff05;border-radius:8px;flex-direction:column;gap:2px;padding:8px 10px;font-size:11px;display:flex;position:relative}.art-pipeline li span{font:600 10px/1.4 var(--font-mono);letter-spacing:.12em;color:var(--color-accent)}.art-pipeline li+li:before{content:"›";color:var(--color-text-subtle);font-size:12px;position:absolute;top:50%;left:-8px;transform:translate(-50%,-50%)}@keyframes step-on{0%,30%,to{border-color:var(--color-border);box-shadow:none}10%,20%{border-color:#3ee6ff8c;box-shadow:0 0 18px #3ee6ff33,inset 0 0 12px #3ee6ff14}}.art-caption{color:var(--color-text-muted);font-size:11px}.art-cross{color:var(--color-accent);font-size:18px}.signal-path{stroke-dasharray:14 10;animation:1.2s linear infinite dash-flow}.riser-path{stroke-dasharray:4 7;animation:.9s linear infinite dash-flow}.uplink-path{stroke-dasharray:3 6;animation:.8s linear infinite dash-flow}@keyframes dash-flow{to{stroke-dashoffset:-24px}}.floor-line{animation:4.2s ease-in-out infinite floor-glow}@keyframes floor-glow{0%,70%,to{stroke-opacity:.3}15%,35%{stroke-opacity:1;stroke:#9af4ff}}.pv-array path{fill-opacity:.14;stroke-opacity:.65;animation:3.2s ease-in-out infinite pv-shimmer}@keyframes pv-shimmer{0%,to{fill-opacity:.12}45%{fill-opacity:.55}}.pulse-ring{transform-box:fill-box;transform-origin:50%;animation:2.4s ease-out infinite pulse-ring}@keyframes pulse-ring{0%{opacity:.9;transform:scale(1)}to{opacity:0;transform:scale(4.2)}}.ai-orbit{transform-box:fill-box;transform-origin:50%;animation:9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.scan-beam{animation:5.5s cubic-bezier(.45,0,.55,1) infinite scan}@keyframes scan{0%{opacity:0;transform:translateY(40px)}10%,85%{opacity:1}to{opacity:0;transform:translateY(430px)}}.hero-bottom{border-top:1px solid var(--color-border);color:var(--color-text-subtle);font:10px/1.6 var(--font-mono);letter-spacing:.12em;justify-content:space-between;gap:20px;padding-block:20px;display:flex;position:relative}.hero-bottom a{min-height:24px;color:var(--color-text-muted);align-items:center;gap:12px;display:flex}.hero-bottom a:hover{color:var(--color-accent)}.hero-bottom a svg{animation:1.8s ease-in-out infinite nudge}@keyframes nudge{50%{transform:translateY(4px)}}.ticker{border-bottom:1px solid var(--color-border);background:linear-gradient(90deg,#3ee6ff0a,#8b6cff0d);overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000);mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000)}.ticker-track{width:max-content;animation:48s linear infinite ticker;display:flex}.ticker:hover .ticker-track{animation-play-state:paused}.ticker-group{flex-shrink:0;display:flex}.ticker-group span{white-space:nowrap;color:var(--color-text-muted);font:500 12px/1 var(--font-mono);letter-spacing:.14em;align-items:center;gap:28px;padding:16px 0 16px 28px;display:inline-flex}.ticker-group i{color:var(--color-accent);text-shadow:0 0 10px var(--color-accent);font-style:normal}@keyframes ticker{to{transform:translate(-50%)}}.glow-card{isolation:isolate;position:relative}.glow-card:before,.glow-card:after{content:"";pointer-events:none;border-radius:inherit;opacity:0;transition:opacity .35s;position:absolute}.glow-card:before{z-index:-1;background:radial-gradient(420px circle at var(--mx,50%) var(--my,0%), #3ee6ff1a, transparent 45%);inset:0}.glow-card:after{z-index:2;background:radial-gradient(280px circle at var(--mx,50%) var(--my,0%), #3ee6ffe6, #8b6cff80 40%, transparent 70%);-webkit-mask-composite:xor;padding:1px;inset:-1px;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-composite:exclude;mask-mode:match-source,match-source}.glow-card:hover:before,.glow-card:hover:after{opacity:1}.evidence-strip{grid-template-columns:repeat(4,1fr);gap:16px;padding-block:56px 8px;display:grid}.evidence-strip>div{border:1px solid var(--color-border);backdrop-filter:blur(8px);background:linear-gradient(#141e3099,#090e1899);border-radius:16px;flex-direction:column;padding:24px 24px 28px;display:flex;overflow:hidden}.evidence-strip strong{font:400 46px/1.25 "Geist Pixel", var(--font-mono);letter-spacing:-.02em;background:var(--gradient-accent);color:#0000;font-variant-numeric:tabular-nums;-webkit-background-clip:text;background-clip:text}.evidence-strip small{font:500 14px/1 var(--font-sans);letter-spacing:0}.evidence-strip strong.evidence-text{font:700 30px/1.6 var(--font-sans);letter-spacing:-.02em;background:var(--gradient-energy);-webkit-background-clip:text;background-clip:text;padding-top:5px}.evidence-strip span:not([data-count]){color:var(--color-text-muted);margin-top:8px;font-size:12px}.evidence-bar{background:#94b2de1f;border-radius:2px;height:2px;position:absolute;bottom:14px;left:24px;right:24px}.evidence-bar:after{content:"";border-radius:inherit;background:var(--gradient-accent);transform-origin:0;transform:scaleX(var(--fill));transition:transform 1.6s cubic-bezier(.2,.7,.2,1) .3s;position:absolute;inset:0;box-shadow:0 0 10px #3ee6ff99}.reveal-ready .evidence-bar:after{transform:scaleX(0)}.revealed .evidence-bar:after{transform:scaleX(var(--fill))}.portfolio-section{padding-block:100px}.portfolio-section-heading{justify-content:space-between;align-items:flex-end;gap:36px;margin-bottom:44px;display:flex}.portfolio-section-heading h2{letter-spacing:-.035em;margin-top:16px;font-size:clamp(28px,3vw,42px);font-weight:700;line-height:1.35}.portfolio-section-heading>p{max-width:380px;font-size:13px;line-height:1.9}.selected-grid{grid-template-columns:1.4fr 1fr;gap:20px;display:grid}.showcase{border:1px solid var(--color-border);backdrop-filter:blur(10px);background:linear-gradient(#141e30b3,#090e18b3);border-radius:20px;transition:transform .35s cubic-bezier(.2,.7,.2,1),border-color .3s,box-shadow .35s;display:block;overflow:hidden}.showcase:hover{border-color:var(--color-border-hover);transform:translateY(-6px);box-shadow:0 30px 60px -30px #3ee6ff59}.showcase-featured{flex-direction:column;display:flex}.showcase-image{background:#070d1a;flex:1;min-height:340px;position:relative;overflow:hidden}.showcase-image img{-o-object-fit:cover;object-fit:cover;filter:saturate(1.1)contrast(1.05);width:100%;height:100%;transition:transform .8s cubic-bezier(.2,.7,.2,1),filter .5s;position:absolute}.showcase-featured:hover img{transform:scale(1.05)}.image-scan{pointer-events:none;background:linear-gradient(#0000 0%,#3ee6ff2e 50%,#0000 52%) 0 -100%/100% 200% no-repeat,repeating-linear-gradient(0deg,#00000024 0 1px,#0000 1px 3px),linear-gradient(#0000 55%,#05080ed9 100%);animation:6s linear infinite image-scan;position:absolute;inset:0}@keyframes image-scan{to{background-position:0 200%,0 0,0 0}}.image-label,.image-tag{font:9.5px/1.5 var(--font-mono);letter-spacing:.14em;backdrop-filter:blur(8px);border-radius:999px;padding:7px 12px;position:absolute}.image-label{border:1px solid var(--color-accent-border);color:#cdf7ff;background:#050a12b3;bottom:18px;left:20px}.image-tag{color:#e0d8ff;background:#8b6cff33;border:1px solid #8b6cff80;top:18px;right:18px}.showcase-copy{align-items:flex-start;gap:20px;padding:28px;display:flex}.showcase h3{margin:10px 0;font-size:22px;line-height:1.5}.showcase p:not(.portfolio-kicker){font-size:13px;line-height:1.9}.round-arrow{border:1px solid var(--color-accent-border);color:var(--color-accent);border-radius:50%;flex-shrink:0;place-items:center;margin-top:18px;padding:10px;transition:transform .3s,background .3s,color .3s,box-shadow .3s;display:grid}.showcase:hover .round-arrow{background:var(--color-accent);color:#03111a;box-shadow:var(--glow-accent);transform:rotate(45deg)}.showcase-stack{gap:20px;display:grid}.showcase-top{color:var(--color-text-muted);justify-content:space-between;align-items:center;display:flex}.energy-showcase,.agent-showcase{padding:26px}.energy-showcase{background:radial-gradient(70% 80% at 90% 10%,#5dffb01f,#0000 70%),linear-gradient(#102022bf,#081014bf)}.energy-showcase .portfolio-kicker{color:var(--color-accent-3)}.energy-visual{justify-content:space-between;align-items:center;gap:24px;height:100px;display:flex;overflow:hidden}.energy-visual>span{font:400 50px/1 "Geist Pixel", var(--font-mono);letter-spacing:-.02em;background:var(--gradient-energy);color:#0000;-webkit-background-clip:text;background-clip:text}.energy-visual small{font:500 14px/1 var(--font-sans)}.solar-grid{grid-template-columns:repeat(4,1fr);gap:4px;width:138px;display:grid;transform:rotate(-18deg)skew(15deg)}.solar-grid i{height:19px;animation:3.6s ease-in-out infinite cell-glow;animation-delay:var(--d);background:#5dffb01a;border:1px solid #5dffb073}@keyframes cell-glow{0%,60%,to{box-shadow:none;background:#5dffb01a}25%{background:#5dffb099;box-shadow:0 0 12px #5dffb0b3}}.project-footnote{font-size:11px;font-family:var(--font-mono);color:var(--color-text-muted);justify-content:space-between;margin-top:20px;display:flex}.agent-showcase{background:radial-gradient(70% 80% at 90% 10%,#8b6cff29,#0000 70%),linear-gradient(#18162cbf,#0a0a16bf)}.agent-showcase .portfolio-kicker{color:#b7a6ff}.agent-showcase h3{margin-top:18px}.agent-terminal{font:12px/1.8 var(--font-mono);background:#03050cb3;border:1px solid #8b6cff47;border-radius:10px;margin-top:16px;padding:12px 14px}.showcase .agent-terminal p{color:var(--color-text-secondary);font-size:12px;line-height:1.8}.agent-terminal span:first-child{color:var(--color-accent-3);margin-right:6px}.agent-terminal b{color:var(--color-accent-3);margin-right:8px;font-weight:600}.agent-terminal b.pending{color:#ffc861;animation:2.4s linear infinite spin;display:inline-block}.agent-terminal .caret{background:#b7a6ff;width:7px;box-shadow:0 0 8px #b7a6ff}.agent-showcase.reveal-ready .agent-terminal p{opacity:0}.agent-showcase.revealed .agent-terminal p{animation:.4s ease-out forwards term-line}.agent-showcase.revealed .agent-terminal p:nth-child(2){animation-delay:.6s}.agent-showcase.revealed .agent-terminal p:nth-child(3){animation-delay:1.1s}.agent-showcase.revealed .agent-terminal p:nth-child(4){animation-delay:1.6s}@keyframes term-line{0%{opacity:0;transform:translate(-6px)}to{opacity:1;transform:none}}.career-band{border-block:1px solid var(--color-border-subtle);background:linear-gradient(#0000,#3ee6ff09 40%,#8b6cff09 70%,#0000);position:relative}.journey-track{background:#94b2de24;border-radius:2px;height:2px;margin:0 12px 28px;position:relative}.journey-track span{border-radius:inherit;background:var(--gradient-accent);transform-origin:0;transition:transform 2s cubic-bezier(.2,.7,.2,1) .2s;position:absolute;inset:0;box-shadow:0 0 12px #3ee6ffb3}.journey-track.reveal-ready span{transform:scaleX(0)}.journey-track.revealed span{transform:scaleX(1)}.journey-track span:after{content:"";background:radial-gradient(closest-side,#fff,#3ee6ff99,#0000);border-radius:6px;width:60px;height:6px;margin-top:-3px;animation:3.2s linear infinite track-run;position:absolute;top:50%}@keyframes track-run{0%{left:-60px}to{left:100%}}.journey-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.journey-card{border:1px solid var(--color-border);backdrop-filter:blur(8px);background:linear-gradient(#141e30a8,#090e18a8);border-radius:18px;flex-direction:column;padding:24px;transition:transform .35s cubic-bezier(.2,.7,.2,1),border-color .3s,box-shadow .35s;display:flex}.journey-card:hover{border-color:var(--color-border-hover);transform:translateY(-6px);box-shadow:0 24px 50px -28px #3ee6ff73}.journey-top{color:var(--color-text-subtle);font:12px var(--font-mono);justify-content:space-between;align-items:center;display:flex}.journey-top span{border:1px solid var(--color-accent-border);width:38px;height:38px;color:var(--color-accent);background:#3ee6ff0f;border-radius:10px;place-items:center;font-weight:600;display:grid;box-shadow:inset 0 0 12px #3ee6ff1f}.journey-card:hover .journey-top span{background:var(--color-accent);color:#03111a;box-shadow:var(--glow-accent)}.journey-period{color:#b7a6ff;font:12px var(--font-mono);letter-spacing:.06em;margin:24px 0 10px}.journey-card h3{min-height:61px;font-size:19px;line-height:1.6}.journey-description{margin-top:14px;font-size:13px;line-height:1.9}.journey-link{font-size:12px;font-family:var(--font-mono);color:var(--color-text-muted);align-items:center;gap:12px;min-height:44px;margin-top:auto;padding-top:24px;display:flex}.journey-card:hover .journey-link{color:var(--color-accent)}.expertise-grid{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.expertise-card{border:1px solid var(--color-border);backdrop-filter:blur(8px);background:linear-gradient(#141e30a8,#090e18a8);border-radius:20px;padding:32px;transition:border-color .3s,transform .35s cubic-bezier(.2,.7,.2,1);overflow:hidden}.expertise-card:hover{border-color:var(--color-border-hover)}.expertise-watermark{z-index:-1;font:400 120px/1 "Geist Pixel", var(--font-mono);color:#0000;-webkit-text-stroke:1px #3ee6ff1f;pointer-events:none;position:absolute;top:-8px;right:20px}.expertise-icon{color:var(--color-accent);justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.expertise-glyph{border:1px solid var(--color-accent-border);background:linear-gradient(135deg,#3ee6ff29,#8b6cff1f);border-radius:14px;place-items:center;width:52px;height:52px;transition:box-shadow .3s,transform .3s;display:grid;box-shadow:0 0 24px #3ee6ff26,inset 0 0 14px #3ee6ff1a}.expertise-card:hover .expertise-glyph{transform:rotate(-6deg)scale(1.06);box-shadow:0 0 32px #3ee6ff66,inset 0 0 14px #3ee6ff33}.expertise-icon>span:last-child{font:12px var(--font-mono);color:var(--color-text-subtle)}.expertise-card h3{margin-bottom:16px;font-size:21px}.expertise-card p{font-size:14px;line-height:1.9}.expertise-card ul{border-top:1px dashed var(--color-border-strong);gap:10px;margin-top:22px;padding-top:18px;display:grid}.expertise-card li{color:var(--color-text-secondary);padding-left:18px;font-size:12px;position:relative}.expertise-card li:before{content:"▹";color:var(--color-accent);position:absolute;left:0}.expertise-card li a{min-height:32px;color:var(--color-accent);align-items:center;gap:8px;display:flex}.expertise-card li a:hover{text-shadow:var(--glow-accent)}.expertise-card li a svg{flex-shrink:0}.writing-band{border-top:1px solid var(--color-border-subtle);background:linear-gradient(#0000,#8b6cff08,#0000)}.section-more{min-height:44px;color:var(--color-text-secondary);align-items:center;gap:12px;font-size:13px;display:inline-flex}.section-more:hover{color:var(--color-accent)}.portfolio-writing-row{border-top:1px solid var(--color-border);border-radius:12px;grid-template-columns:48px 1fr 32px;gap:24px;margin-inline:-16px;padding:28px 16px;transition:background .3s,color .2s;display:grid;position:relative}.portfolio-writing-row:before{content:"";background:var(--gradient-accent);width:2px;box-shadow:var(--glow-accent);transition:transform .3s;position:absolute;top:28px;bottom:28px;left:0;transform:scaleY(0)}.portfolio-writing-row:hover{background:linear-gradient(90deg,#3ee6ff12,#0000 70%)}.portfolio-writing-row:hover:before{transform:scaleY(1)}.writing-index{font:12px var(--font-mono);color:var(--color-accent);padding-top:5px}.writing-category{font:11px/1.7 var(--font-mono);color:#b7a6ff;margin-bottom:10px}.portfolio-writing-row h3{font-size:20px;line-height:1.6;transition:color .2s}.portfolio-writing-row:hover h3{color:var(--color-accent)}.writing-excerpt{max-width:820px;margin-top:10px;font-size:13px;line-height:1.8}.writing-arrow{color:var(--color-text-muted);margin-top:28px;transition:transform .3s,color .3s}.portfolio-writing-row:hover .writing-arrow{color:var(--color-accent);transform:translate(4px,-4px)}.contact-shell{padding-block:40px 110px}.portfolio-contact{isolation:isolate;background:#94b2de24;border-radius:28px;justify-content:space-between;align-items:center;gap:48px;padding:64px;display:flex;position:relative;overflow:hidden}.portfolio-contact:before{content:"";z-index:-2;background:conic-gradient(#0000 0deg 230deg,#3ee6ff 280deg,#8b6cff 320deg,#5dffb0 345deg,#0000 360deg);animation:7s linear infinite spin;position:absolute;inset:-60%}.portfolio-contact:after{content:"";z-index:-1;background:radial-gradient(50% 80% at 100% 0,#8b6cff33,#0000 70%),radial-gradient(50% 80% at 0 100%,#3ee6ff24,#0000 70%),linear-gradient(#78aae60d 1px,#0000 1px) 0 0/32px 32px,linear-gradient(90deg,#78aae60d 1px,#0000 1px) 0 0/32px 32px,#060a13;border-radius:27px;position:absolute;inset:1px}.portfolio-contact h2{letter-spacing:-.03em;margin:20px 0;font-size:clamp(28px,3.4vw,46px);line-height:1.4}.portfolio-contact p:not(.portfolio-kicker){font-size:14px}.contact-status{color:var(--color-text-muted);align-items:center;gap:10px;margin-top:24px;font-size:11px;display:flex}.contact-action{flex-direction:column;flex-shrink:0;align-items:flex-start;gap:17px;display:flex}.contact-email{font:14px var(--font-mono);color:var(--color-text-secondary)}.contact-email:hover{color:var(--color-accent);text-shadow:var(--glow-accent)}.contact-action>.section-more{color:var(--color-text-muted)}.reveal-ready{opacity:0;transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1),border-color .3s,box-shadow .35s,background .3s;transform:translateY(24px)}.revealed{opacity:1;transform:none}.journey-card.reveal-ready:nth-child(2),.expertise-card.reveal-ready:nth-child(2),.evidence-strip>.reveal-ready:nth-child(2){transition-delay:80ms,80ms,0s,0s,0s}.journey-card.reveal-ready:nth-child(3),.expertise-card.reveal-ready:nth-child(3),.evidence-strip>.reveal-ready:nth-child(3){transition-delay:.16s,.16s,0s,0s,0s}.journey-card.reveal-ready:nth-child(4),.expertise-card.reveal-ready:nth-child(4),.evidence-strip>.reveal-ready:nth-child(4){transition-delay:.24s,.24s,0s,0s,0s}@media (width>=1600px){.hero-grid{padding-block:96px 80px}}@media (width<=1000px){.portfolio-container{width:calc(100% - 48px)}.portfolio-hero{min-height:0}.hero-grid{gap:24px;padding-block:60px 48px}.hero-copy h1{font-size:44px}.hero-description{font-size:15px}.portfolio-actions{gap:18px}.portfolio-button{gap:12px;padding:14px 18px}.art-topline{font-size:8px}.art-pipeline li{padding:7px 8px;font-size:10px}.journey-grid{grid-template-columns:repeat(2,1fr)}.journey-track{display:none}.selected-grid{grid-template-columns:1.1fr 1fr}.showcase-copy{padding:22px}.evidence-strip{grid-template-columns:repeat(2,1fr)}.portfolio-contact{padding:48px}}@media (width<=720px){.portfolio-container{width:calc(100% - 40px)}.hero-grid{grid-template-columns:1fr;padding-top:40px;padding-bottom:28px}.hero-status{letter-spacing:.06em;font-size:10px}.hero-copy h1{margin-top:22px;font-size:clamp(34px,9vw,52px)}.hero-terminal{font-size:13px}.system-art{margin-top:24px;padding:14px 14px 12px}.building-drawing{max-height:320px}.art-pipeline{grid-template-columns:repeat(2,1fr);gap:8px 14px}.art-pipeline li:nth-child(3):before{display:none}.art-caption{font-size:10px}.hero-bottom{letter-spacing:.04em;font-size:8px}.hero-bottom>a{white-space:nowrap}.evidence-strip{gap:12px;padding-top:36px}.evidence-strip>div{padding:18px 18px 24px}.evidence-strip strong{font-size:36px}.evidence-strip strong.evidence-text{font-size:22px}.evidence-strip span:not([data-count]){font-size:11px}.evidence-bar{bottom:12px;left:18px;right:18px}.portfolio-section{padding-block:64px}.portfolio-section-heading{flex-direction:column;align-items:flex-start;gap:18px;margin-bottom:28px}.portfolio-section-heading h2{font-size:28px}.selected-grid{grid-template-columns:1fr}.showcase-image{min-height:260px}.showcase h3{font-size:20px}.showcase-copy{gap:12px;padding:22px}.showcase-stack{grid-template-columns:1fr}.expertise-grid{grid-template-columns:1fr;gap:16px}.expertise-card{padding:25px}.expertise-watermark{font-size:96px}.journey-grid{grid-template-columns:1fr;gap:14px}.journey-card h3{min-height:0;font-size:20px}.journey-period{margin-top:18px}.journey-description,.showcase p:not(.portfolio-kicker),.writing-excerpt{font-size:14px}.journey-link{padding-top:18px}.expertise-card li{font-size:14px;line-height:1.8}.portfolio-writing-row{grid-template-columns:25px 1fr 20px;gap:12px;padding-block:24px}.portfolio-writing-row h3{font-size:18px}.contact-shell{padding-block:24px 72px}.portfolio-contact{border-radius:22px;flex-direction:column;align-items:flex-start;gap:30px;padding:36px 24px}.portfolio-contact:after{border-radius:21px}.contact-status{line-height:1.8}.hero-identity{font-size:11px}.portfolio-actions{gap:20px}.hero-secondary{font-size:12px}}@media (hover:none){.system-art{transition:none}}@media (prefers-reduced-motion:reduce){.hero-floor,.hero-line,.system-art,.hero-highlight,.hero-highlight:before,.hero-highlight:after,.portfolio-button:after,.signal-path,.riser-path,.uplink-path,.floor-line,.pv-array path,.pulse-ring,.ai-orbit,.scan-beam,.image-scan,.ticker-track,.solar-grid i,.journey-track span:after,.art-pipeline li{animation:none!important}.scan-beam,.pulse-ring,.journey-track span:after{display:none}.reveal-ready{opacity:1;transition:none;transform:none}.showcase:hover,.journey-card:hover,.portfolio-button:hover,.showcase-featured:hover img,.expertise-card:hover .expertise-glyph{transform:none}}.usage-band{border-top:1px solid var(--color-border);margin-top:64px;padding-top:36px;position:relative}.usage-band:before{content:"";background:linear-gradient(90deg,#0000,#3ee6ff8c,#8b6cff73,#0000);height:1px;position:absolute;inset:0 0 auto;box-shadow:0 0 18px #3ee6ff59}.usage-head{justify-content:space-between;align-items:flex-end;gap:32px;display:flex}.usage-head h3{letter-spacing:-.03em;margin-top:14px;font-size:clamp(21px,2.2vw,30px);line-height:1.45}.usage-lead{max-width:620px;margin-top:12px;font-size:13px;line-height:1.9}.usage-status{border:1px solid var(--color-border-strong);color:var(--color-text-secondary);font:500 11px/1.5 var(--font-mono);letter-spacing:.06em;background:#ffffff08;border-radius:999px;flex-shrink:0;align-items:center;gap:10px;padding:8px 14px;display:inline-flex}.usage-status-dot{background:var(--color-accent);border-radius:50%;flex-shrink:0;width:7px;height:7px;box-shadow:0 0 10px #3ee6ffb3}.usage-band[data-usage-sync=current] .usage-status-dot{background:var(--color-accent-3);box-shadow:0 0 10px var(--color-accent-3)}.usage-band[data-usage-sync=cross-day] .usage-status-dot,.usage-band[data-usage-sync=ahead] .usage-status-dot{background:var(--color-warning);box-shadow:0 0 10px #ffc861cc}.usage-band[data-usage-sync=invalid] .usage-status-dot{background:#ff6b8a;box-shadow:0 0 10px #ff6b8acc}.usage-body{grid-template-columns:minmax(260px,.78fr) 1.35fr;align-items:start;gap:36px;margin-top:32px;display:grid}.usage-summary{border-right:1px dashed var(--color-border-strong);flex-direction:column;gap:24px;min-width:0;padding-right:32px;display:flex}.usage-metric+.usage-metric{border-top:1px dashed var(--color-border-subtle);padding-top:24px}.usage-primary-label{font:500 11px/1.5 var(--font-mono);letter-spacing:0;color:var(--color-accent)}.usage-primary-value{font:400 38px/1.12 "Geist Pixel", var(--font-mono);letter-spacing:0;background:var(--gradient-accent);color:#0000;font-variant-numeric:tabular-nums;-webkit-background-clip:text;background-clip:text;flex-wrap:wrap;align-items:baseline;gap:8px;margin-top:10px;display:flex}.usage-primary-value small{font:500 13px/1 var(--font-sans);letter-spacing:0}.usage-primary-sub{color:var(--color-text-muted);margin-top:8px;font-size:12px}.usage-distribution{min-width:0}.usage-distribution-head{font:500 11px/1.5 var(--font-mono);letter-spacing:.08em;color:var(--color-text-subtle);justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;padding:0 14px;display:flex}.usage-bars{gap:2px;display:grid}.usage-bars li{border-radius:8px;grid-template-columns:minmax(150px,220px) minmax(0,1fr) auto auto;align-items:center;gap:18px;padding:11px 14px;display:grid}.usage-bars li:nth-child(odd){background:#94b2de0b}.usage-model{font:500 12.5px/1.5 var(--font-mono);color:var(--color-text-secondary);overflow-wrap:anywhere}.usage-bar{background:#94b2de1f;border-radius:3px;height:6px;display:block;position:relative}.usage-bar i{height:100%;width:var(--w);border-radius:inherit;background:var(--gradient-accent);transition:width .9s cubic-bezier(.2,.7,.2,1);display:block;box-shadow:0 0 10px #3ee6ff73}.usage-band.reveal-ready .usage-bar i{width:0}.usage-band.revealed .usage-bar i{width:var(--w)}.usage-tokens{font:400 14px/1 var(--font-mono);color:#bfeeff;font-variant-numeric:tabular-nums;text-align:right}.usage-tokens small{font:500 11px/1 var(--font-sans);color:var(--color-text-subtle);margin-left:3px}.usage-requests{font:11px/1.5 var(--font-mono);color:var(--color-text-subtle);text-align:right;white-space:nowrap}.usage-bars li[data-usage-model=aggregate] .usage-model,.usage-bars li[data-usage-model=aggregate] .usage-tokens{color:var(--color-text-muted)}.usage-bars li[data-usage-model=aggregate] .usage-bar i{box-shadow:none;background:#94b2de66}.usage-meta{border-top:1px dashed var(--color-border-subtle);color:var(--color-text-subtle);margin-top:28px;padding-top:18px;font-size:12px;line-height:1.9}.usage-meta span{color:var(--color-text-muted);font-family:var(--font-mono)}@media (width<=1000px){.usage-head{flex-direction:column;align-items:flex-start;gap:20px}.usage-body{grid-template-columns:1fr;gap:28px}.usage-summary{border-right:0;border-bottom:1px dashed var(--color-border-strong);padding-bottom:24px;padding-right:0}.usage-bars li{grid-template-columns:minmax(120px,180px) minmax(0,1fr) auto auto;gap:14px}}@media (width<=720px){.usage-band{margin-top:44px;padding-top:28px}.usage-body{gap:22px;margin-top:24px}.usage-distribution-head{padding:0 10px;font-size:10px}.usage-bars li{grid-template-columns:minmax(0,1fr) auto;gap:8px 12px;padding:12px 10px}.usage-bar{grid-area:2/1/auto/-1}.usage-tokens{grid-area:1/2}.usage-requests{display:none}}@media (prefers-reduced-motion:reduce){.usage-bar i{transition:none}}
