:root,html[data-theme=dark]{--bg:#0f172a;--bg-deep:#09111f;--bg-soft:#131e33;--surface:#121f34c2;--surface-solid:#16233a;--surface-raised:#1a2943;--text:#f8fafc;--text-soft:#cbd5e1;--muted:#64748b;--accent:#22d3ee;--accent-strong:#06b6d4;--accent-secondary:#38bdf8;--border:#22d3ee29;--border-strong:#22d3ee57;--panel-rgb:22, 35, 58;--text-rgb:248, 250, 252;--accent-rgb:34, 211, 238;--shadow:0 28px 80px #02081775;--shadow-soft:0 18px 50px #02081747;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html[data-theme=light]{--bg:#f4f4f4;--bg-deep:#fff;--bg-soft:#e9edf3;--surface:#ffffffc7;--surface-solid:#fff;--surface-raised:#fff;--text:#2e2e2e;--text-soft:#4b5563;--muted:#64748b;--accent:#4a90e2;--accent-strong:#2f72c4;--accent-secondary:#2563eb;--border:#2e2e2e1c;--border-strong:#4a90e257;--panel-rgb:255, 255, 255;--text-rgb:46, 46, 46;--accent-rgb:74, 144, 226;--shadow:0 28px 80px #24375424;--shadow-soft:0 16px 42px #2437541a;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{background:radial-gradient(circle at 12% 5%, rgba(var(--accent-rgb), .08), transparent 28rem), var(--bg);min-width:320px;color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;transition:background-color .26s,color .26s}body:before{content:"";z-index:-2;pointer-events:none;opacity:.35;background-image:linear-gradient(rgba(var(--text-rgb), .018) 1px, transparent 1px), linear-gradient(90deg, rgba(var(--text-rgb), .018) 1px, transparent 1px);background-size:64px 64px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 88%);mask-image:linear-gradient(#000,#0000 88%)}::selection{background:rgba(var(--accent-rgb), .28);color:var(--text)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{border:3px solid var(--bg);background:rgba(var(--accent-rgb), .5);border-radius:999px}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit}img{max-width:100%;display:block}main{overflow:clip}[id]{scroll-margin-top:92px}.container{width:min(1120px,100% - 40px);margin:0 auto}.page-progress{z-index:100;pointer-events:none;width:100%;height:3px;transform:scaleX(var(--page-progress,0));transform-origin:0;background:linear-gradient(90deg, var(--accent), var(--accent-secondary));box-shadow:0 0 18px rgba(var(--accent-rgb), .6);position:fixed;top:0;left:0}html.js [data-reveal]{opacity:0;transition:opacity .7s cubic-bezier(.2,.65,.25,1),transform .7s cubic-bezier(.2,.65,.25,1);transition-delay:var(--reveal-delay,0s);will-change:opacity, transform}html.js [data-reveal=fade-up]{transform:translateY(34px)}html.js [data-reveal=fade-right]{transform:translate(-34px)}html.js [data-reveal=zoom-in]{transform:scale(.94)translateY(18px)}html.js [data-reveal].is-visible{opacity:1;transform:none}.site-header{z-index:50;position:fixed;inset:14px 0 auto}.nav-shell{border:1px solid var(--border);background:rgba(var(--panel-rgb), .74);width:min(1160px,100% - 28px);min-height:66px;box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(22px)saturate(130%);backdrop-filter:blur(22px)saturate(130%);border-radius:18px;justify-content:space-between;align-items:center;gap:22px;margin:0 auto;padding:8px 10px 8px 12px;display:flex}.brand{align-items:center;gap:11px;min-width:184px;display:inline-flex}.brand>span:first-child{border:1px solid var(--border-strong);background:linear-gradient(145deg, rgba(var(--accent-rgb), .22), rgba(var(--accent-rgb), .04)), var(--surface-solid);width:40px;height:40px;color:var(--accent);letter-spacing:.08em;border-radius:12px;place-items:center;font-size:.78rem;font-weight:900;display:grid;box-shadow:inset 0 1px #ffffff14}.brand-copy{gap:1px;display:grid}.brand-copy strong{color:var(--text);font-size:.92rem;line-height:1.2}.brand-copy small{color:var(--muted);letter-spacing:.03em;font-size:.69rem}.nav-links{border:1px solid rgba(var(--text-rgb), .055);background:rgba(var(--text-rgb), .025);border-radius:12px;align-items:center;gap:3px;padding:5px;display:flex}.nav-links a{color:var(--muted);border-radius:9px;padding:8px 12px;font-size:.84rem;font-weight:650;transition:color .16s,background .16s;position:relative}.nav-links a:after{content:"";background:var(--accent);height:1px;transition:left .18s,right .18s;position:absolute;bottom:4px;left:50%;right:50%}.nav-links a:hover{color:var(--text);background:rgba(var(--accent-rgb), .08)}.nav-links a:hover:after{left:12px;right:12px}.nav-actions,.hero-actions,.contact-cta-row{align-items:center;gap:10px;display:flex}.icon-link,.project-scroller-controls button{border:1px solid var(--border);background:rgba(var(--text-rgb), .035);width:40px;height:40px;color:var(--text-soft);cursor:pointer;border-radius:11px;place-items:center;transition:transform .18s,border-color .18s,color .18s,background .18s;display:inline-grid}.icon-link:hover,.project-scroller-controls button:hover{border-color:var(--border-strong);background:rgba(var(--accent-rgb), .1);color:var(--accent);transform:translateY(-2px)}.theme-toggle{cursor:pointer;background:0 0;border:0;padding:0}.theme-toggle-track{border:1px solid var(--border);background:rgba(var(--text-rgb), .04);width:66px;height:40px;color:var(--muted);border-radius:999px;justify-content:space-between;align-items:center;padding:0 11px;transition:border-color .18s,background .18s;display:flex;position:relative}.theme-toggle:hover .theme-toggle-track{border-color:var(--border-strong);background:rgba(var(--accent-rgb), .08)}.theme-toggle-thumb{background:var(--accent);width:30px;height:30px;box-shadow:0 5px 16px rgba(var(--accent-rgb), .36);border-radius:50%;transition:transform .24s cubic-bezier(.2,.8,.2,1),background .24s;position:absolute;top:4px;left:4px}html[data-theme=light] .theme-toggle-thumb{transform:translate(28px)}.theme-icon{z-index:1;position:relative}html[data-theme=dark] .theme-icon-moon,html[data-theme=light] .theme-icon-sun{color:var(--bg-deep)}.hero-section{isolation:isolate;background:linear-gradient(180deg, transparent 0%, rgba(var(--accent-rgb), .025) 58%, transparent 100%), var(--bg);align-content:center;min-height:100svh;padding:146px 0 74px;display:grid;position:relative}.hero-grid-overlay{z-index:-3;opacity:.65;background-image:linear-gradient(rgba(var(--accent-rgb), .05) 1px, transparent 1px), linear-gradient(90deg, rgba(var(--accent-rgb), .05) 1px, transparent 1px);background-size:72px 72px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle at 70% 42%,#000,#0000 66%);mask-image:radial-gradient(circle at 70% 42%,#000,#0000 66%)}.hero-ambient{z-index:-2;filter:blur(90px);pointer-events:none;border-radius:50%;width:520px;height:520px;position:absolute}.hero-ambient-one{background:rgba(var(--accent-rgb), .17);animation:10s ease-in-out infinite alternate ambientFloat;top:12%;right:4%}.hero-ambient-two{background:#2563eb1c;animation:13s ease-in-out infinite alternate-reverse ambientFloat;bottom:2%;left:-12%}@keyframes ambientFloat{0%{transform:translate(-18px,-12px)scale(.94)}to{transform:translate(24px,18px)scale(1.07)}}.hero-grid{grid-template-columns:minmax(0,1.05fr) minmax(390px,.85fr);align-items:center;gap:72px;display:grid}.hero-copy-block{z-index:3;position:relative}.availability{border:1px solid var(--border);background:rgba(var(--accent-rgb), .065);width:fit-content;color:var(--accent);letter-spacing:.035em;text-transform:uppercase;border-radius:999px;align-items:center;gap:9px;margin:0 0 22px;padding:8px 12px;font-size:.76rem;font-weight:800;display:inline-flex}.availability>span{background:var(--accent);width:7px;height:7px;box-shadow:0 0 0 5px rgba(var(--accent-rgb), .12), 0 0 16px var(--accent);border-radius:50%;animation:2s ease-in-out infinite livePulse}@keyframes livePulse{50%{opacity:.55;transform:scale(.75)}}h1,h2,h3,h4,p{margin-top:0}.hero-copy-block h1{letter-spacing:-.07em;max-width:720px;margin:0 0 25px;font-size:clamp(4.1rem,7vw,7rem);font-weight:950;line-height:.88;display:grid}.hero-copy-block h1 span{color:var(--text)}.hero-copy-block h1 strong{color:#0000;background:linear-gradient(100deg, var(--accent), var(--accent-secondary) 55%, var(--text) 120%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;width:fit-content}.hero-kicker{max-width:760px;color:var(--text);letter-spacing:-.025em;margin-bottom:18px;font-size:clamp(1.3rem,2.2vw,1.9rem);font-weight:760;line-height:1.32}.hero-copy{max-width:680px;color:var(--text-soft);margin-bottom:32px;font-size:1.02rem;line-height:1.82}.button{cursor:pointer;border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:9px;min-height:50px;padding:0 20px;font-size:.9rem;font-weight:800;transition:transform .18s,box-shadow .18s,border-color .18s,background .18s;display:inline-flex}.button:hover{transform:translateY(-3px)}.primary-button{background:linear-gradient(135deg, var(--accent), var(--accent-secondary));color:#07131c;box-shadow:0 12px 34px rgba(var(--accent-rgb), .25)}html[data-theme=light] .primary-button{color:#fff}.primary-button:hover{box-shadow:0 18px 44px rgba(var(--accent-rgb), .34)}.secondary-button{border-color:var(--border);background:rgba(var(--text-rgb), .035);color:var(--text)}.secondary-button:hover{border-color:var(--border-strong);background:rgba(var(--accent-rgb), .08)}.hero-context{color:var(--muted);flex-wrap:wrap;gap:12px 22px;margin-top:28px;font-size:.82rem;display:flex}.hero-context div{align-items:center;gap:7px;display:inline-flex}.hero-context svg{color:var(--accent)}.hero-stage{perspective:1200px;place-items:center;min-height:590px;display:grid;position:relative}.hero-stage-ring{border:1px solid rgba(var(--accent-rgb), .22);width:470px;height:470px;box-shadow:0 0 0 48px rgba(var(--accent-rgb), .025), 0 0 0 96px rgba(var(--accent-rgb), .012);border-radius:50%;animation:24s linear infinite ringSpin;position:absolute}.hero-stage-ring:before,.hero-stage-ring:after{content:"";background:var(--accent);box-shadow:0 0 22px var(--accent);border-radius:50%;position:absolute}.hero-stage-ring:before{width:8px;height:8px;top:36px;left:78px}.hero-stage-ring:after{width:5px;height:5px;bottom:126px;right:28px}@keyframes ringSpin{to{transform:rotate(360deg)}}.hero-profile-card{z-index:2;border:1px solid var(--border-strong);background:linear-gradient(145deg, rgba(var(--accent-rgb), .13), transparent 45%), rgba(var(--panel-rgb), .88);width:min(380px,82vw);box-shadow:var(--shadow), inset 0 1px 0 #ffffff14;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:26px;padding:12px;transition:transform .5s cubic-bezier(.2,.8,.2,1);position:relative;transform:rotateY(-5deg)rotateX(2deg)}.hero-stage:hover .hero-profile-card{transform:rotateY(0)rotateX(0)translateY(-8px)}.hero-profile-topline,.code-card-header{min-height:34px;color:var(--muted);justify-content:space-between;align-items:center;padding:0 8px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.72rem;display:flex}.live-indicator{color:var(--accent);align-items:center;gap:5px;display:inline-flex}.live-indicator:before{content:"";background:var(--accent);width:6px;height:6px;box-shadow:0 0 10px var(--accent);border-radius:50%}.hero-photo-wrap{aspect-ratio:1/1.05;border:1px solid rgba(var(--text-rgb), .08);background:var(--bg-soft);border-radius:18px;position:relative;overflow:hidden}.hero-photo-wrap:after{content:"";background:linear-gradient(180deg, transparent 58%, #040c19a8), linear-gradient(120deg, rgba(var(--accent-rgb), .13), transparent 45%);position:absolute;inset:0}.hero-photo-wrap img{object-fit:cover;filter:saturate(.9)contrast(1.03);width:100%;height:100%;transition:transform .7s cubic-bezier(.2,.8,.2,1),filter .3s}.hero-stage:hover .hero-photo-wrap img{filter:saturate(1.05)contrast(1.03);transform:scale(1.04)}.hero-profile-footer{justify-content:space-between;align-items:center;gap:16px;min-height:70px;padding:12px 8px 2px;display:flex}.hero-profile-footer div{gap:4px;display:grid}.hero-profile-footer strong{color:var(--text);font-size:.92rem}.hero-profile-footer span{color:var(--muted);font-size:.75rem}.hero-profile-footer svg{color:var(--accent)}.floating-chip{z-index:4;border:1px solid var(--border-strong);background:rgba(var(--panel-rgb), .88);color:var(--text-soft);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:999px;align-items:center;gap:7px;padding:10px 13px;font-size:.75rem;font-weight:760;animation:4.8s ease-in-out infinite chipFloat;display:inline-flex;position:absolute}.floating-chip svg{color:var(--accent)}.floating-chip-one{top:78px;left:-22px}.floating-chip-two{animation-delay:-1.7s;top:215px;right:-30px}.floating-chip-three{animation-delay:-3.1s;bottom:104px;left:-44px}@keyframes chipFloat{50%{transform:translateY(-9px)}}.hero-code-card{z-index:5;border:1px solid var(--border-strong);background:rgba(var(--panel-rgb), .94);width:292px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;padding:8px 12px 15px;position:absolute;bottom:8px;right:-32px;transform:rotate(2deg)}.code-card-header{justify-content:flex-start;gap:6px;padding:0}.code-card-header>span{background:var(--muted);border-radius:50%;width:7px;height:7px}.code-card-header>span:nth-child(2){background:var(--accent-secondary)}.code-card-header>span:nth-child(3){background:var(--accent)}.code-card-header small{margin-left:auto}.hero-code-card code{color:var(--text-soft);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.75rem;line-height:1.65;display:grid}.hero-code-card em{color:var(--accent);font-style:normal}.code-indent{padding-left:16px}.hero-stats{border:1px solid var(--border);background:var(--border);box-shadow:var(--shadow-soft);border-radius:18px;grid-template-columns:repeat(4,1fr);margin-top:42px;display:grid;overflow:hidden}.hero-stat{background:rgba(var(--panel-rgb), .88);text-align:center;align-content:center;justify-items:center;gap:7px;min-height:100px;padding:18px;display:grid}.hero-stat strong{color:var(--accent);letter-spacing:-.04em;font-size:1.55rem;font-weight:900;line-height:1}.hero-stat span{color:var(--muted);font-size:.75rem}.scroll-cue{width:fit-content;color:var(--muted);align-items:center;gap:8px;margin:26px auto 0;font-size:.75rem;transition:color .16s;display:flex}.scroll-cue:hover{color:var(--accent)}.scroll-cue svg{animation:1.8s ease-in-out infinite scrollBounce}@keyframes scrollBounce{50%{transform:translateY(5px)}}.technology-marquee{border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:rgba(var(--panel-rgb), .56);overflow:hidden}.technology-marquee-track{align-items:center;width:max-content;min-height:68px;animation:32s linear infinite marqueeMove;display:flex}.technology-marquee-track span{color:var(--text-soft);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:28px;padding-left:28px;font-size:.78rem;font-weight:800;display:inline-flex}.technology-marquee-track i{background:var(--accent);width:5px;height:5px;box-shadow:0 0 12px var(--accent);border-radius:50%}@keyframes marqueeMove{to{transform:translate(-50%)}}.content-section,.contact-section{padding:118px 0;position:relative}.content-section{background:var(--bg)}.section-heading{max-width:820px;margin-bottom:48px}.section-heading>span,.section-pill,.bento-label{border:1px solid var(--border);background:rgba(var(--accent-rgb), .07);width:fit-content;color:var(--accent);letter-spacing:.08em;text-transform:uppercase;border-radius:999px;align-items:center;margin-bottom:15px;padding:7px 11px;font-size:.71rem;font-weight:850;display:inline-flex}.section-heading h2,.capability-intro h2,.experience-sticky h2,.contact-main h2{color:var(--text);letter-spacing:-.055em;margin:0 0 18px;font-size:clamp(2.45rem,4.5vw,4.35rem);font-weight:920;line-height:1.04}.section-heading p,.capability-intro p,.experience-sticky p,.contact-main>p{max-width:730px;color:var(--text-soft);margin:0;font-size:1.02rem;line-height:1.8}.about-section{background:radial-gradient(circle at 88% 12%, rgba(var(--accent-rgb), .09), transparent 30rem), var(--bg)}.about-bento{grid-template-columns:repeat(12,1fr);gap:18px;display:grid}.bento-card{border:1px solid var(--border);background:linear-gradient(145deg, rgba(var(--accent-rgb), .065), transparent 42%), var(--surface);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:22px;min-height:250px;padding:30px;transition:transform .26s,border-color .26s,box-shadow .26s;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff0d}.bento-card:after{content:"";background:rgba(var(--accent-rgb), .08);filter:blur(20px);pointer-events:none;border-radius:50%;width:230px;height:230px;position:absolute;inset:auto -15% -45% auto}.bento-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-soft);transform:translateY(-7px)}.bento-card-large{flex-direction:column;grid-area:span 2/span 7;justify-content:flex-end;min-height:520px;display:flex}.bento-card-stack{grid-column:span 5;min-height:345px}.bento-card-quote{grid-column:span 3;min-height:265px}.bento-card-metric{grid-column:span 2;min-height:265px}.bento-card-icon{border:1px solid var(--border-strong);background:rgba(var(--accent-rgb), .11);width:54px;height:54px;color:var(--accent);border-radius:16px;place-items:center;display:grid;position:absolute;top:30px;right:30px}.bento-card h3{max-width:680px;color:var(--text);letter-spacing:-.055em;margin:0 0 18px;font-size:clamp(2rem,4vw,3.7rem);line-height:1.05}.bento-card>p:not(.bento-label){max-width:690px;color:var(--text-soft);margin:0;line-height:1.8}.bento-card-large>a{width:fit-content;color:var(--accent);align-items:center;gap:8px;margin-top:26px;font-size:.88rem;font-weight:800;display:inline-flex}.stack-layer{z-index:1;border-bottom:1px solid var(--border);grid-template-columns:44px minmax(0,1fr);align-items:center;gap:14px;min-height:66px;padding:12px 0;display:grid;position:relative}.stack-layer:last-child{border-bottom:0}.stack-layer>span{color:var(--accent);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.73rem}.stack-layer div{gap:4px;display:grid}.stack-layer strong{color:var(--text);font-size:.94rem}.stack-layer small{color:var(--muted);font-size:.76rem}.bento-card blockquote{color:var(--text);letter-spacing:-.02em;margin:0 0 22px;font-size:1.2rem;font-weight:720;line-height:1.55}.bento-card-quote>span{color:var(--muted);font-size:.76rem}.bento-card-metric{flex-direction:column;justify-content:flex-end;display:flex}.bento-card-metric>strong{z-index:1;color:var(--accent);letter-spacing:-.06em;margin-bottom:10px;font-size:2rem;line-height:1;position:relative}.metric-orbit{border:1px solid var(--border-strong);border-radius:50%;width:72px;height:72px;animation:11s linear infinite ringSpin;position:absolute;top:34px;right:34px}.metric-orbit:after{content:"";background:var(--accent);width:8px;height:8px;box-shadow:0 0 14px var(--accent);border-radius:50%;position:absolute;top:-4px;left:31px}.capability-section{background:linear-gradient(180deg, var(--bg), var(--bg-soft) 48%, var(--bg)), var(--bg)}.capability-layout{grid-template-columns:minmax(300px,.82fr) minmax(0,1.18fr);gap:22px;display:grid}.capability-intro{border:1px solid var(--border);background:radial-gradient(circle at 15% 15%, rgba(var(--accent-rgb), .15), transparent 16rem), var(--surface);min-height:520px;box-shadow:var(--shadow-soft);border-radius:24px;flex-direction:column;justify-content:center;align-self:start;padding:38px;display:flex;position:sticky;top:102px}.capability-intro h2{gap:4px;font-size:clamp(2.6rem,4vw,4.2rem);display:grid}.capability-intro h2 span:nth-child(2){color:var(--accent)}.capability-intro h2 span:nth-child(3){color:var(--accent-secondary)}.capability-grid{grid-template-columns:repeat(2,1fr);gap:18px;display:grid}.highlight-card{border:1px solid var(--border);background:var(--surface);border-radius:22px;flex-direction:column;min-height:252px;padding:28px;transition:transform .26s,border-color .26s,box-shadow .26s;display:flex;position:relative;overflow:hidden}.highlight-card:before{content:"";background:linear-gradient(90deg, var(--accent), transparent 70%);width:100%;height:2px;position:absolute;inset:0 auto auto 0}.highlight-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-soft);transform:translateY(-7px)rotate(-.5deg)}.highlight-card-top{justify-content:space-between;align-items:center;margin-bottom:auto;display:flex}.highlight-card-top>span{color:rgba(var(--text-rgb), .22);letter-spacing:-.07em;font-size:2.7rem;font-weight:950}.highlight-card-top svg{color:var(--accent)}.highlight-card h3{color:var(--text);letter-spacing:-.025em;margin:28px 0 10px;font-size:1.35rem}.highlight-card p{color:var(--text-soft);margin:0;font-size:.92rem;line-height:1.72}.skills-section{background:radial-gradient(circle at 5% 55%, rgba(var(--accent-rgb), .08), transparent 30rem), var(--bg)}.skills-layout{grid-template-columns:minmax(300px,.8fr) minmax(0,1.2fr);align-items:start;gap:72px;display:grid}.skills-intro{position:sticky;top:104px}.stack-summary{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-soft);border-radius:20px;padding:25px;position:relative}.stack-summary>svg{color:var(--accent);position:absolute;top:24px;right:24px}.stack-summary>span{color:var(--accent);letter-spacing:.08em;text-transform:uppercase;margin-bottom:10px;font-size:.7rem;font-weight:850;display:block}.stack-summary strong{color:var(--text);margin-bottom:12px;padding-right:30px;font-size:1.12rem;line-height:1.46;display:block}.stack-summary p{color:var(--muted);margin:0;font-size:.88rem;line-height:1.7}.skills-board{gap:14px;display:grid}.skill-card{border:1px solid var(--border);background:var(--surface);border-radius:20px;grid-template-columns:88px minmax(0,1fr);align-items:center;gap:20px;min-height:132px;padding:22px;transition:transform .22s,border-color .22s,box-shadow .22s;display:grid;position:relative;overflow:hidden}.skill-card:after{content:"";background:linear-gradient(180deg, var(--accent), transparent);opacity:.65;width:3px;position:absolute;inset:0 auto 0 0}.skill-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-soft);transform:translate(9px)}.skill-card-meta{grid-template-columns:1fr;gap:12px;display:grid}.skill-card-meta>span{color:rgba(var(--text-rgb), .2);letter-spacing:-.07em;font-size:2.2rem;font-weight:950;line-height:.8}.skill-icon,.ai-tool-icon,.contact-method-icon{border:1px solid var(--border-strong);background:rgba(var(--accent-rgb), .09);width:44px;height:44px;color:var(--accent);border-radius:13px;place-items:center;display:grid}.skill-card-body h3{color:var(--text);margin:0 0 14px;font-size:1.16rem}.skill-list,.project-tags,.contact-signal{flex-wrap:wrap;gap:7px;display:flex}.skill-list span,.project-tags span,.contact-signal span{border:1px solid var(--border);background:rgba(var(--text-rgb), .03);min-height:28px;color:var(--text-soft);border-radius:8px;align-items:center;padding:0 9px;font-size:.76rem;font-weight:650;display:inline-flex}.skill-list span:hover{border-color:var(--border-strong);color:var(--accent)}.ai-tools-section{background:linear-gradient(180deg, var(--bg), var(--bg-soft), var(--bg)), var(--bg)}.ai-tools-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.ai-tool-card{border:1px solid var(--border);background:var(--surface);border-radius:22px;flex-direction:column;min-height:305px;padding:25px;transition:transform .26s,border-color .26s,box-shadow .26s;display:flex;position:relative;overflow:hidden}.ai-tool-card:after{content:"";background:rgba(var(--accent-rgb), .1);filter:blur(10px);border-radius:50%;width:150px;height:150px;position:absolute;bottom:-60px;right:-60px}.ai-tool-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-soft);transform:translateY(-8px)}.ai-tool-card>p{color:var(--accent);letter-spacing:.08em;text-transform:uppercase;margin:auto 0 8px;font-size:.7rem;font-weight:850}.ai-tool-card h3{color:var(--text);margin:0 0 10px;font-size:1.25rem}.ai-tool-card>span{z-index:1;color:var(--text-soft);font-size:.88rem;line-height:1.68;position:relative}.projects-section{background:radial-gradient(circle at 50% 30%, rgba(var(--accent-rgb), .09), transparent 36rem), var(--bg-deep);padding-bottom:132px}.projects-heading-row{justify-content:space-between;align-items:flex-end;gap:30px;display:flex}.projects-heading-row .section-heading{margin-bottom:36px}.text-link{color:var(--accent);white-space:nowrap;align-items:center;gap:7px;margin-bottom:45px;font-size:.84rem;font-weight:800;display:inline-flex}.project-scroller-shell{position:relative}.project-scroller-toolbar{justify-content:space-between;align-items:flex-end;gap:20px;width:min(1120px,100% - 40px);margin:0 auto 18px;display:flex}.project-scroller-toolbar>div:first-child{align-items:baseline;gap:12px;display:flex}.project-scroller-count{color:var(--accent);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.88rem;font-weight:800}.project-scroller-toolbar p{color:var(--muted);margin:0;font-size:.76rem}.project-scroller-controls{gap:8px;display:flex}.project-scroll-track{overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;scrollbar-width:none;cursor:grab;gap:24px;padding:22px max(24px,50vw - 560px) 38px;scroll-padding-left:max(24px,50vw - 560px);display:flex;overflow-x:auto}.project-scroll-track:active{cursor:grabbing}.project-scroll-track::-webkit-scrollbar{display:none}.project-scroll-card{--rotate-x:0deg;--rotate-y:0deg;--pointer-x:50%;--pointer-y:50%;scroll-snap-align:center;border:1px solid var(--border);background:linear-gradient(150deg, rgba(var(--accent-rgb), .1), transparent 34%), rgba(var(--panel-rgb), .9);min-height:510px;box-shadow:var(--shadow);opacity:.54;transform:perspective(1200px) rotateX(var(--rotate-x)) rotateY(var(--rotate-y)) scale(.94);isolation:isolate;border-radius:28px;flex-direction:column;flex:0 0 min(740px,74vw);padding:34px;transition:opacity .34s,transform .26s,border-color .26s,filter .26s;display:flex;position:relative;overflow:hidden}.project-scroll-card:before{content:"";z-index:-1;opacity:.35;background-image:linear-gradient(rgba(var(--accent-rgb), .055) 1px, transparent 1px), linear-gradient(90deg, rgba(var(--accent-rgb), .055) 1px, transparent 1px);background-size:46px 46px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(135deg,#000,#0000 66%);mask-image:linear-gradient(135deg,#000,#0000 66%)}.project-scroll-card.is-active{opacity:1;border-color:var(--border-strong);transform:perspective(1200px) rotateX(var(--rotate-x)) rotateY(var(--rotate-y)) scale(1)}.project-card-glow{z-index:-1;pointer-events:none;opacity:0;background:radial-gradient(340px circle at var(--pointer-x) var(--pointer-y), rgba(var(--accent-rgb), .18), transparent 58%);transition:opacity .22s;position:absolute;inset:0}.project-scroll-card:hover .project-card-glow{opacity:1}.project-card-index{color:rgba(var(--text-rgb), .16);letter-spacing:-.09em;margin-bottom:auto;font-size:clamp(4.4rem,9vw,7.8rem);font-weight:950;line-height:.8}.project-card-copy{max-width:650px;margin-top:64px}.project-role{color:var(--accent);letter-spacing:.08em;text-transform:uppercase;margin:0 0 10px;font-size:.72rem;font-weight:850}.project-card-copy h3{color:var(--text);letter-spacing:-.055em;margin:0 0 16px;font-size:clamp(2.25rem,4vw,4rem);line-height:1}.project-desc{color:var(--text-soft);margin:0;font-size:.98rem;line-height:1.76}.project-card-footer{border-top:1px solid var(--border);justify-content:space-between;align-items:flex-end;gap:20px;margin-top:34px;padding-top:22px;display:flex}.project-tags span{color:var(--accent);border-color:var(--border-strong);background:rgba(var(--accent-rgb), .07)}.project-card-footer>a,.project-private-label{color:var(--text);white-space:nowrap;align-items:center;gap:8px;font-size:.8rem;font-weight:800;display:inline-flex}.project-card-footer>a:hover{color:var(--accent)}.project-private-label{color:var(--muted)}.project-scroll-spacer{flex:0 0 max(1px,50vw - 584px)}.project-scroll-progress{background:rgba(var(--text-rgb), .08);border-radius:999px;width:min(1120px,100% - 40px);height:3px;margin:0 auto;overflow:hidden}.project-scroll-progress span{border-radius:inherit;transform-origin:0;background:linear-gradient(90deg, var(--accent), var(--accent-secondary));width:100%;height:100%;transition:transform .35s;display:block}.experience-section{background:var(--bg)}.experience-layout{grid-template-columns:minmax(300px,.78fr) minmax(0,1.22fr);align-items:start;gap:72px;display:grid}.experience-sticky{position:sticky;top:108px}.experience-sticky h2{font-size:clamp(2.5rem,4.2vw,4rem)}.experience-list{gap:16px;display:grid}.experience-item{border:1px solid var(--border);background:var(--surface);border-radius:22px;grid-template-columns:58px minmax(0,1fr) auto;align-items:center;gap:20px;min-height:170px;padding:28px;transition:transform .23s,border-color .23s,box-shadow .23s;display:grid}.experience-item:hover{border-color:var(--border-strong);box-shadow:var(--shadow-soft);transform:translate(8px)}.experience-item>span{color:rgba(var(--text-rgb), .2);letter-spacing:-.06em;font-size:2.2rem;font-weight:950}.experience-item h3{color:var(--text);margin:0 0 9px;font-size:1.2rem}.experience-item p{color:var(--text-soft);margin:0;font-size:.9rem;line-height:1.72}.experience-item>svg{color:var(--accent);transition:transform .2s}.experience-item:hover>svg{transform:translate(5px)}.contact-section{background:radial-gradient(circle at 10% 20%, rgba(var(--accent-rgb), .13), transparent 28rem), linear-gradient(180deg, var(--bg), var(--bg-soft))}.contact-wrapper{grid-template-columns:minmax(0,1.08fr) minmax(340px,.72fr);gap:20px;display:grid}.contact-main{border:1px solid var(--border-strong);background:radial-gradient(circle at 85% 15%, rgba(var(--accent-rgb), .16), transparent 20rem), var(--surface);min-height:560px;box-shadow:var(--shadow);border-radius:28px;flex-direction:column;justify-content:center;padding:44px;display:flex}.contact-main h2{max-width:780px}.contact-cta-row{flex-wrap:wrap;margin-top:28px}.contact-signal{margin-top:28px}.contact-signal span{border-radius:999px}.contact-methods{gap:12px;display:grid}.contact-method{border:1px solid var(--border);background:var(--surface);border-radius:20px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;min-height:128px;padding:22px;transition:transform .22s,border-color .22s,box-shadow .22s;display:grid}.contact-method:hover{border-color:var(--border-strong);box-shadow:var(--shadow-soft);transform:translate(7px)}.contact-method-content h4{color:var(--text);margin:0 0 5px;font-size:.94rem}.contact-method-content p{color:var(--muted);overflow-wrap:anywhere;margin:0;font-size:.8rem}.contact-method>svg{color:var(--accent)}.site-footer{border-top:1px solid var(--border);background:var(--bg-soft);padding:30px 0}.footer-inner{justify-content:space-between;align-items:center;gap:24px;display:flex}.footer-inner>div{gap:4px;display:grid}.footer-inner strong{color:var(--text);font-size:.9rem}.footer-inner p{color:var(--muted);margin:0;font-size:.76rem}main>.content-section:first-child:not(.about-section){padding-top:150px}main>.content-section:first-child:not(.about-section) h1{color:var(--text);letter-spacing:-.065em;margin:0 0 24px;font-size:clamp(3.2rem,7vw,6rem);line-height:.95}.about-lead{max-width:780px;color:var(--text-soft);margin:0;font-size:1.08rem;line-height:1.78}.about-highlights{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.highlight-item,.project-card{border:1px solid var(--border);background:var(--surface);border-radius:20px;padding:25px;transition:transform .22s,border-color .22s,box-shadow .22s;position:relative;overflow:hidden}.highlight-item:before,.project-card:before{content:"";background:linear-gradient(90deg, var(--accent), transparent 70%);width:100%;height:2px;position:absolute;inset:0 auto auto 0}.highlight-item:hover,.project-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-soft);transform:translateY(-6px)}.highlight-item h4,.project-card h3,.project-card h4{color:var(--text);margin:0 0 10px}.highlight-item p,.project-card p{color:var(--text-soft);margin:0;font-size:.9rem;line-height:1.7}.project-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}html[data-theme=light] body:before{opacity:.58}html[data-theme=light] .hero-grid-overlay{opacity:.35}html[data-theme=light] .hero-photo-wrap:after{background:linear-gradient(180deg, transparent 64%, #192f5052), linear-gradient(120deg, rgba(var(--accent-rgb), .08), transparent 45%)}html[data-theme=light] .hero-profile-card,html[data-theme=light] .hero-code-card,html[data-theme=light] .floating-chip{box-shadow:0 24px 70px #28406029}@media (max-width:1040px){.nav-links{display:none}.hero-grid{grid-template-columns:1fr;gap:40px}.hero-copy-block{max-width:820px}.hero-stage{width:min(620px,100%);margin:0 auto}.about-bento{grid-template-columns:repeat(2,1fr)}.bento-card-large,.bento-card-stack,.bento-card-quote,.bento-card-metric{grid-area:auto/span 1}.bento-card-large,.bento-card-stack{min-height:500px}.capability-layout,.skills-layout,.experience-layout,.contact-wrapper{grid-template-columns:1fr}.capability-intro,.skills-intro,.experience-sticky{position:static}.capability-intro{min-height:auto}.skills-layout,.experience-layout{gap:42px}.ai-tools-grid{grid-template-columns:repeat(2,1fr)}.contact-main{min-height:auto}.contact-methods{grid-template-columns:repeat(2,1fr)}}@media (max-width:720px){.container{width:calc(100% - 28px)}.site-header{inset:10px 0 auto}.nav-shell{border-radius:15px;width:calc(100% - 20px);min-height:62px}.brand{min-width:0}.brand-copy small,.nav-actions .icon-link:last-child{display:none}.theme-toggle-track{width:58px}html[data-theme=light] .theme-toggle-thumb{transform:translate(20px)}.hero-section{min-height:auto;padding:120px 0 62px}.hero-copy-block h1{font-size:clamp(3.25rem,16vw,5.4rem)}.hero-kicker{font-size:1.22rem}.hero-actions,.contact-cta-row{flex-direction:column;align-items:stretch}.hero-actions .button,.contact-cta-row .button{width:100%}.hero-context{display:grid}.hero-stage{min-height:520px}.hero-stage-ring{width:350px;height:350px}.hero-profile-card{width:min(330px,82vw)}.floating-chip-one{left:0}.floating-chip-two{right:0}.floating-chip-three{left:4px}.hero-code-card{width:250px;bottom:5px;right:4px}.hero-stats{grid-template-columns:repeat(2,1fr)}.content-section,.contact-section{padding:82px 0}.section-heading{margin-bottom:34px}.section-heading h2,.capability-intro h2,.experience-sticky h2,.contact-main h2{font-size:clamp(2.25rem,11vw,3.2rem)}.about-bento,.capability-grid,.ai-tools-grid,.about-highlights,.project-grid,.contact-methods{grid-template-columns:1fr}.bento-card-large,.bento-card-stack,.bento-card-quote,.bento-card-metric{grid-column:span 1;min-height:auto}.bento-card-large{min-height:440px}.bento-card{padding:24px}.bento-card h3{font-size:2.25rem}.capability-intro,.contact-main{padding:28px}.skills-layout{gap:34px}.skill-card{grid-template-columns:68px minmax(0,1fr);padding:19px}.skill-card-meta>span{font-size:1.7rem}.ai-tool-card{min-height:240px}.projects-heading-row{display:block}.text-link{margin:-15px 0 30px}.project-scroller-toolbar,.project-scroll-progress{width:calc(100% - 28px)}.project-scroller-toolbar p{display:none}.project-scroll-track{gap:14px;padding-inline:14px;scroll-padding-left:14px}.project-scroll-card{border-radius:22px;flex-basis:88vw;min-height:520px;padding:25px}.project-card-index{font-size:5.5rem}.project-card-copy{margin-top:48px}.project-card-copy h3{font-size:2.4rem}.project-card-footer{flex-direction:column;align-items:flex-start}.experience-item{grid-template-columns:42px minmax(0,1fr);min-height:auto;padding:22px}.experience-item>svg{display:none}.experience-item>span{font-size:1.65rem}.footer-inner{flex-direction:column;align-items:flex-start}}@media (max-width:460px){.brand-copy strong{font-size:.82rem}.nav-actions{gap:6px}.nav-actions .icon-link{display:none}.hero-stage{min-height:460px}.hero-stage-ring{width:290px;height:290px}.floating-chip{padding:8px 10px;font-size:.67rem}.floating-chip-two{top:180px}.hero-code-card{width:222px}.hero-code-card code{font-size:.68rem}.hero-stats{margin-top:30px}.hero-stat{min-height:88px;padding:14px 8px}.project-scroll-card{flex-basis:90vw}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}html.js [data-reveal]{opacity:1;transform:none}}