@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--radius-lg:.5rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.fixed{position:fixed}.static{position:static}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.contents{display:contents}.grid{display:grid}.hidden{display:none}.table{display:table}.resize{resize:both}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.\[data-project\]\:visible:is(data-project){visibility:visible}}:root{color-scheme:dark;--bg:#080d18;--bg-2:#0c1424;--surface:#111b2e;--surface-2:#16233a;--surface-3:#1c2c46;--text:#f4f7fb;--muted:#a8b4c7;--faint:#718096;--accent:#8de1cf;--accent-2:#9ab7ff;--border:#263650;--border-soft:#1b2940;--danger:#ff9a9a;--shadow:0 24px 70px #0000004d;--glow:0 0 70px #8de1cf17;--radius-sm:.65rem;--radius:1.1rem;--radius-lg:1.7rem;--container:76rem;--narrow:48rem;--ease:cubic-bezier(.2,.8,.2,1);--motion-fast:.18s;--motion-medium:.42s;--motion-slow:.72s;--motion-distance:1.35rem;--motion-blur:8px;--motion-stagger:70ms;--motion-tilt:1.25deg;--motion-glow:.16}[data-theme=light]{color-scheme:light;--bg:#f5f7fa;--bg-2:#edf1f6;--surface:#fff;--surface-2:#f1f4f8;--surface-3:#e8edf4;--text:#111b2d;--muted:#536176;--faint:#778397;--accent:#087866;--accent-2:#3157b8;--border:#ccd5e1;--border-soft:#dfe5ed;--shadow:0 24px 65px #192a461a;--glow:0 0 70px #3157b80f}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:6rem}body{background:radial-gradient(circle at 80% 0,var(--accent-2),transparent 33rem),linear-gradient(180deg,var(--bg),var(--bg-2)62%,var(--bg));min-width:320px;margin:0}@supports (color:color-mix(in lab,red,red)){body{background:radial-gradient(circle at 80% 0,color-mix(in srgb,var(--accent-2)11%,transparent),transparent 33rem),linear-gradient(180deg,var(--bg),var(--bg-2)62%,var(--bg))}}body{color:var(--text);-webkit-font-smoothing:antialiased;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.65}body:before{content:"";pointer-events:none;opacity:.22;background-image:linear-gradient(var(--border-soft)1px,transparent 1px),linear-gradient(90deg,var(--border-soft)1px,transparent 1px);z-index:-1;background-size:64px 64px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 38rem);mask-image:linear-gradient(#000,#0000 38rem)}a{color:inherit;text-underline-offset:.22em}img{max-width:100%;height:auto;display:block}button,input,textarea,select{font:inherit}.container{width:min(calc(100% - 2.5rem),var(--container));margin-inline:auto}.narrow{max-width:var(--narrow)}.section{padding:clamp(4.5rem,8vw,8rem) 0;position:relative}.section-alt{background:var(--surface)}@supports (color:color-mix(in lab,red,red)){.section-alt{background:color-mix(in srgb,var(--surface)40%,transparent)}}.section-alt{border-block:1px solid var(--border-soft)}.section-head{justify-content:space-between;align-items:end;gap:2rem;margin-bottom:2rem;display:flex}.section-head>div{max-width:48rem}.eyebrow{color:var(--accent);letter-spacing:.15em;text-transform:uppercase;margin:0 0 .7rem;font:750 .73rem/1.2 ui-monospace,SFMono-Regular,Consolas,monospace}.display{letter-spacing:-.06em;margin:.5rem 0 1.5rem;font-size:clamp(3rem,7vw,3.4rem);line-height:.96}.page-title{max-width:15ch;margin:.5rem 0 1.2rem;font-size:clamp(2.6rem,5vw,4.8rem)}.lede{color:var(--muted);max-width:62ch;font-size:clamp(1.08rem,2vw,1.35rem);line-height:1.65}.muted{color:var(--muted)}h1,h2,h3{letter-spacing:-.035em;line-height:1.12}h1{font-size:clamp(2.6rem,5vw,4.8rem)}h2{font-size:clamp(1.9rem,3.5vw,3.35rem)}h3{font-size:clamp(1.25rem,2vw,1.65rem)}p{margin-top:0}.button{--magnet-x:var(--pointer-dx-soft,0px);--magnet-y:var(--pointer-dy-soft,0px);isolation:isolate;border:1px solid var(--border);background:var(--surface);min-height:2.9rem;color:var(--text);cursor:pointer;transition:transform var(--motion-fast)var(--ease),border-color .2s,background .2s;border-radius:.75rem;justify-content:center;align-items:center;padding:.68rem 1.05rem;font-weight:750;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.button:before{content:"";z-index:-1;pointer-events:none;opacity:0;background:radial-gradient(circle at var(--pointer-x,50%)var(--pointer-y,50%),#ffffff3d,transparent 45%);transition:opacity var(--motion-fast);position:absolute;inset:-1px}.button[data-pointer-active=true]:before,.button:focus-visible:before{opacity:1}.button:hover{transform:translate(var(--magnet-x),calc(-2px + var(--magnet-y)));border-color:var(--accent)}.button:active{transform:translate(var(--magnet-x),1px)scale(.985)}.button.primary{background:var(--accent);border-color:var(--accent);color:#071410}.actions{flex-wrap:wrap;gap:.75rem;margin-top:1.7rem;display:flex}.text-link{color:var(--accent);font-weight:750;text-decoration:none}.text-link span{transition:transform .2s;display:inline-block}.text-link:hover span{transform:translate(.25rem)}.tag{background:var(--surface-2);border-radius:99rem;padding:.24rem .62rem;display:inline-flex}@supports (color:color-mix(in lab,red,red)){.tag{background:color-mix(in srgb,var(--surface-2)80%,transparent)}}.tag{border:1px solid var(--border-soft);color:var(--muted);font:650 .76rem ui-monospace,SFMono-Regular,Consolas,monospace}.skill-group .tag{transition:transform var(--motion-fast)var(--ease),color var(--motion-fast),border-color var(--motion-fast),box-shadow var(--motion-fast)}.skill-group .tag:hover,.skill-group .tag:focus-visible{color:var(--text);border-color:var(--accent);transform:translateY(-2px)}@supports (color:color-mix(in lab,red,red)){.skill-group .tag:hover,.skill-group .tag:focus-visible{border-color:color-mix(in srgb,var(--accent)45%,var(--border))}}.skill-group .tag:hover,.skill-group .tag:focus-visible{box-shadow:0 6px 18px var(--accent)}@supports (color:color-mix(in lab,red,red)){.skill-group .tag:hover,.skill-group .tag:focus-visible{box-shadow:0 6px 18px color-mix(in srgb,var(--accent)8%,transparent)}}.tags{flex-wrap:wrap;gap:.42rem;display:flex}.skip{z-index:100;background:var(--text);color:var(--bg);padding:.65rem;position:fixed;top:.5rem;left:.5rem;transform:translateY(-160%)}.skip:focus{transform:none}:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.site-header{z-index:30;background:var(--bg);position:sticky;top:0}@supports (color:color-mix(in lab,red,red)){.site-header{background:color-mix(in srgb,var(--bg)82%,transparent)}}.site-header{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid var(--border-soft)}.nav{justify-content:space-between;align-items:center;gap:1.25rem;min-height:4.75rem;display:flex}.brand{text-decoration:none}.logo{align-items:center;gap:.7rem;display:inline-flex}.logo svg{width:2.3rem;height:2.3rem;fill:var(--accent);background:var(--surface-2);border:1px solid var(--border);border-radius:.65rem;padding:.35rem}.logo span{line-height:1.05;display:grid}.logo strong{font-size:.88rem}.logo small{color:var(--muted);margin-top:.2rem;font-size:.72rem}.nav-links{align-items:center;gap:.1rem;margin:0;padding:0;list-style:none;display:flex}.nav-links a,.nav-resume{color:var(--muted);transition:color var(--motion-fast),background var(--motion-fast);border-radius:.5rem;padding:.5rem .55rem;font-size:.88rem;font-weight:650;text-decoration:none;display:block;position:relative}.nav-links a:after{content:"";background:var(--accent);transform-origin:100%;height:1px;transition:transform var(--motion-medium)var(--ease);position:absolute;bottom:.24rem;left:.55rem;right:.55rem;transform:scaleX(0)}.nav-links a:hover:after,.nav-links a:focus-visible:after,.nav-links a[aria-current=page]:after{transform-origin:0;transform:scaleX(1)}.nav-links a:hover,.nav-links a[aria-current=page]{color:var(--text);background:var(--surface-2)}.nav-controls{align-items:center;gap:.45rem;display:flex}.nav-contact{min-height:2.55rem;font-size:.85rem}.icon-button{border:1px solid var(--border);background:var(--surface);width:2.55rem;height:2.55rem;color:var(--text);cursor:pointer;border-radius:.7rem}.menu-button,.mobile-only{display:none}.site-footer{border-top:1px solid var(--border);background:var(--bg);padding:4rem 0 1.5rem}.footer-grid{grid-template-columns:2fr 1fr 1fr;gap:3rem;display:grid}.footer-grid>div:first-child p{max-width:32rem;color:var(--muted);margin-top:1.25rem}.footer-grid nav{gap:.45rem;margin-top:1rem;display:grid}.footer-grid nav a{color:var(--muted);text-decoration:none}.footer-grid nav a:hover{color:var(--accent)}.availability span{background:var(--accent);width:.5rem;height:.5rem;box-shadow:0 0 0 .3rem var(--accent);border-radius:50%;margin-right:.5rem;display:inline-block}@supports (color:color-mix(in lab,red,red)){.availability span{box-shadow:0 0 0 .3rem color-mix(in srgb,var(--accent)14%,transparent)}}.footer-bottom{border-top:1px solid var(--border-soft);color:var(--faint);margin-top:3rem;padding-top:1.5rem;font-size:.84rem}.hero{isolation:isolate;padding-top:clamp(3rem,6vw,5.5rem);padding-bottom:1rem;position:relative;overflow:hidden}.hero-ambient{z-index:-1;pointer-events:none;opacity:.72;background:radial-gradient(circle at var(--pointer-x,58%)var(--pointer-y,34%),#55aeff21,transparent 24rem),radial-gradient(circle at calc(var(--pointer-x,58%) - 18%)calc(var(--pointer-y,34%) + 12%),#7254dc1a,transparent 28rem),radial-gradient(circle at 65% 28%,#50dcbf14,transparent 30rem);position:absolute;inset:-10% -8% 2%;overflow:hidden}.hero-ambient:before,.hero-ambient span{content:"";pointer-events:none;position:absolute;inset:-12%}.hero-ambient:before{opacity:.12;mix-blend-mode:soft-light;transform:translate(var(--pointer-dx-inverse,0px),var(--pointer-dy-inverse,0px))scale(1.04);transition:transform var(--motion-slow)var(--ease);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.7' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E")}.hero-ambient span{filter:blur(44px);background:conic-gradient(from 120deg at var(--pointer-x,55%)var(--pointer-y,35%),transparent,#4fc9be1c,transparent 28%,#6f5bdd14,transparent 62%);transform:translate(var(--pointer-dx,0px),var(--pointer-dy,0px))scale(1.06)}.hero>.container{z-index:1;position:relative}.hero-grid{grid-template-columns:minmax(0,1.35fr) minmax(21rem,.65fr);align-items:center;gap:clamp(2.5rem,6vw,6rem);display:grid}.hero-copy{min-width:0}.hero-copy .lede{max-width:58ch;margin-bottom:.8rem}.hero-kicker{color:var(--muted);letter-spacing:.015em;align-items:center;gap:.6rem;font-size:.88rem;font-weight:700;display:flex}.hero-kicker span{background:var(--accent);flex:none;width:2.5rem;height:1px}.hero-summary{max-width:60rem}.hero-tech{color:var(--accent);letter-spacing:.015em;margin:0;font:700 .9rem/1.6 ui-monospace,SFMono-Regular,Consolas,monospace}.hero-actions,.hero-socials{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.hero-actions{margin-top:1.8rem}.hero-actions>a{height:3rem;min-height:3rem}.hero-action-link{color:var(--accent);border-radius:.75rem;justify-content:center;align-items:center;gap:.35rem;padding:.68rem .75rem;font-weight:750;text-decoration:none;display:inline-flex}.hero-action-link:hover{background:var(--accent)}@supports (color:color-mix(in lab,red,red)){.hero-action-link:hover{background:color-mix(in srgb,var(--accent)9%,transparent)}}.hero-socials{gap:1.2rem;margin-top:1rem}.portrait-frame{aspect-ratio:4/5;border:1px solid var(--border);border-radius:var(--radius-lg);background:linear-gradient(145deg,var(--surface-2),var(--surface));max-width:28rem;box-shadow:var(--shadow),var(--glow);margin-inline:auto;padding:.7rem;position:relative;overflow:hidden}.portrait-frame img{object-fit:cover;border-radius:calc(var(--radius-lg) - .4rem);width:100%;height:100%}.hero-portrait{isolation:isolate;width:100%;max-width:21rem}.hero-portrait:before{content:"";z-index:-1;background:radial-gradient(circle,var(--accent-2),transparent 65%);position:absolute;inset:8% -12% -8%}@supports (color:color-mix(in lab,red,red)){.hero-portrait:before{background:radial-gradient(circle,color-mix(in srgb,var(--accent-2)18%,transparent),transparent 65%)}}.hero-portrait:before{filter:blur(24px)}.portrait-fallback{background:radial-gradient(circle at 70% 25%,var(--accent),transparent 28%),linear-gradient(145deg,var(--surface-3),var(--bg));place-items:center;height:100%;display:grid;position:relative;overflow:hidden}@supports (color:color-mix(in lab,red,red)){.portrait-fallback{background:radial-gradient(circle at 70% 25%,color-mix(in srgb,var(--accent)25%,transparent),transparent 28%),linear-gradient(145deg,var(--surface-3),var(--bg))}}.portrait-fallback:after{content:"SENIOR FULL STACK ENGINEER";color:var(--muted);letter-spacing:.16em;text-align:center;font:700 .68rem/1.4 ui-monospace,SFMono-Regular,Consolas,monospace;position:absolute;inset:auto 1.5rem 1.5rem}.portrait-fallback .logo svg{width:clamp(9rem,14vw,12rem);height:clamp(9rem,14vw,12rem);padding:2rem}.portrait-badge{background:var(--surface);border:1px solid var(--border);border-radius:.75rem 0 0 .75rem;padding:.65rem 1rem;font-size:.8rem;position:absolute;bottom:1.8rem;right:-1px}.credibility{border-top:1px solid var(--border);grid-template-columns:repeat(4,1fr);margin-top:clamp(1.75rem,3vw,2.5rem);display:grid}.fact{border-right:1px solid var(--border);min-width:0;padding:1.5rem clamp(1rem,2vw,1.4rem)}.fact:last-child{border:0}.fact strong{font-size:clamp(1rem,1.35vw,1.12rem);line-height:1.35;display:block}.fact span{color:var(--muted);margin-top:.35rem;font-size:.85rem;line-height:1.5;display:block}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem;display:grid}.project-card{--card-rx:var(--tilt-x,0deg);--card-ry:var(--tilt-y,0deg);isolation:isolate;background:var(--surface);position:relative}@supports (color:color-mix(in lab,red,red)){.project-card{background:color-mix(in srgb,var(--surface)92%,transparent)}}.project-card{border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);transition:transform var(--motion-medium)var(--ease),border-color var(--motion-fast),box-shadow var(--motion-fast);overflow:hidden}.project-card:after{content:"";z-index:2;border-radius:inherit;pointer-events:none;opacity:0;background:radial-gradient(circle at var(--pointer-x,50%)var(--pointer-y,50%),#8de1cf1c,transparent 34%);transition:opacity var(--motion-medium);position:absolute;inset:0;box-shadow:inset 0 0 0 1px #8de1cf52}.project-card[data-pointer-active=true]:after,.project-card:focus-within:after{opacity:1}.project-card:hover{border-color:var(--accent);transform:translateY(-3px)}@supports (color:color-mix(in lab,red,red)){.project-card:hover{border-color:color-mix(in srgb,var(--accent)60%,var(--border))}}.project-card:hover{box-shadow:var(--shadow),0 0 0 1px var(--accent)}@supports (color:color-mix(in lab,red,red)){.project-card:hover{box-shadow:var(--shadow),0 0 0 1px color-mix(in srgb,var(--accent)12%,transparent)}}.project-card:focus-within{border-color:var(--accent);transform:translateY(-3px)}@supports (color:color-mix(in lab,red,red)){.project-card:focus-within{border-color:color-mix(in srgb,var(--accent)60%,var(--border))}}.project-card:focus-within{box-shadow:var(--shadow),0 0 0 1px var(--accent)}@supports (color:color-mix(in lab,red,red)){.project-card:focus-within{box-shadow:var(--shadow),0 0 0 1px color-mix(in srgb,var(--accent)12%,transparent)}}.project-card.flagship{grid-column:1/-1;grid-template-columns:1.25fr .75fr;display:grid}.project-card-body{flex-direction:column;align-items:flex-start;min-width:0;padding:clamp(1.2rem,2vw,1.5rem);display:flex}.project-card h3{color:var(--text);margin:.75rem 0 0}.project-card h3 a{text-decoration:none}.project-description,.project-subtitle{color:var(--muted)}.project-subtitle{color:var(--text);margin:.45rem 0 0;font-weight:600;line-height:1.45}.project-description{-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:.55rem 0 0;display:-webkit-box;overflow:hidden}.project-card .text-link{margin-top:auto;padding-top:1rem}.project-meta{flex-wrap:wrap;gap:.4rem;display:flex}.project-meta span{letter-spacing:.08em;text-transform:uppercase;color:var(--accent);font-size:.68rem}.project-meta span+span:before{content:"·";color:var(--faint);margin-right:.4rem}.project-visual{aspect-ratio:8/5;background:var(--surface-2);overflow:hidden}.project-visual img{object-fit:cover;width:100%;height:100%;transition:transform .45s var(--ease)}.project-image-link .project-visual{transform:translate(var(--pointer-dx-inverse,0px),var(--pointer-dy-inverse,0px));transition:transform var(--motion-medium)var(--ease)}.project-card .project-meta,.project-card .text-link{transition:transform var(--motion-medium)var(--ease),color var(--motion-fast)}.project-card:hover .project-meta,.project-card:focus-within .project-meta{transform:translate(2px)}.project-card:hover img,.project-card:focus-within img{transform:scale(1.02)}.project-image-link{min-width:0;display:block}.project-card .tags{margin-top:1rem;padding:0;list-style:none}.visual-fallback{background:radial-gradient(circle at 20% 20%,var(--accent),transparent 30%),linear-gradient(145deg,var(--surface-3),var(--bg));place-content:center;height:100%;min-height:15rem;display:grid;position:relative;overflow:hidden}@supports (color:color-mix(in lab,red,red)){.visual-fallback{background:radial-gradient(circle at 20% 20%,color-mix(in srgb,var(--accent)22%,transparent),transparent 30%),linear-gradient(145deg,var(--surface-3),var(--bg))}}.visual-fallback:before,.visual-fallback:after{content:"";border:1px solid var(--border);border-radius:50%;width:16rem;height:16rem;position:absolute;top:-5rem;right:-5rem}.visual-fallback:after{width:10rem;height:10rem;top:auto;bottom:-4rem;left:-3rem}.visual-fallback strong{letter-spacing:-.08em;color:var(--accent);font-size:4rem}@supports (color:color-mix(in lab,red,red)){.visual-fallback strong{color:color-mix(in srgb,var(--accent)80%,white)}}.visual-fallback strong{z-index:1}.visual-fallback span{letter-spacing:.2em;text-transform:uppercase;color:var(--muted);z-index:1;font:.7rem ui-monospace,monospace}.visual-fallback i{border:1px solid var(--border-soft);border-radius:.8rem;position:absolute;inset:1rem}.bento{grid-template-columns:repeat(12,1fr);gap:1rem;display:grid}.capability{border-top:1px solid var(--border);grid-column:span 4;min-height:13rem;padding:1.5rem}.capability:first-child,.capability:nth-child(4){background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);grid-column:span 6}.capability h3{margin:.5rem 0}.capability p{color:var(--muted)}.capability-index{color:var(--accent);font:700 .75rem ui-monospace,monospace}.skills-matrix{background:var(--border);border:1px solid var(--border);border-radius:var(--radius-lg);grid-template-columns:repeat(2,1fr);gap:1px;display:grid;overflow:hidden}.skill-group{background:var(--bg-2);padding:1.6rem}.skill-group-heading{align-items:baseline;gap:.75rem;margin-bottom:1.25rem;display:flex}.skill-group h2,.skill-group h3{margin-top:0}.skill-group-heading h3{margin-bottom:0}.skill-group p{color:var(--muted)}.ownership{isolation:isolate;border:1px solid var(--border);border-radius:var(--radius-lg);background:linear-gradient(135deg,var(--surface),var(--bg));box-shadow:var(--glow);padding:clamp(2rem,5vw,4rem);position:relative;overflow:hidden}.ownership:before{content:"";z-index:-1;pointer-events:none;opacity:.52;background:radial-gradient(circle at var(--pointer-x,70%)var(--pointer-y,30%),var(--accent-2),transparent 28rem);position:absolute;inset:-40%}@supports (color:color-mix(in lab,red,red)){.ownership:before{background:radial-gradient(circle at var(--pointer-x,70%)var(--pointer-y,30%),color-mix(in srgb,var(--accent-2)18%,transparent),transparent 28rem)}}.ownership:before{transform:translate(var(--pointer-dx,0px),var(--pointer-dy-soft,0px));transition:transform var(--motion-slow)var(--ease)}.ownership-grid{grid-template-columns:repeat(2,1fr);gap:.7rem 2rem;display:grid}.ownership-grid p:before{content:"↗";color:var(--accent);margin-right:.65rem}.timeline{--timeline-progress:0;margin:0;padding:0;list-style:none;position:relative}.timeline:before{content:"";z-index:1;pointer-events:none;background:var(--accent);width:1px;transform:scaleY(var(--timeline-progress));transform-origin:top;transition:transform .12s linear;position:absolute;top:0;bottom:0;left:0}.timeline>li{border-left:1px solid var(--border);padding:0 0 2.2rem 2rem;position:relative}.timeline>li:before{content:"";background:var(--bg);border:2px solid var(--accent);z-index:2;width:.75rem;height:.75rem;transition:background var(--motion-medium),box-shadow var(--motion-medium);border-radius:50%;position:absolute;top:.3rem;left:-.42rem}.timeline>li[data-timeline-active=true]:before{background:var(--accent);box-shadow:0 0 0 .3rem var(--accent)}@supports (color:color-mix(in lab,red,red)){.timeline>li[data-timeline-active=true]:before{box-shadow:0 0 0 .3rem color-mix(in srgb,var(--accent)10%,transparent)}}.experience-card{grid-template-columns:12rem 1fr;gap:2rem;padding-bottom:.5rem;display:grid}.experience-date{color:var(--accent);font:650 .76rem ui-monospace,monospace}.experience-card h2{margin:0 0 .25rem;font-size:clamp(1.35rem,2.5vw,2rem)}.experience-company{color:var(--muted)}.experience-card ul{color:var(--muted);margin:.8rem 0;padding-left:1.15rem}.experience-card li+li{margin-top:.3rem}details summary{cursor:pointer;color:var(--accent);font-weight:700}.article-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem;display:grid}.article-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);grid-template-columns:10rem 1fr;display:grid;overflow:hidden}.article-card.featured{grid-column:1/-1;grid-template-columns:1.2fr .8fr}.article-art{background:radial-gradient(circle at 30% 30%,var(--accent-2),transparent 35%),linear-gradient(145deg,var(--surface-3),var(--bg));min-height:13rem}@supports (color:color-mix(in lab,red,red)){.article-art{background:radial-gradient(circle at 30% 30%,color-mix(in srgb,var(--accent-2)28%,transparent),transparent 35%),linear-gradient(145deg,var(--surface-3),var(--bg))}}.article-art{place-items:center;display:grid}.article-art span{color:var(--accent);font:700 2rem ui-monospace,monospace}.article-card-body{padding:1.4rem}.article-card[data-reveal=illustration] .article-art,.article-card[data-reveal=illustration] .article-card-body>*{transition:transform var(--motion-slow)var(--ease),opacity var(--motion-slow)var(--ease)}.motion-ready .article-card[data-reveal=illustration][data-visible=false] .article-art{opacity:.55;transform:scale(.985)}.motion-ready .article-card[data-reveal=illustration][data-visible=false] .article-card-body>*{opacity:0;transform:translateY(8px)}.article-card[data-reveal=illustration] .article-card-body>:nth-child(2){transition-delay:var(--motion-stagger)}.article-card[data-reveal=illustration] .article-card-body>:nth-child(3){transition-delay:calc(var(--motion-stagger)*2)}.article-card[data-reveal=illustration] .article-card-body>:nth-child(4){transition-delay:calc(var(--motion-stagger)*3)}.article-card h2,.article-card h3{margin:.5rem 0}.article-card h2 a,.article-card h3 a{text-decoration:none}.article-meta{color:var(--muted);font-size:.78rem}.page-hero{padding:clamp(4rem,7vw,7rem) 0 3rem}.page-hero .lede{max-width:55rem}.about-intro{grid-template-columns:minmax(16rem,.7fr) 1.3fr;align-items:center;gap:clamp(2rem,6vw,6rem);display:grid}.principles{grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}.principle{border-left:2px solid var(--accent);background:var(--surface);padding:1.3rem}@supports (color:color-mix(in lab,red,red)){.principle{background:color-mix(in srgb,var(--surface)60%,transparent)}}.education-grid{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}.education-card{border-top:1px solid var(--accent);background:var(--surface);padding:1.4rem}.education-card h3{font-size:1.2rem}.about-hero{padding-bottom:clamp(3rem,6vw,5.5rem)}.about-hero-grid{grid-template-columns:minmax(12rem,.42fr) minmax(0,1.58fr);align-items:center;gap:clamp(2rem,6vw,6rem);display:grid}.about-identity{aspect-ratio:4/5;border:1px solid var(--border);border-radius:var(--radius-lg);background:radial-gradient(circle at 35% 25%,var(--accent),transparent 52%),linear-gradient(145deg,var(--surface-2),var(--bg));min-height:22rem;position:relative;overflow:hidden}@supports (color:color-mix(in lab,red,red)){.about-identity{background:radial-gradient(circle at 35% 25%,color-mix(in srgb,var(--accent)18%,transparent),transparent 52%),linear-gradient(145deg,var(--surface-2),var(--bg))}}.about-identity{box-shadow:var(--glow)}.about-identity>img,.about-identity>picture,.about-identity>picture img,.about-identity>.portrait-fallback{object-fit:cover;width:100%;height:100%}.about-portrait-badge{border:1px solid var(--border);padding:.45rem .7rem;position:absolute;bottom:1rem;left:1rem}@supports (color:color-mix(in lab,red,red)){.about-portrait-badge{border:1px solid color-mix(in srgb,var(--border)75%,transparent)}}.about-portrait-badge{background:var(--bg);border-radius:999px}@supports (color:color-mix(in lab,red,red)){.about-portrait-badge{background:color-mix(in srgb,var(--bg)86%,transparent)}}.about-portrait-badge{color:var(--text);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:.78rem}.about-hero-copy{max-width:55rem}.about-hero-copy .page-title{max-width:15ch;font-size:clamp(2.55rem,5.5vw,5.25rem)}.profile-meta{border-block:1px solid var(--border);grid-template-columns:repeat(2,minmax(0,1fr));gap:0;margin:2rem 0;padding:0;list-style:none;display:grid}.profile-meta li{color:var(--muted);padding:.85rem 1rem .85rem 1.35rem;font-size:.9rem;position:relative}.profile-meta li:before{content:"";background:var(--accent);border-radius:50%;width:.38rem;height:.38rem;position:absolute;top:1.4rem;left:0}.about-section.section{padding-block:clamp(3.6rem,6.5vw,6rem)}.about-narrative{grid-template-columns:minmax(15rem,.72fr) minmax(0,1.28fr);gap:clamp(2rem,7vw,7rem);display:grid}.about-narrative header{max-width:29rem}.narrative-copy{max-width:45rem}.narrative-copy p:first-child{margin-top:0}.narrative-copy p,.section-intro,.about-principle p,.about-capabilities p,.personal-context>p:last-child{color:var(--muted)}.section-intro{max-width:48rem}.about-principles{grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch}.about-principle{border:1px solid var(--border);border-top:2px solid var(--accent);border-radius:var(--radius);flex-direction:column;min-height:16.5rem;padding:1.5rem;display:flex}.about-principle h3{margin:2rem 0 .65rem;font-size:1.1rem;line-height:1.35}.about-principle p{margin:0}.perspective-grid{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--border);grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;margin:0;padding:0;list-style:none;display:grid;overflow:hidden}.perspective-grid li{background:var(--surface);align-items:flex-end;min-height:10.5rem;padding:1.4rem;font-weight:650;display:flex}.about-capabilities{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.about-capabilities article{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);min-height:15rem;padding:1.5rem}@supports (color:color-mix(in lab,red,red)){.about-capabilities article{background:color-mix(in srgb,var(--surface)66%,transparent)}}.about-capabilities h3{margin:2rem 0 .6rem;font-size:1.15rem}.about-capabilities p{margin:0}.context-links{flex-wrap:wrap;gap:1.5rem;margin-top:2rem;display:flex}.education-group>h3{color:var(--muted);margin:0 0 1.2rem;font-size:1rem}.about-education-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.about-training-grid{grid-template-columns:minmax(0,1fr);max-width:calc(33.3333% - .666667rem);display:grid}.professional-development{margin-top:2.5rem}.about-education-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);flex-direction:column;min-height:15rem;padding:1.5rem;display:flex}.about-education-card h4{margin:1rem 0 .6rem;font-size:1.15rem}.about-education-card p{margin:.15rem 0}.education-label,.education-date{color:var(--accent);letter-spacing:.08em;text-transform:uppercase;font:650 .72rem ui-monospace,monospace}.education-date{color:var(--muted);padding-top:1.5rem;margin-top:auto!important}.personal-context{text-align:left}.personal-context h2{max-width:19ch}.about-cta{max-width:var(--container)}.about-cta h2,.about-cta .lede{max-width:44rem}.about-cta-actions{flex-wrap:wrap;align-items:center;gap:.75rem;margin-top:1.5rem;display:flex}.about-cta-actions .text-link{margin-left:.5rem}.filter-bar{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);z-index:10;grid-template-columns:repeat(3,1fr) auto auto;align-items:end;gap:.75rem;padding:1rem;display:grid;position:sticky;top:5.5rem}.filter-bar label{margin:0 0 .25rem;font-size:.75rem}.result-count{color:var(--muted);white-space:nowrap;align-self:center;margin:0}.case-hero{grid-template-columns:1fr 1fr;align-items:center;gap:3rem;display:grid}.case-meta{background:var(--border);border:1px solid var(--border);border-radius:var(--radius);grid-template-columns:repeat(2,1fr);gap:1px;margin-top:1.5rem;display:grid;overflow:hidden}.case-meta div{background:var(--surface);padding:1rem}.case-meta small{color:var(--muted);display:block}.case-layout{grid-template-columns:14rem minmax(0,48rem);gap:4rem;display:grid}.toc{align-self:start;position:sticky;top:7rem}.toc a{color:var(--muted);padding:.35rem 0;text-decoration:none;display:block}.prose{max-width:48rem}.prose p,.prose li{color:var(--muted)}.prose h2{margin-top:3.5rem;font-size:clamp(1.6rem,3vw,2.3rem)}.prose img{border-radius:var(--radius);border:1px solid var(--border)}.breadcrumbs ol{color:var(--muted);flex-wrap:wrap;gap:.5rem;padding:0;font-size:.85rem;list-style:none;display:flex}.breadcrumbs li:not(:last-child):after{content:"/";color:var(--faint);margin-left:.5rem}.contact-grid{grid-template-columns:.8fr 1.2fr;align-items:start;gap:clamp(2rem,7vw,7rem);display:grid}.contact-list{gap:.8rem;margin-top:2rem;display:grid}.contact-list a{color:var(--accent);text-decoration:none}.form-card{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow);padding:clamp(1.3rem,4vw,2.3rem)}.form-grid{grid-template-columns:1fr 1fr;gap:0 1rem;display:grid}label{margin:.8rem 0 .3rem;font-weight:700;display:block}input,textarea,select{border:1px solid var(--border);background:var(--bg-2);width:100%;color:var(--text);border-radius:.6rem;padding:.76rem}textarea{min-height:11rem}.full{grid-column:1/-1}.optional{color:var(--muted);font-weight:400}.field-error{color:var(--danger)}.honeypot{width:1px;height:1px;position:absolute;left:-10000px;overflow:hidden}.notice{border-left:3px solid var(--accent);background:var(--surface-2);padding:1rem}[data-reveal]{opacity:1;transform:none}@media(prefers-reduced-motion:no-preference){.motion-ready [data-reveal][data-visible=false]{opacity:0;filter:blur(var(--motion-blur));transform:translateY(var(--motion-distance))scale(.985)}.motion-ready [data-reveal]{transition:transform var(--motion-slow)var(--ease)var(--reveal-delay,0s),filter var(--motion-slow)var(--ease)var(--reveal-delay,0s)}.motion-ready [data-reveal][data-visible=true]{transition:opacity var(--motion-slow)var(--ease)var(--reveal-delay,0s),transform var(--motion-slow)var(--ease)var(--reveal-delay,0s),filter var(--motion-slow)var(--ease)var(--reveal-delay,0s)}.motion-ready [data-reveal=heading][data-visible=false]{transform:translateY(.9rem)}.motion-ready [data-reveal=copy][data-visible=false]{transform:translateY(1rem)scale(.992)}.motion-ready [data-reveal=card][data-visible=false]{transform:translateY(1.4rem)scale(.975)}.motion-ready [data-reveal=timeline][data-visible=false]{transform:translate(1rem)}.motion-ready [data-direction=up][data-visible=false]{transform:translateY(calc(var(--motion-distance)*-.65))scale(.99)}}.site-header{transition:background-color .25s var(--ease),border-color .25s var(--ease),box-shadow .25s var(--ease)}.site-header.is-scrolled{background:var(--bg)}@supports (color:color-mix(in lab,red,red)){.site-header.is-scrolled{background:color-mix(in srgb,var(--bg)94%,transparent)}}.site-header.is-scrolled{border-bottom-color:var(--border);box-shadow:0 8px 30px #00000014}.resume-heading{grid-template-columns:1fr auto;align-items:end;gap:1.5rem 3rem;display:grid}.resume-heading h1{margin:.2rem 0;font-size:clamp(2.8rem,7vw,5.5rem)}.resume-contact{flex-wrap:wrap;grid-column:1/-1;gap:.7rem 1.4rem;font-style:normal;display:flex}.resume-actions{flex-wrap:wrap;gap:.7rem;display:flex}.fixture-note{color:var(--muted);grid-column:1/-1;font-size:.8rem}.resume-layout{grid-template-columns:12rem minmax(0,52rem);gap:4rem;padding-bottom:7rem;display:grid}.resume-nav{align-self:start;gap:.45rem;display:grid;position:sticky;top:7rem}.resume-nav a{color:var(--muted);text-decoration:none}.resume-content>section{padding:0 0 3.5rem;scroll-margin-top:7rem}.resume-content h2{border-bottom:1px solid var(--border);padding-bottom:.7rem}.resume-role{border-bottom:1px solid var(--border-soft);padding:1.5rem 0}.resume-role header{justify-content:space-between;gap:1.5rem;display:flex}.resume-role h3,.resume-role p{margin:.2rem 0}.resume-tech-grid,.resume-projects{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.resume-tech-grid>div,.resume-projects article{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1rem}.language-list{background:var(--border);grid-template-columns:repeat(4,1fr);gap:1px;padding:0;list-style:none;display:grid}.language-list li{background:var(--surface);gap:.25rem;padding:1rem;display:grid}.language-list span{color:var(--muted)}@media(max-width:1000px){.nav-resume{display:none}.project-card.flagship{grid-template-columns:1fr}.bento .capability{grid-column:span 6}.experience-card{grid-template-columns:9rem 1fr}.case-layout{grid-template-columns:1fr}.toc{display:none}.resume-layout{grid-template-columns:1fr;gap:2rem}.resume-nav{flex-wrap:wrap;display:flex;position:static}.about-principles,.perspective-grid,.about-capabilities,.about-education-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.about-training-grid{max-width:calc(50% - .5rem)}}@media(max-width:900px){.hero-grid{grid-template-columns:1fr;gap:2.5rem}.hero-copy{order:1}.hero-portrait{order:2;max-width:23rem}.credibility{grid-template-columns:repeat(2,1fr)}.fact:nth-child(2){border-right:0}}@media(max-width:760px){.container{width:min(calc(100% - 1.5rem),var(--container))}.section{padding:4rem 0}.nav{min-height:4.25rem}.logo span{display:none}.menu-button,.mobile-only{display:block}.nav-contact{display:none}.nav-links{background:var(--bg);z-index:29;flex-direction:column;align-items:stretch;padding:1.5rem;display:none;position:fixed;inset:4.25rem 0 0}.nav-links[data-open=true]{display:flex}.nav-links a{padding:1rem;font-size:1.25rem}.menu-open{overflow:hidden}.hero-grid,.about-intro,.about-hero-grid,.about-narrative,.case-hero,.contact-grid{grid-template-columns:1fr}.hero-portrait{max-width:21rem}.project-grid,.article-grid,.skills-matrix,.education-grid,.principles{grid-template-columns:1fr}.project-card.flagship{grid-column:auto;display:block}.project-visual{min-height:13rem}.bento{display:block}.capability{margin-bottom:1rem}.experience-card{grid-template-columns:1fr;gap:.5rem}.article-card,.article-card.featured{grid-column:auto;grid-template-columns:1fr}.article-art{min-height:10rem}.filter-bar{grid-template-columns:1fr 1fr;position:static}.filter-bar>div:first-child{grid-column:1/-1}.ownership-grid,.form-grid,.case-meta{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}.section-head{display:block}.display{font-size:clamp(3rem,14vw,4.5rem)}.resume-heading,.resume-tech-grid,.resume-projects{grid-template-columns:1fr}.resume-contact,.fixture-note{grid-column:auto}.resume-role header{display:block}.language-list{grid-template-columns:1fr 1fr}.about-identity{width:min(100%,22rem);min-height:0}.profile-meta,.about-principles,.perspective-grid,.about-capabilities,.about-education-grid{grid-template-columns:1fr}.about-training-grid{max-width:none}.about-principle,.about-capabilities article,.about-education-card,.perspective-grid li{min-height:auto}}@media(max-width:420px){.credibility,.filter-bar,.footer-grid{grid-template-columns:1fr}.fact{border-right:0;border-bottom:1px solid var(--border)}.footer-grid>div:first-child{grid-column:auto}.actions .button,.hero-actions>a{width:100%}.about-cta-actions{align-items:stretch}.about-cta-actions .button{width:100%}.about-cta-actions .text-link{margin:.5rem 0 0}}@media(prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media print{.site-header,.site-footer,.resume-nav,.print-button,.fixture-note,.skip{display:none!important}:root{color-scheme:light}body{color:#111;background:#fff;font-size:10pt}.section,.resume-hero{padding:0 0 1rem}.resume-layout,.resume-heading{width:100%;display:block}.resume-content>section{break-inside:avoid;padding-bottom:1rem}.resume-role{break-inside:avoid;padding:.5rem 0}.resume-tech-grid,.resume-projects,.education-grid{grid-template-columns:1fr 1fr}a{color:inherit;text-decoration:none}}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}
