/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */
@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-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--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;--color-gray-100:oklch(96.7% .003 264.542);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-300:oklch(87.2% .01 258.338);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-600:oklch(44.6% .03 256.802);--color-gray-700:oklch(37.3% .034 259.733);--color-gray-900:oklch(21% .034 264.665);--color-white:#fff;--spacing:.25rem;--container-xl:36rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--radius-md:.375rem;--radius-lg:.5rem;--ease-out:cubic-bezier(0, 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,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;-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{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{.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-6{margin-top:calc(var(--spacing) * 6)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.max-w-xl{max-width:var(--container-xl)}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-center{justify-content:center}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-6{gap:calc(var(--spacing) * 6)}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.border{border-style:var(--tw-border-style);border-width:1px}.border-gray-200{border-color:var(--color-gray-200)}.border-gray-300{border-color:var(--color-gray-300)}.bg-gray-100{background-color:var(--color-gray-100)}.bg-gray-900{background-color:var(--color-gray-900)}.p-5{padding:calc(var(--spacing) * 5)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.py-1{padding-block:var(--spacing)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.text-center{text-align:center}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.text-gray-600{color:var(--color-gray-600)}.text-gray-700{color:var(--color-gray-700)}.text-gray-900{color:var(--color-gray-900)}.text-white{color:var(--color-white)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.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,)}@media (hover:hover){.hover\:border-gray-400:hover{border-color:var(--color-gray-400)}.hover\:bg-gray-700:hover{background-color:var(--color-gray-700)}.hover\:underline:hover{text-decoration-line:underline}}@media (width>=40rem){.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=64rem){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#07090d;--ink-soft:#0b0f16;--surface:#0d121bc2;--surface-strong:#101621f0;--paper:#f2f5f8;--text:#e8edf5;--text-soft:#9ca7b6;--text-faint:#657184;--blue:#4e90ff;--blue-bright:#8ab8ff;--blue-deep:#1f5ecb;--line:#cadaf124;--line-strong:#cadaf142;--display:"Manrope", sans-serif;--mono:"DM Mono", monospace;--page-padding:clamp(1.25rem, 3.2vw, 3.5rem);--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in-out:cubic-bezier(.87, 0, .13, 1);font-family:var(--display);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html{background:var(--ink);scroll-behavior:auto;scrollbar-color:var(--blue-deep) var(--ink);scrollbar-width:thin}body{min-width:320px;min-height:100vh;color:var(--text);background:radial-gradient(circle at 76% 5%,#306ee11f,#0000 30rem),linear-gradient(#07090d 0%,#080b10 52%,#06080c 100%);margin:0;overflow-x:hidden}body:before{z-index:0;content:"";opacity:.025;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.95' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.28'/%3E%3C/svg%3E");position:fixed;inset:0}button,a{color:inherit}a{text-decoration:none}button,input,textarea,select{font:inherit}::selection{background:var(--blue);color:#06101f}:focus-visible{outline:2px solid var(--blue-bright);outline-offset:5px;border-radius:2px}.skip-link{z-index:1000;background:var(--paper);color:var(--ink);font-family:var(--mono);transition:transform .3s var(--ease-out);padding:.7rem 1rem;font-size:.75rem;position:fixed;top:.75rem;left:.75rem;transform:translateY(-180%)}.skip-link:focus{transform:translateY(0)}.scene-canvas{z-index:0;opacity:.96;pointer-events:none;width:100%;height:100%;position:fixed;inset:0}html[data-webgl=off] .scene-canvas{display:none}.portfolio-main,.case-study-page,.route-loader{z-index:1;position:relative}.route-loader{min-height:100vh;color:var(--text-soft);font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;place-items:center;font-size:.72rem;display:grid}.section-shell{width:min(100%,110rem);padding-inline:var(--page-padding);margin-inline:auto}.section-index,.hero-kicker,.project-meta,.architecture-label,.project-status,.site-footer,.contact-kicker,.site-status{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;font-size:.67rem;font-weight:400;line-height:1.5}.site-header{z-index:50;width:100%;padding:1rem var(--page-padding);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(#07090de0,#07090d57);border-bottom:1px solid #cadaf117;grid-template-columns:1fr auto 1fr;align-items:center;display:grid;position:fixed;top:0;left:0}.site-mark{border:1px solid var(--line-strong);width:2.25rem;height:2.25rem;font-family:var(--mono);transition:color .45s var(--ease-out), border-color .45s var(--ease-out), background .45s var(--ease-out);grid-template-columns:1fr 1fr;place-items:center;font-size:.69rem;display:grid}.site-mark span+span{color:var(--blue-bright)}.site-mark:hover{border-color:var(--blue);background:#4e90ff1a}.site-status{color:var(--text-faint);align-items:center;gap:.6rem;display:flex}.status-dot,.node-signal{background:var(--blue);border-radius:999px;flex:none;width:.38rem;height:.38rem;display:inline-block;box-shadow:0 0 .8rem #4e90ffb8}.nav-list{justify-content:flex-end;gap:clamp(1rem,2.4vw,2.6rem);margin:0;padding:0;list-style:none;display:flex}.nav-list a{color:var(--text-soft);font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;transition:color .35s var(--ease-out);font-size:.68rem;position:relative}.nav-list a:after{background:var(--blue);content:"";transform-origin:100%;height:1px;transition:transform .5s var(--ease-out);position:absolute;bottom:-.42rem;left:0;right:0;transform:scaleX(0)}.nav-list a:hover{color:var(--paper)}.nav-list a:hover:after{transform-origin:0;transform:scaleX(1)}.scroll-progress{background:var(--blue);transform-origin:0;height:1px;position:absolute;bottom:-1px;left:0;right:0;transform:scaleX(0);box-shadow:0 0 .7rem #4e90ff99}.cursor-layer{z-index:999;pointer-events:none;position:fixed;inset:0}.cursor-ring,.cursor-dot{opacity:0;pointer-events:none;will-change:transform;border-radius:50%;position:absolute;top:0;left:0}.cursor-ring{width:2rem;height:2rem;transition:width .5s var(--ease-out), height .5s var(--ease-out), background .5s var(--ease-out), border-color .5s var(--ease-out), opacity .25s var(--ease-out);border:1px solid #8ab8ffbd;place-items:center;display:grid}.cursor-ring span{color:#dbe9ff;font-family:var(--mono);letter-spacing:.05em;opacity:0;text-transform:uppercase;transition:opacity .25s var(--ease-out);font-size:.52rem}.cursor-ring.is-visible,.cursor-dot.is-visible{opacity:1}.cursor-ring.is-active{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#205abf2e;border-color:#8ab8ffeb;width:4.25rem;height:4.25rem}.cursor-ring.has-label span{opacity:1}.cursor-ring.is-pressed{width:3.45rem;height:3.45rem}.cursor-dot{background:var(--blue-bright);width:.25rem;height:.25rem;transition:opacity .25s var(--ease-out);box-shadow:0 0 .8rem #4e90ffe6}@media (pointer:fine) and (prefers-reduced-motion:no-preference){body.cursor-active,body.cursor-active a,body.cursor-active button{cursor:none}}.hero-section{isolation:isolate;flex-direction:column;justify-content:space-between;min-height:100svh;padding-top:clamp(7.5rem,13vh,10rem);padding-bottom:clamp(2rem,5vh,4rem);display:flex;position:relative}.hero-section:before{z-index:-1;aspect-ratio:1;content:"";border:1px solid #66a1ff14;border-radius:50%;width:clamp(15rem,35vw,42rem);position:absolute;top:24%;right:7%;box-shadow:0 0 8rem #184fb11f,inset 0 0 5rem #184fb10d}.hero-kicker{color:var(--text-faint);justify-content:space-between;gap:1rem;display:flex}.hero-name{color:var(--paper);font-family:var(--display);letter-spacing:-.085em;text-wrap:balance;margin:clamp(2.5rem,7vh,6rem) 0 auto;font-size:clamp(5rem,14.4vw,15.75rem);font-weight:600;line-height:.73}.name-mask{width:fit-content;display:block;overflow:hidden}.name-mask>span{padding-right:.08em;display:block}.hero-name-first{margin-left:-.055em}.hero-name-last{color:#0000;-webkit-text-stroke:1px #e2ebf7b3;margin-top:.11em;margin-left:clamp(0rem,11.5vw,12rem)}.hero-details{grid-template-columns:minmax(8rem,.72fr) 1.5fr;align-items:end;gap:clamp(2rem,6vw,7rem);width:min(100%,58rem);margin-top:clamp(3rem,8vh,7rem);display:grid}.hero-role{color:var(--blue-bright);font-family:var(--mono);letter-spacing:.09em;text-transform:uppercase;margin:0;font-size:clamp(.7rem,.8vw,.82rem);line-height:1.7}.hero-thesis{max-width:35rem;color:var(--text);letter-spacing:-.025em;text-wrap:pretty;margin:0;font-size:clamp(1.05rem,1.55vw,1.45rem);font-weight:500;line-height:1.38}.hero-scroll{right:var(--page-padding);color:var(--text-faint);font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;transition:color .35s var(--ease-out);align-items:center;gap:1rem;font-size:.65rem;display:flex;position:absolute;bottom:clamp(2rem,5vh,4rem)}.hero-scroll:hover{color:var(--paper)}.scroll-arrow{border:1px solid var(--line-strong);width:2.5rem;height:2.5rem;color:var(--blue-bright);transition:transform .5s var(--ease-out), border-color .5s var(--ease-out);border-radius:50%;place-items:center;font-size:1rem;display:grid}.hero-scroll:hover .scroll-arrow{border-color:var(--blue);transform:translate(.18rem,.18rem)}.projects-section{padding-top:clamp(9rem,20vh,16rem)}.section-intro{grid-template-columns:repeat(12,1fr);align-items:end;gap:1rem;padding-bottom:clamp(9rem,19vh,17rem);display:grid}.section-intro .section-index{color:var(--blue-bright);grid-column:1/4;align-self:start}.section-intro h2,.skills-heading h2,.contact-main h2{color:var(--paper);letter-spacing:-.075em;margin:0;font-size:clamp(3.7rem,8.2vw,9.5rem);font-weight:600;line-height:.88}.section-intro h2{grid-column:3/12}.section-intro h2 span,.skills-heading h2 span,.contact-main h2 span{color:#0000;-webkit-text-stroke:1px #d6e3f58f}.section-intro>p:last-child{color:var(--text-soft);grid-column:8/12;margin:3rem 0 0;font-size:clamp(1rem,1.25vw,1.2rem);line-height:1.65}.project-story{border-top:1px solid var(--line);grid-template-columns:repeat(12,1fr);gap:clamp(1rem,2vw,2.5rem);min-height:150vh;padding:clamp(7rem,14vh,12rem) 0 clamp(9rem,18vh,16rem);display:grid;position:relative}.project-progress-line{background:linear-gradient(90deg, var(--blue), var(--blue-bright));transform-origin:0;height:1px;position:absolute;top:-1px;left:0;right:0;box-shadow:0 0 .9rem #4e90ff8c}.project-heading{grid-column:1/6;align-self:start;position:sticky;top:8rem}.project-meta{border-bottom:1px solid var(--line);color:var(--text-faint);justify-content:space-between;padding-bottom:1rem;display:flex}.project-meta span:first-child{color:var(--blue-bright)}.project-heading h3{max-width:8ch;color:var(--paper);letter-spacing:-.075em;text-wrap:balance;margin:clamp(2rem,5vh,4rem) 0 1.8rem;font-size:clamp(4rem,7.2vw,8.2rem);font-weight:600;line-height:.85}.project-description{max-width:34rem;color:var(--text-soft);margin:0;font-size:clamp(1.02rem,1.25vw,1.25rem);line-height:1.62}.project-body{flex-direction:column;grid-column:7/13;gap:clamp(5rem,11vh,9rem);display:flex}.project-metrics{border-top:1px solid var(--line-strong);border-bottom:1px solid var(--line-strong);grid-template-columns:repeat(3,1fr);margin:0;display:grid}.project-metrics div{border-right:1px solid var(--line);flex-direction:column-reverse;justify-content:space-between;min-height:9.5rem;padding:1rem;display:flex}.project-metrics div:first-child{padding-left:0}.project-metrics div:last-child{border-right:0}.project-metrics dt{color:var(--text-faint);font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;font-size:.61rem;line-height:1.45}.project-metrics dd{color:var(--paper);letter-spacing:-.06em;margin:0;font-size:clamp(2rem,3.7vw,4rem);font-weight:500;line-height:1}.project-narrative{grid-template-columns:1fr 1fr;gap:clamp(1.2rem,2.5vw,3rem);display:grid}.project-narrative p{color:var(--text-soft);margin:0;font-size:clamp(.96rem,1.05vw,1.08rem);line-height:1.72}.project-narrative p:first-child{max-width:43rem;color:var(--text);letter-spacing:-.025em;grid-column:1/-1;font-size:clamp(1.18rem,1.65vw,1.6rem);font-weight:500;line-height:1.48}.project-quote{background:linear-gradient(135deg, #1f5ecb30, #090d14b8), var(--surface);color:var(--paper);letter-spacing:-.04em;text-wrap:balance;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid #68a1ff47;margin:0;padding:clamp(2rem,5vw,4.5rem);font-size:clamp(1.65rem,3vw,3.3rem);font-weight:500;line-height:1.15;position:relative}.project-quote>span{color:var(--blue);font-family:var(--mono);font-size:3rem;font-weight:300;position:absolute;top:.7rem;right:1.2rem}.project-footer{border-top:1px solid var(--line-strong);grid-template-columns:1fr auto;gap:2rem;padding-top:1.3rem;display:grid}.project-status{color:var(--blue-bright);margin:0 0 1.3rem}.project-tags{flex-wrap:wrap;gap:.45rem;margin:0;padding:0;list-style:none;display:flex}.project-tags li{border:1px solid var(--line);color:var(--text-soft);font-family:var(--mono);letter-spacing:.035em;padding:.4rem .58rem;font-size:.6rem}.project-links{flex-direction:column;align-items:flex-end;gap:.8rem;display:flex}.project-links a,.ontrack-content>a,.contact-email{width:fit-content;color:var(--paper);letter-spacing:.01em;font-size:.78rem;font-weight:600;position:relative}.project-links a:after,.ontrack-content>a:after,.contact-email:after{background:var(--blue);content:"";transform-origin:0;height:1px;transition:transform .55s var(--ease-out);position:absolute;bottom:-.35rem;left:0;right:0;transform:scaleX(.18)}.project-links a:hover:after,.ontrack-content>a:hover:after,.contact-email:hover:after{transform:scaleX(1)}.architecture{border:1px solid var(--line-strong);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#080c12c2;margin:0;padding:clamp(1.25rem,3vw,2.4rem)}.architecture-label{color:var(--text-faint);justify-content:space-between;margin-bottom:2.8rem;display:flex}.architecture-label span:first-child{color:var(--blue-bright)}.architecture-client,.server-node{border:1px solid var(--line-strong);background:#0c1119e0}.architecture-client{align-items:center;gap:.9rem;width:min(100%,16rem);margin-inline:auto;padding:1rem;display:flex}.architecture-client div,.server-node{flex-direction:column;gap:.28rem;display:flex}.architecture strong{color:var(--paper);font-size:.8rem;font-weight:600}.architecture small{color:var(--text-faint);font-family:var(--mono);letter-spacing:.025em;font-size:.56rem}.architecture-trunk{background:linear-gradient(var(--blue), #4e90ff2e);width:1px;height:3.3rem;margin-inline:auto}.architecture-servers{grid-template-columns:repeat(3,1fr);gap:.75rem;display:grid;position:relative}.architecture-servers:before{content:"";background:#4e90ff6b;height:1px;position:absolute;top:0;left:16.66%;right:16.66%}.server-node{justify-content:flex-end;min-height:8rem;padding:1rem;position:relative}.server-branch{background:#4e90ff6b;width:1px;height:1.5rem;position:absolute;top:0;left:50%;transform:translateY(-100%)}.server-topline{color:var(--text-faint);font-family:var(--mono);letter-spacing:.04em;text-transform:uppercase;justify-content:space-between;align-items:center;font-size:.5rem;display:flex;position:absolute;top:.8rem;left:.8rem;right:.8rem}.server-confirm{border-color:#ffae5e73}.server-confirm .node-signal{background:#ffad62;box-shadow:0 0 .8rem #ffa04c8c}.architecture figcaption{max-width:38rem;color:var(--text-faint);font-family:var(--mono);letter-spacing:.025em;text-align:center;margin:2rem auto 0;font-size:.58rem;line-height:1.6}.ontrack-section{border-top:1px solid var(--line);grid-template-columns:repeat(12,1fr);align-items:center;gap:1rem;min-height:125vh;padding-top:clamp(8rem,18vh,15rem);padding-bottom:clamp(8rem,18vh,15rem);display:grid;position:relative;overflow:hidden}.ontrack-type{color:#0000;letter-spacing:-.105em;opacity:.1;-webkit-text-stroke:1px var(--blue-bright);flex-direction:column;font-size:clamp(9rem,25vw,29rem);font-weight:700;line-height:.58;display:flex;position:absolute;top:50%;left:-.04em;transform:translateY(-50%)}.ontrack-type span:last-child{margin-left:.22em}.ontrack-content{z-index:2;border:1px solid var(--line-strong);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#090d14d1;grid-column:7/12;padding:clamp(2rem,4vw,4.5rem);position:relative}.ontrack-content .section-index{color:var(--blue-bright);margin:0 0 3rem}.ontrack-content h2{color:var(--paper);letter-spacing:-.065em;margin:0;font-size:clamp(2.5rem,4.4vw,5.2rem);font-weight:600;line-height:.98}.ontrack-content>p{color:var(--text-soft);margin:2.2rem 0;font-size:clamp(1rem,1.22vw,1.2rem);line-height:1.7}.ontrack-content dl{border-top:1px solid var(--line);margin:0 0 2.8rem}.ontrack-content dl div{border-bottom:1px solid var(--line);grid-template-columns:1fr 1.6fr;padding:.85rem 0;display:grid}.ontrack-content dt,.ontrack-content dd{font-family:var(--mono);letter-spacing:.04em;text-transform:uppercase;margin:0;font-size:.62rem}.ontrack-content dt{color:var(--text-faint)}.ontrack-content dd{color:var(--text)}.skills-section{border-top:1px solid var(--line);padding-top:clamp(10rem,20vh,17rem);padding-bottom:clamp(10rem,22vh,19rem)}.skills-heading{grid-template-columns:repeat(12,1fr);align-items:start;gap:1rem;display:grid}.skills-heading .section-index{color:var(--blue-bright);grid-column:1/4;margin:0}.skills-heading h2{grid-column:4/13}.skills-grid{border-top:1px solid var(--line-strong);grid-template-columns:repeat(12,1fr);margin-top:clamp(7rem,15vh,13rem);display:grid}.skill-group{border-right:1px solid var(--line);border-bottom:1px solid var(--line);grid-column:span 4;min-height:22rem;padding:1.35rem 1.35rem 3rem}.skill-group:nth-child(3),.skill-group:nth-child(5){border-right:0}.skill-group:nth-child(4){grid-column:3/7}.skill-group header{justify-content:space-between;margin-bottom:4.5rem;display:flex}.skill-group header span,.skill-group h3{font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;margin:0;font-size:.65rem;font-weight:400}.skill-group header span{color:var(--blue-bright)}.skill-group h3{color:var(--text-faint)}.skill-group ul{margin:0;padding:0;list-style:none}.skill-group li{color:var(--text);letter-spacing:-.035em;font-size:clamp(1.35rem,2vw,2.15rem);font-weight:500;line-height:1.28}.contact-section{border-top:1px solid var(--line);flex-direction:column;justify-content:space-between;min-height:100svh;padding-top:clamp(8rem,18vh,15rem);padding-bottom:1.5rem;display:flex}.contact-kicker{color:var(--text-faint);justify-content:space-between;display:flex}.contact-kicker .section-index{color:var(--blue-bright);margin:0}.contact-main{margin-block:auto}.contact-main h2{max-width:12ch;font-size:clamp(4.5rem,10.4vw,12rem)}.contact-email{margin-top:clamp(3rem,7vh,6rem);font-size:clamp(.85rem,1.25vw,1.15rem)}.site-footer{border-top:1px solid var(--line);color:var(--text-faint);grid-template-columns:1fr 1fr auto;padding-top:1.2rem;display:grid}.site-footer p{margin:0}.site-footer a{color:var(--text)}.case-study-page{width:min(100% - (var(--page-padding) * 2), 74rem);min-height:100vh;margin-inline:auto;padding:clamp(9rem,15vh,12rem) 0 clamp(7rem,14vh,12rem)}.case-study-back{color:var(--text-soft);font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;align-items:center;gap:.75rem;font-size:.66rem;display:inline-flex}.case-study-back:hover{color:var(--paper)}.case-study-header{margin:clamp(4rem,9vh,7rem) 0 clamp(5rem,12vh,9rem)}.case-study-header h1{max-width:11ch;color:var(--paper);letter-spacing:-.075em;margin:0;font-size:clamp(3.6rem,8.2vw,8.5rem);font-weight:600;line-height:.89}.case-study-header>p{max-width:47rem;color:var(--text-soft);margin:2.5rem 0 0;font-size:clamp(1.1rem,1.6vw,1.45rem);line-height:1.55}.case-study-tags{flex-wrap:wrap;gap:.45rem;margin-top:2rem;display:flex}.case-study-tags span{border:1px solid var(--line);color:var(--text-soft);font-family:var(--mono);padding:.45rem .62rem;font-size:.6rem}.case-study-github{color:var(--blue-bright);margin-top:2rem;font-size:.8rem;font-weight:600;display:inline-block}.case-study-body{flex-direction:column;gap:clamp(4rem,9vh,7rem);width:min(100%,50rem);margin-left:auto;display:flex}.case-study-body section{border-top:1px solid var(--line);padding-top:1.5rem}.case-study-body h2,.case-study-body .text-gray-900{color:var(--paper)!important}.case-study-body h2{letter-spacing:-.045em;font-size:clamp(1.75rem,3vw,2.8rem)!important;font-weight:600!important}.case-study-body p,.case-study-body .text-gray-600{font-size:clamp(1rem,1.15vw,1.1rem);line-height:1.75;color:var(--text-soft)!important}@media (width<=960px){.site-header{grid-template-columns:1fr auto}.site-status{display:none}.hero-name{font-size:clamp(5rem,14.8vw,9rem)}.section-intro h2{grid-column:2/13}.section-intro>p:last-child{grid-column:6/12}.project-story{min-height:auto;padding-block:8rem}.project-heading{grid-column:1/7;position:relative;top:auto}.project-body{grid-column:7/13}.project-heading h3{font-size:clamp(3.4rem,7vw,5.5rem)}.project-narrative{grid-template-columns:1fr}.project-narrative p:first-child{grid-column:auto}.project-metrics{grid-template-columns:1fr}.project-metrics div,.project-metrics div:first-child{border-right:0;border-bottom:1px solid var(--line);min-height:6.3rem;padding:.85rem 0}.project-metrics div:last-child{border-bottom:0}.project-footer{grid-template-columns:1fr}.project-links{align-items:flex-start}.ontrack-content{grid-column:5/13}.skills-heading h2{grid-column:3/13}.skill-group,.skill-group:nth-child(4){border-right:1px solid var(--line);grid-column:span 6}.skill-group:nth-child(2n){border-right:0}.skill-group:last-child{grid-column:4/10}}@media (width<=700px){:root{--page-padding:1.15rem}.site-header{padding-block:.75rem}.site-mark{width:2rem;height:2rem}.nav-list{gap:1rem}.nav-list li:nth-child(2),.nav-list li:nth-child(3){display:none}.hero-section{padding-top:6.4rem}.hero-kicker span:last-child{display:none}.hero-name{margin-top:14vh;font-size:clamp(4.25rem,20vw,7rem);line-height:.8}.hero-name-last{margin-top:.18em;margin-left:0}.hero-details{grid-template-columns:1fr;gap:1.5rem;margin-bottom:5.2rem}.hero-scroll{right:auto;left:var(--page-padding);bottom:1.5rem}.section-intro{flex-direction:column;align-items:flex-start;gap:2rem;padding-bottom:8rem;display:flex}.section-intro h2,.skills-heading h2,.contact-main h2{font-size:clamp(3.4rem,16vw,5.8rem)}.section-intro>p:last-child{margin-top:1rem}.project-story{padding-block:6.5rem;display:block}.project-heading{margin-bottom:5rem}.project-heading h3{font-size:clamp(3.9rem,18vw,6rem)}.project-body{gap:5rem}.project-narrative{gap:1.5rem}.project-quote{font-size:clamp(1.55rem,7.5vw,2.5rem)}.architecture{padding:1rem}.architecture-label{margin-bottom:2rem}.architecture-servers{grid-template-columns:1fr;gap:.7rem}.architecture-servers:before,.server-branch,.architecture-trunk{display:none}.server-node{min-height:7rem}.architecture-client{margin-bottom:.7rem}.ontrack-section{min-height:auto;padding-block:8rem;display:block}.ontrack-type{font-size:34vw;top:8rem;transform:none}.ontrack-content{margin-top:18rem;padding:1.5rem}.ontrack-content dl div{grid-template-columns:1fr;gap:.35rem}.skills-heading{flex-direction:column;gap:2rem;display:flex}.skills-grid{margin-top:6rem;display:block}.skill-group,.skill-group:nth-child(4),.skill-group:last-child{border-right:0;min-height:auto;padding:1.1rem 0 3rem}.skill-group header{margin-bottom:2.4rem}.skill-group li{font-size:1.55rem}.contact-kicker span:last-child{display:none}.contact-main h2{font-size:clamp(4rem,18vw,6.5rem)}.contact-email{font-size:.75rem}.site-footer{grid-template-columns:1fr auto;row-gap:.6rem}.site-footer p:nth-child(2){display:none}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.cursor-layer{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-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@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}