@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/fef07dbb0973bf53-s.00az9qtie3ho1.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/8a480f0b521d4e75-s.3j-a226dh71aj.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/53b9e256198e5412-s.2gwoz23eiro2t.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/7178b3e590c64307-s.0i3h3th1vs4m7.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/caa3a2e1cccd8315-s.p.0zr6hhvz-h9nw.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Fallback;src:local(Arial);ascent-override:95.94%;descent-override:28.16%;line-gap-override:0.0%;size-adjust:104.76%}.geist_a8fa0c1a-module__MXp6vq__className{font-family:Geist,Geist Fallback;font-style:normal}.geist_a8fa0c1a-module__MXp6vq__variable{--font-geist-sans:"Geist", "Geist Fallback"}
@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-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, 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;--color-white:#fff;--font-weight-normal:400;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--tracking-tight:-.025em;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--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,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, 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;-webkit-text-decoration:inherit;-webkit-text-decoration: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:where(:not(iframe)){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{.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.relative{position:relative}.static{position:static}.sticky{position:sticky}.top-0{top:0}.top-\[96px\]{top:96px}.top-\[100px\]{top:100px}.top-\[104px\]{top:104px}.top-\[526px\]{top:526px}.top-\[530px\]{top:530px}.top-\[534px\]{top:534px}.left-0{left:0}.left-\[56px\]{left:56px}.left-\[60px\]{left:60px}.left-\[64px\]{left:64px}.left-\[596px\]{left:596px}.left-\[600px\]{left:600px}.left-\[604px\]{left:604px}.left-\[1136px\]{left:1136px}.left-\[1140px\]{left:1140px}.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}}.mr-\[16px\]{margin-right:16px}.mb-\[8px\]{margin-bottom:8px}.mb-\[24px\]{margin-bottom:24px}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.h-\[4px\]{height:4px}.h-\[12px\]{height:12px}.h-\[40px\]{height:40px}.h-\[96px\]{height:96px}.h-\[100px\]{height:100px}.h-\[426px\]{height:426px}.h-full{height:100%}.w-\[4px\]{width:4px}.w-\[12px\]{width:12px}.w-\[40px\]{width:40px}.w-\[536px\]{width:536px}.w-full{width:100%}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.flex-col{flex-direction:column}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-center{justify-content:center}.rounded-\[24px\]{border-radius:24px}.rounded-\[40px\]{border-radius:40px}.rounded-full{border-radius:3.40282e38px}.border{border-style:var(--tw-border-style);border-width:1px}.bg-\[\#05060A\]{background-color:#05060a}.bg-\[\#171717\]{background-color:#171717}.bg-\[\#F7DF1E\]{background-color:#f7df1e}.bg-white{background-color:var(--color-white)}.p-\[32px\]{padding:32px}.px-\[32px\]{padding-inline:32px}.px-\[48px\]{padding-inline:48px}.py-\[16px\]{padding-block:16px}.py-\[40px\]{padding-block:40px}.pl-\[32px\]{padding-left:32px}.font-sans{font-family:var(--font-sans)}.text-\[20px\]{font-size:20px}.text-\[24px\]{font-size:24px}.text-\[48px\]{font-size:48px}.text-\[56px\]{font-size:56px}.leading-\[1\.1\]{--tw-leading:1.1;line-height:1.1}.leading-\[1\.5\]{--tw-leading:1.5;line-height:1.5}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-extrabold{--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-\[0\.01em\]{--tw-tracking:.01em;letter-spacing:.01em}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.text-\[\#333\]{color:#333}.text-\[\#171717\]{color:#171717}.text-\[\#A1A1AA\]{color:#a1a1aa}.text-\[\#F7F7F5\]{color:#f7f7f5}.text-white{color:var(--color-white)}.underline{text-decoration-line:underline}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}:root{--background:#f7f8fb;--foreground:#121826;--body:#374151;--muted:#667085;--subtle:#7b8495;--accent:#5267d8;--border:#181f2e1f;--border-strong:#181f2e2e;--surface:#fff;--danger:#b42318;--danger-border:#d92d20;--danger-bg:#d92d200f;--glow-color:102, 119, 230;--glow-opacity:.08;--glow-size:560px;--tag-bg:#5267d817;--tag-color:var(--accent);--tag-border:#5267d826;--project-glass-bg:#ffffff8c;--project-glass-border:#5267d824;--project-glass-shadow:0 8px 30px #1218260d;--portfolio-top-offset:5rem}[data-theme=dark]{--background:#0b1120;--foreground:#f4f7fc;--body:#c5cedd;--muted:#93a1b5;--subtle:#7f8da3;--accent:#91a7ff;--border:#94a3b82e;--border-strong:#94a3b842;--surface:#111827;--danger:#f97066;--danger-border:#f04438;--danger-bg:#f0443814;--glow-color:145, 167, 255;--glow-opacity:.04;--glow-size:500px;--tag-bg:#91a7ff1f;--tag-color:var(--accent);--tag-border:#91a7ff26;--project-glass-bg:#11182785;--project-glass-border:#91a7ff29;--project-glass-shadow:0 8px 30px #00000029}html[data-intro=active]{overflow:hidden}html:not([data-intro=active]) .intro-overlay{display:none!important}.intro-overlay{z-index:9999;background:var(--background);opacity:1;place-items:center;transition:opacity .72s cubic-bezier(.22,1,.36,1);display:grid;position:fixed;inset:0;overflow:hidden}.intro-overlay[data-closing=true]{opacity:0;pointer-events:none}.intro-hello{width:min(72vw,760px)}.hello__svg{width:100%;height:auto;display:block;overflow:visible}.hello__path{fill:none;stroke:var(--foreground);stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-width:32px;stroke-dasharray:5800;stroke-dashoffset:5800px;animation:3.5s linear forwards anim__hello}@keyframes anim__hello{0%,25%{stroke-dashoffset:5800px}to{stroke-dashoffset:0}}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}body{background-color:var(--background);color:var(--body);font-family:var(--font-geist-sans), system-ui, -apple-system, sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:15px;line-height:1.65;transition:background-color .2s,color .2s}.text-name{letter-spacing:-.02em;color:var(--foreground);font-size:clamp(2rem,3.5vw,2.75rem);font-weight:600;line-height:1.1}.text-role{color:var(--body);letter-spacing:-.005em;font-size:clamp(1rem,1.5vw,1.125rem);font-weight:400}.text-tagline{color:var(--body);font-size:.9375rem;line-height:1.65}.text-label{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:.6875rem;font-weight:500}.text-value{color:var(--foreground);font-size:.875rem;font-weight:500}.section-heading{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:2rem;font-size:.6875rem;font-weight:500}@media (max-width:767px){.section-heading{margin-bottom:1.5rem;font-size:.75rem}}.portfolio-container{max-width:1200px;margin-inline:auto;padding-inline:2.5rem}.portfolio-grid{grid-template-columns:38% 1fr;align-items:start;gap:6rem;min-height:100vh;display:grid}.identity-column{height:100vh;padding-block:var(--portfolio-top-offset);flex-direction:column;display:flex;position:sticky;top:0;overflow:hidden}.content-column{padding-block:var(--portfolio-top-offset)}@media (max-width:1024px){.portfolio-container{padding-inline:2rem}.portfolio-grid{grid-template-columns:44% 1fr;gap:3.5rem}}@media (max-width:767px){:root{--portfolio-top-offset:2rem}.portfolio-container{padding-inline:1.25rem}.portfolio-grid{grid-template-columns:1fr;gap:0}.identity-column{height:auto;padding-block:3rem 2.5rem;position:static}.content-column{padding-block:.5rem 5rem}}.section-nav{flex-direction:column;gap:.125rem;display:flex}.nav-item{cursor:pointer;text-align:left;color:var(--muted);background:0 0;border:none;align-items:center;gap:1rem;width:fit-content;padding-block:.375rem;transition:color .25s;display:flex}.nav-item:hover{color:var(--body)}.nav-item.active{color:var(--foreground)}.nav-item.active .nav-line{height:2px}.nav-line{background-color:currentColor;flex-shrink:0;width:32px;height:1px;transition:width .3s,background-color .25s;display:block}.nav-item.active .nav-line{width:72px}.nav-item:hover:not(.active) .nav-line{width:48px}.nav-label{letter-spacing:.1em;text-transform:uppercase;font-size:.6875rem;font-weight:500}@media (max-width:767px){.section-nav{display:none}}.location-time-row{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.location-time-item{flex-direction:column;gap:.3rem;display:flex}.social-links{align-items:center;gap:.125rem;display:flex}.social-link{width:2.5rem;height:2.5rem;color:var(--muted);border-radius:.375rem;justify-content:center;align-items:center;text-decoration:none;transition:color .2s,transform .2s;display:inline-flex}.social-link:hover{color:var(--accent);transform:translateY(-2px)}.social-link:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.theme-toggle{width:2.5rem;height:2.5rem;color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:.375rem;justify-content:center;align-items:center;transition:color .2s,transform .2s;display:inline-flex}.theme-toggle:hover{color:var(--accent);transform:translateY(-2px)}.theme-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@keyframes icon-spin-in{0%{opacity:0;transform:rotate(-90deg)scale(.5)}to{opacity:1;transform:rotate(0)scale(1)}}.theme-toggle svg{animation:.4s cubic-bezier(.34,1.56,.64,1) forwards icon-spin-in}.pointer-glow{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.content-section{border-top:1px solid var(--border);scroll-margin-top:calc(var(--portfolio-top-offset) - 7.5rem);padding-block:7.5rem}.content-section:first-of-type{scroll-margin-top:var(--portfolio-top-offset);border-top:none;padding-top:0}@media (max-width:767px){.content-section{scroll-margin-top:calc(var(--portfolio-top-offset) - 5.5rem);padding-block:5.5rem}.content-section:first-of-type{scroll-margin-top:calc(var(--portfolio-top-offset) - 2rem);padding-top:2rem}}.about-body{flex-direction:column;gap:1rem;max-width:56ch;display:flex}.about-body p{color:var(--body);font-size:.9375rem;line-height:1.75}.about-body p strong{color:var(--foreground);font-weight:500}.experience-list{flex-direction:column;display:flex}.experience-entry{border-top:1px solid var(--border);grid-template-columns:28% 1fr;gap:1.5rem;padding-block:1.5rem;transition:border-color .18s;display:grid}.experience-entry:first-child{border-top:none;padding-top:0}.experience-entry:hover{border-color:var(--border-strong)}.experience-date{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);padding-top:.15rem;font-size:.6875rem;font-weight:500;line-height:1.4}.experience-details{flex-direction:column;gap:.5rem;display:flex}.experience-role-line{flex-wrap:wrap;align-items:baseline;gap:.375rem;display:flex}.experience-role{color:var(--foreground);font-size:.9375rem;font-weight:500;line-height:1.3;text-decoration:none;transition:color .18s}.experience-entry:hover .experience-role{color:var(--accent)}.experience-separator{color:var(--border-strong);font-size:.8rem;line-height:1}.experience-company{color:var(--body);align-items:center;gap:.25rem;font-size:.9375rem;font-weight:400;text-decoration:none;transition:color .18s;display:inline-flex}.experience-company-link{color:var(--body);align-items:center;gap:.2rem;text-decoration:none;transition:color .18s;display:inline-flex}.experience-company-link:hover{color:var(--accent)}.experience-arrow{color:var(--muted);font-size:.75rem;line-height:1;transition:transform .18s,color .18s;display:inline-block}.experience-entry:hover .experience-arrow{color:var(--accent);transform:translate(2px,-2px)}.experience-description{color:var(--body);margin-top:.25rem;font-size:.875rem;line-height:1.7}.experience-tags{flex-wrap:wrap;gap:.375rem;margin-top:.5rem;display:flex}.experience-tag{letter-spacing:.03em;color:var(--tag-color);background:var(--tag-bg);border:1px solid var(--tag-border);border-radius:3px;padding:.25rem .55rem;font-size:.6875rem;font-weight:500}@media (max-width:767px){.experience-entry{grid-template-columns:1fr;gap:.625rem}}.project-list{flex-direction:column;display:flex}@media (hover:hover) and (pointer:fine){:is(.project-list:has(.project-row:hover) .project-row:not(:hover),.project-list:has(.project-row:focus-visible) .project-row:not(:focus-visible),.project-list:has(.project-row:focus-within) .project-row:not(:focus-within)){opacity:.54}}.project-row{border:1px solid #0000;border-top-color:var(--border);color:inherit;background-color:#0000;border-radius:12px;grid-template-columns:28% 1fr;gap:1.5rem;margin-inline:-1rem;padding:1.75rem 1rem;text-decoration:none;transition:background-color .25s,border-color .25s,box-shadow .25s,-webkit-backdrop-filter .25s,backdrop-filter .25s,opacity .25s,transform .25s;display:grid}.project-row:first-child{border-top-color:#0000}.project-row:hover,.project-row:focus-within{background-color:var(--project-glass-bg);border-color:var(--project-glass-border);box-shadow:var(--project-glass-shadow);-webkit-backdrop-filter:blur(12px)}.project-image-wrap{aspect-ratio:16/10;border:1px solid var(--border);background:var(--surface);border-radius:6px;flex-shrink:0;transition:transform .2s,border-color .2s;position:relative;overflow:hidden}.project-row:hover .project-image-wrap,.project-row:focus-within .project-image-wrap{border-color:var(--border-strong);transform:translateY(-3px)scale(1.02)}.project-image{object-fit:cover;width:100%;height:100%;display:block}.project-image-placeholder{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.project-image-placeholder-inner{background:var(--border-strong);border-radius:1px;width:40%;height:1px}.project-content{flex-direction:column;justify-content:center;gap:.5rem;display:flex}.project-name-line{align-items:baseline;gap:.375rem;display:flex}.project-name{color:var(--foreground);font-size:.9375rem;font-weight:500;line-height:1.3;text-decoration:none;transition:color .2s}.project-row:hover .project-name,.project-row:focus-within .project-name{color:var(--accent)}.project-arrow{color:var(--muted);font-size:.8rem;line-height:1;transition:transform .2s,color .2s;display:inline-block}.project-row:hover .project-arrow,.project-row:focus-within .project-arrow{color:var(--accent);transform:translate(3px)}.project-description{color:var(--body);font-size:.875rem;line-height:1.7}.project-tags{flex-wrap:wrap;gap:.475rem;margin-top:.25rem;display:flex}.project-tag{letter-spacing:.03em;color:var(--tag-color);background:var(--tag-bg);border:1px solid var(--tag-border);border-radius:3px;padding:.25rem .55rem;font-size:.6875rem;font-weight:500}@media (max-width:767px){.project-row{grid-template-columns:1fr;gap:.875rem}.project-image-wrap{aspect-ratio:16/9}}.projects-archive-link-wrapper{grid-template-columns:28% 1fr;gap:1.5rem;margin-inline:-1rem;padding:1.5rem 1rem 0;display:grid}@media (max-width:767px){.projects-archive-link-wrapper{grid-template-columns:1fr;gap:.875rem}}.projects-archive-link{color:var(--foreground);grid-column:2;align-items:baseline;gap:.375rem;width:fit-content;font-size:.9375rem;font-weight:500;text-decoration:none;transition:color .25s;display:inline-flex}@media (max-width:767px){.projects-archive-link{grid-column:1}}.projects-archive-link:hover,.projects-archive-link:focus-visible{color:var(--accent)}.projects-archive-arrow{color:var(--muted);font-size:.8rem;line-height:1;transition:transform .25s,color .25s;display:inline-block}.projects-archive-link:hover .projects-archive-arrow,.projects-archive-link:focus-visible .projects-archive-arrow{color:var(--accent);transform:translate(3px)}.skills-grid{grid-template-columns:1fr 1fr;gap:2rem 3rem;display:grid}.skill-group{flex-direction:column;gap:.5rem;display:flex}.skill-group-label{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-size:.6875rem;font-weight:500}.skill-items{color:var(--body);font-size:.875rem;line-height:1.7}@media (max-width:600px){.skills-grid{grid-template-columns:1fr;gap:1.5rem}}.contact-layout{flex-direction:column;display:flex}.contact-body{flex-direction:column;gap:1.25rem;max-width:48ch;display:flex}.contact-heading{letter-spacing:-.02em;color:var(--foreground);font-size:1.375rem;font-weight:500;line-height:1.25}.contact-text{color:var(--body);font-size:.9375rem;line-height:1.75}.contact-form-wrapper{width:100%;margin-top:1rem;margin-bottom:2rem}.contact-form{flex-direction:column;gap:1.25rem;display:flex}.form-group{flex-direction:column;gap:.375rem;display:flex}.form-label{color:var(--body);font-size:.8125rem;font-weight:500}.form-input{border:1px solid var(--border-strong);color:var(--foreground);background:0 0;border-radius:4px;width:100%;padding:.625rem .875rem;font-family:inherit;font-size:1rem;transition:border-color .18s,outline .18s}.form-input:focus{border-color:var(--accent);outline:none}.form-input::placeholder{color:var(--subtle);opacity:1}.form-input[aria-invalid=true]{border-color:var(--danger-border)}.form-input[aria-invalid=true]:focus{border-color:var(--danger-border);box-shadow:0 0 0 3px var(--danger-bg)}.form-textarea{resize:vertical}.form-error{color:var(--danger);margin-top:.25rem;font-size:.8125rem;font-weight:500}.form-submit{border:1px solid var(--border-strong);color:var(--foreground);cursor:pointer;background:0 0;border-radius:4px;align-self:flex-start;margin-top:.5rem;padding:.5rem 1.25rem;font-size:.875rem;font-weight:500;transition:all .18s}.form-submit:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.form-submit:disabled{opacity:.6;cursor:not-allowed}.contact-fallback{border-top:1px solid var(--border);flex-direction:column;gap:.25rem;margin-top:1rem;padding-top:2rem;display:flex}.contact-fallback-label{color:var(--muted);font-size:.8125rem}.contact-email-link{color:var(--foreground);border-bottom:1px solid var(--border);align-items:center;gap:.375rem;width:fit-content;padding-bottom:.125rem;font-size:.9375rem;font-weight:500;text-decoration:none;transition:color .18s,border-color .18s;display:inline-flex}.contact-email-link:hover{color:var(--accent);border-color:var(--accent)}.contact-email-arrow{font-size:.8rem;transition:transform .18s}.contact-email-link:hover .contact-email-arrow{transform:translate(2px,-1px)}.portfolio-toast{background:var(--surface)!important;border:1px solid var(--border-strong)!important;color:var(--foreground)!important;box-shadow:0 4px 12px #0000000d!important}.portfolio-toast-title{color:var(--foreground)!important;font-size:.875rem!important;font-weight:500!important}.portfolio-toast-description{color:var(--body)!important;font-size:.8125rem!important}[data-theme=dark] .portfolio-toast{box-shadow:0 4px 12px #0003!important}.site-footer{border-top:1px solid var(--border);padding-block:3rem 0}.site-footer-inner{color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;font-size:.8125rem;display:flex}@media (max-width:767px){.site-footer{padding-block:2rem 3rem}}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:2px}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--muted)}.work-archive-container,.case-study-container{max-width:800px;margin-inline:auto;padding:5rem 2.5rem}.work-nav{margin-bottom:4rem}.back-link,.footer-nav-link{color:var(--muted);align-items:center;gap:.5rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:color .2s,transform .2s;display:inline-flex}.back-link:hover,.footer-nav-link:hover{color:var(--accent)}.back-link:hover .back-arrow{transform:translate(-3px)}.back-arrow{transition:transform .2s}.work-header,.case-study-hero{margin-bottom:4rem}.case-study-title{letter-spacing:-.02em;color:var(--foreground);margin-bottom:1.5rem;font-size:clamp(2.5rem,5vw,4rem);font-weight:600;line-height:1.1}.case-study-description{color:var(--body);max-width:48ch;margin-bottom:3rem;font-size:clamp(1.125rem,1.3vw,1.375rem);line-height:1.6}.case-study-metadata{border-top:1px solid var(--border);flex-wrap:wrap;gap:2rem 4rem;padding-top:2rem;display:flex}.metadata-group{flex-direction:column;gap:.375rem;display:flex}.metadata-label{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:.6875rem;font-weight:500}.metadata-value,.metadata-link{color:var(--foreground);font-size:.875rem;font-weight:500}.metadata-link{align-items:center;text-decoration:none;transition:color .18s;display:inline-flex}.metadata-link:hover{color:var(--accent)}.metadata-links{flex-direction:column;gap:.25rem;display:flex}.case-study-image-wrap{aspect-ratio:16/10;border:1px solid var(--border);background:var(--surface);border-radius:8px;width:100%;margin-bottom:4rem;position:relative;overflow:hidden}.case-study-placeholder{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.case-study-content{margin-inline:auto;flex-direction:column;gap:3rem;margin-bottom:6rem;display:flex}.case-study-text p{color:var(--body);margin-bottom:1.25rem;font-size:1rem;line-height:1.75}.case-study-list{color:var(--body);flex-direction:column;gap:.5rem;padding-left:1.5rem;font-size:1rem;line-height:1.75;list-style:outside;display:flex}.case-study-footer-nav{border-top:1px solid var(--border);justify-content:space-between;align-items:center;padding-top:3rem;display:flex}@media (max-width:767px){.work-archive-container,.case-study-container{padding:3rem 1.25rem}.case-study-title{font-size:2.25rem}.case-study-description{font-size:1.125rem}.case-study-metadata{flex-direction:column;gap:1.5rem}}.work-sticky-header{z-index:50;background:var(--background);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border);margin-inline:-2.5rem;border-radius:12px;margin-top:-5rem;margin-bottom:4rem;padding-inline:2.5rem;position:sticky;top:0}.work-sticky-header-inner{justify-content:space-between;align-items:center;max-width:800px;height:64px;margin:0 auto;display:flex}.work-sticky-nav{align-items:center;gap:.5rem;font-size:.875rem;display:flex}.work-sticky-link{color:var(--muted);font-weight:500;text-decoration:none;transition:color .2s}.work-sticky-link:hover{color:var(--accent)}.work-sticky-separator{color:var(--subtle)}.work-sticky-current{color:var(--foreground);font-weight:500}.project-gallery-wrapper{margin-bottom:4rem}.gallery-trigger-button{cursor:zoom-in;text-align:left;background:0 0;border:none;width:100%;padding:0;display:block}.gallery-trigger-button.cover-trigger{margin-bottom:2rem}.gallery-mosaic{border-radius:12px;gap:8px;height:clamp(300px,31vw,440px);margin-bottom:4rem;display:grid;overflow:hidden}.gallery-mosaic.layout-1{grid-template-columns:1fr}.gallery-mosaic.layout-2{grid-template-columns:1fr 1fr}.gallery-mosaic.layout-3{grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr}.gallery-mosaic.layout-4,.gallery-mosaic.layout-5{grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr 1fr}.mosaic-tile{background:var(--surface);cursor:zoom-in;text-align:left;border:none;border-radius:2px;width:100%;height:100%;padding:0;display:block;position:relative;overflow:hidden}.gallery-mosaic.layout-3 .tile-0{grid-area:1/1/3/2}.gallery-mosaic.layout-3 .tile-1{grid-area:1/2/2/3}.gallery-mosaic.layout-3 .tile-2{grid-area:2/2/3/3}.gallery-mosaic.layout-4{grid-template-rows:1fr 1fr;grid-template-columns:2fr 1fr 1fr}.gallery-mosaic.layout-4 .tile-0{grid-area:1/1/3/2}.gallery-mosaic.layout-4 .tile-1{grid-area:1/2/2/4}.gallery-mosaic.layout-4 .tile-2{grid-area:2/2/3/3}.gallery-mosaic.layout-4 .tile-3{grid-area:2/3/3/4}.gallery-mosaic.layout-5{grid-template-rows:1fr 1fr;grid-template-columns:2fr 1fr 1fr}.gallery-mosaic.layout-5 .tile-0{grid-area:1/1/3/2}.gallery-mosaic.layout-5 .tile-1{grid-area:1/2/2/3}.gallery-mosaic.layout-5 .tile-2{grid-area:1/3/2/4}.gallery-mosaic.layout-5 .tile-3{grid-area:2/2/3/3}.gallery-mosaic.layout-5 .tile-4{grid-area:2/3/3/4}.mosaic-image{width:100%;height:100%;transition:transform .3s;display:block}@media (hover:hover) and (pointer:fine){.mosaic-tile:hover .mosaic-image{transform:scale(1.02)}}.mosaic-overlay{background:#00000080;justify-content:center;align-items:center;transition:background-color .2s;display:flex;position:absolute;inset:0}.mosaic-tile:hover .mosaic-overlay{background:#0006}.overlay-text{color:#fff;text-align:center;letter-spacing:-.01em;font-size:1.125rem;font-weight:500;line-height:1.2}.desktop-overlay{display:flex}.mobile-overlay{display:none}@media (max-width:767px){.gallery-mosaic{height:clamp(220px,55vw,300px);margin-bottom:3rem}.gallery-mosaic.layout-3,.gallery-mosaic.layout-4,.gallery-mosaic.layout-5{grid-template-rows:1fr 1fr;grid-template-columns:3fr 2fr}.gallery-mosaic.layout-3 .tile-0,.gallery-mosaic.layout-4 .tile-0,.gallery-mosaic.layout-5 .tile-0{grid-area:1/1/3/2}.gallery-mosaic.layout-3 .tile-1,.gallery-mosaic.layout-4 .tile-1,.gallery-mosaic.layout-5 .tile-1{grid-area:1/2/2/3}.gallery-mosaic.layout-3 .tile-2,.gallery-mosaic.layout-4 .tile-2,.gallery-mosaic.layout-5 .tile-2{grid-area:2/2/3/3}.tile-3,.tile-4{display:none!important}.desktop-overlay{display:none}.mobile-overlay{display:flex}}.gallery-trigger-button:hover .case-study-image-wrap{border-color:var(--border-strong);transform:scale(1.005)}.lightbox-overlay{z-index:100;flex-direction:column;animation:.2s lightboxFadeIn;display:flex;position:fixed;inset:0}@keyframes lightboxFadeIn{0%{opacity:0}to{opacity:1}}.lightbox-backdrop{-webkit-backdrop-filter:blur(8px);background:#0a0a0ae6;position:absolute;inset:0}.lightbox-header{z-index:101;color:#fff;justify-content:space-between;align-items:center;padding:1.5rem;display:flex;position:relative}.lightbox-counter{letter-spacing:.05em;opacity:.7;font-size:.875rem;font-weight:500}.lightbox-close{color:#fff;cursor:pointer;opacity:.7;background:0 0;border:none;padding:.5rem;transition:opacity .2s}.lightbox-close:hover{opacity:1}.lightbox-viewport{z-index:101;flex:1;position:relative;overflow:hidden}.lightbox-container{touch-action:pan-y pinch-zoom;height:100%;display:flex}.lightbox-slide{flex-direction:column;flex:0 0 100%;justify-content:center;align-items:center;min-width:0;height:100%;padding:0 4rem;display:flex}.lightbox-slide-inner{width:100%;height:85%;position:relative}.lightbox-caption{color:#ffffffb3;text-align:center;margin-top:1rem;font-size:.875rem}.lightbox-nav{z-index:102;color:#fff;cursor:pointer;opacity:.5;background:0 0;border:none;padding:1rem;transition:opacity .2s;position:absolute;top:50%;transform:translateY(-50%)}.lightbox-nav:hover:not(:disabled){opacity:1}.lightbox-nav:disabled{opacity:.1;cursor:not-allowed}.lightbox-prev{left:1rem}.lightbox-next{right:1rem}@media (prefers-reduced-motion:reduce){.project-row:hover .project-image-wrap,.project-row:focus-within .project-image-wrap,.gallery-trigger-button:hover .gallery-image-wrap,.gallery-trigger-button:hover .case-study-image-wrap{transform:none!important}}@media (max-width:767px){.work-sticky-header{margin-inline:-1.25rem;margin-top:-3rem;padding-inline:1.25rem}.desktop-only{display:none}.gallery-grid{grid-template-columns:1fr}.lightbox-slide{padding:0 1rem}.lightbox-nav{display:none}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}