@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-space-y-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking: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-duration:initial;--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0}}}@layer theme{:root,:host{--font-sans:Arial, Helvetica, ui-sans-serif, system-ui, sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-white:#fff;--spacing:.25rem;--container-xl:36rem;--container-3xl:48rem;--container-4xl:56rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25 / 1.875);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--text-5xl:3rem;--text-5xl--line-height:1;--text-7xl:4.5rem;--text-7xl--line-height:1;--font-weight-light:300;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-black:900;--radius-lg:.5rem;--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);--color-ink:#30312f;--color-line:#454a4d;--color-muted:#b6b9ba;--color-accent:#ff9c66}}@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{.pointer-events-none{pointer-events:none}.visible{visibility:visible}.fixed{position:fixed}.start{inset-inline-start:var(--spacing)}.top-0{top:calc(var(--spacing) * 0)}.left-0{left:calc(var(--spacing) * 0)}.z-50{z-index:50}.z-\[60\]{z-index:60}.mt-1{margin-top:calc(var(--spacing) * 1)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-5{margin-top:calc(var(--spacing) * 5)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mt-8{margin-top:calc(var(--spacing) * 8)}.mb-12{margin-bottom:calc(var(--spacing) * 12)}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-flex{display:inline-flex}.h-0\.5{height:calc(var(--spacing) * .5)}.h-1\.5{height:calc(var(--spacing) * 1.5)}.h-4{height:calc(var(--spacing) * 4)}.h-6{height:calc(var(--spacing) * 6)}.h-12{height:calc(var(--spacing) * 12)}.min-h-14{min-height:calc(var(--spacing) * 14)}.w-1\.5{width:calc(var(--spacing) * 1.5)}.w-4{width:calc(var(--spacing) * 4)}.w-6{width:calc(var(--spacing) * 6)}.w-12{width:calc(var(--spacing) * 12)}.w-full{width:100%}.max-w-3xl{max-width:var(--container-3xl)}.max-w-4xl{max-width:var(--container-4xl)}.max-w-xl{max-width:var(--container-xl)}.shrink-0{flex-shrink:0}.origin-left{transform-origin:0}.flex-col{flex-direction:column}.place-items-center{place-items:center}.items-center{align-items:center}.justify-center{justify-content:center}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-5{gap:calc(var(--spacing) * 5)}.gap-16{gap:calc(var(--spacing) * 16)}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-12>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 12) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 12) * calc(1 - var(--tw-space-y-reverse)))}.scroll-smooth{scroll-behavior:smooth}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.border{border-style:var(--tw-border-style);border-width:1px}.border-y{border-block-style:var(--tw-border-style);border-block-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-line{border-color:var(--color-line)}.border-white\/20{border-color:#fff3}@supports (color:color-mix(in lab, red, red)){.border-white\/20{border-color:color-mix(in oklab, var(--color-white) 20%, transparent)}}.border-white\/70{border-color:#ffffffb3}@supports (color:color-mix(in lab, red, red)){.border-white\/70{border-color:color-mix(in oklab, var(--color-white) 70%, transparent)}}.bg-ink{background-color:var(--color-ink)}.bg-transparent{background-color:#0000}.bg-white\/55{background-color:#ffffff8c}@supports (color:color-mix(in lab, red, red)){.bg-white\/55{background-color:color-mix(in oklab, var(--color-white) 55%, transparent)}}.bg-white\/\[0\.04\]{background-color:#ffffff0a}@supports (color:color-mix(in lab, red, red)){.bg-white\/\[0\.04\]{background-color:color-mix(in oklab, var(--color-white) 4%, transparent)}}.bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.from-white{--tw-gradient-from:var(--color-white);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.via-\[\#d8ddff\]{--tw-gradient-via:#d8ddff;--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.to-\[\#8b5cf6\]{--tw-gradient-to:#8b5cf6;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-accent{--tw-gradient-to:var(--color-accent);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.p-6{padding:calc(var(--spacing) * 6)}.px-7{padding-inline:calc(var(--spacing) * 7)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-7{padding-block:calc(var(--spacing) * 7)}.py-8{padding-block:calc(var(--spacing) * 8)}.py-24{padding-block:calc(var(--spacing) * 24)}.py-32{padding-block:calc(var(--spacing) * 32)}.pt-7{padding-top:calc(var(--spacing) * 7)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--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-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.leading-7{--tw-leading:calc(var(--spacing) * 7);line-height:calc(var(--spacing) * 7)}.leading-8{--tw-leading:calc(var(--spacing) * 8);line-height:calc(var(--spacing) * 8)}.leading-\[0\.9\]{--tw-leading:.9;line-height:.9}.font-black{--tw-font-weight:var(--font-weight-black);font-weight:var(--font-weight-black)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-light{--tw-font-weight:var(--font-weight-light);font-weight:var(--font-weight-light)}.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)}.tracking-\[-0\.04em\]{--tw-tracking:-.04em;letter-spacing:-.04em}.tracking-\[-0\.06em\]{--tw-tracking:-.06em;letter-spacing:-.06em}.tracking-\[-0\.035em\]{--tw-tracking:-.035em;letter-spacing:-.035em}.tracking-\[0\.2em\]{--tw-tracking:.2em;letter-spacing:.2em}.tracking-\[0\.16em\]{--tw-tracking:.16em;letter-spacing:.16em}.tracking-\[0\.24em\]{--tw-tracking:.24em;letter-spacing:.24em}.text-ink{color:var(--color-ink)}.text-muted{color:var(--color-muted)}.text-white{color:var(--color-white)}.text-white\/45{color:#ffffff73}@supports (color:color-mix(in lab, red, red)){.text-white\/45{color:color-mix(in oklab, var(--color-white) 45%, transparent)}}.text-white\/85{color:#ffffffd9}@supports (color:color-mix(in lab, red, red)){.text-white\/85{color:color-mix(in oklab, var(--color-white) 85%, transparent)}}.uppercase{text-transform:uppercase}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.mix-blend-difference{mix-blend-mode:difference}.shadow-\[0_14px_42px_rgba\(139\,92\,246\,0\.18\)\]{--tw-shadow:0 14px 42px var(--tw-shadow-color,#8b5cf62e);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.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))}.duration-300{--tw-duration:.3s;transition-duration:.3s}@media (hover:hover){.group-hover\:translate-x-1:is(:where(.group):hover *){--tw-translate-x:calc(var(--spacing) * 1);translate:var(--tw-translate-x) var(--tw-translate-y)}.group-hover\:-translate-y-1:is(:where(.group):hover *),.hover\:-translate-y-1:hover{--tw-translate-y:calc(var(--spacing) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.hover\:scale-\[1\.03\]:hover{scale:1.03}.hover\:border-white\/20:hover{border-color:#fff3}@supports (color:color-mix(in lab, red, red)){.hover\:border-white\/20:hover{border-color:color-mix(in oklab, var(--color-white) 20%, transparent)}}.hover\:border-white\/45:hover{border-color:#ffffff73}@supports (color:color-mix(in lab, red, red)){.hover\:border-white\/45:hover{border-color:color-mix(in oklab, var(--color-white) 45%, transparent)}}.hover\:bg-white\/\[0\.04\]:hover{background-color:#ffffff0a}@supports (color:color-mix(in lab, red, red)){.hover\:bg-white\/\[0\.04\]:hover{background-color:color-mix(in oklab, var(--color-white) 4%, transparent)}}.hover\:shadow-\[0_14px_38px_rgba\(255\,255\,255\,0\.08\)\]:hover{--tw-shadow:0 14px 38px var(--tw-shadow-color,#ffffff14);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.hover\:shadow-\[0_18px_55px_rgba\(139\,92\,246\,0\.28\)\]:hover{--tw-shadow:0 18px 55px var(--tw-shadow-color,#8b5cf647);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}}@media (min-width:40rem){.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}.sm\:justify-between{justify-content:space-between}.sm\:text-right{text-align:right}.sm\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.sm\:text-7xl{font-size:var(--text-7xl);line-height:var(--tw-leading,var(--text-7xl--line-height))}.sm\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}}@media (min-width:48rem){.md\:block{display:block}}@media (min-width:64rem){.lg\:grid-cols-\[0\.9fr_1\.1fr\]{grid-template-columns:.9fr 1.1fr}}}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#30312f;--panel:#2b2f32;--line:#454a4d;--muted:#b6b9ba;--accent:#ff9c66}*{box-sizing:border-box}html{scroll-padding-top:140px}body{background:var(--ink);color:#eeece7;min-height:100vh;font-family:Arial,Helvetica,sans-serif}::selection{color:#25282b;background:#efa16b}a,button,summary{-webkit-tap-highlight-color:transparent}a,button{transition:color .18s,background .18s}a:hover{color:var(--accent)}button,summary{cursor:pointer}:focus-visible{outline:2px solid var(--accent);outline-offset:6px}.container-shell{width:min(1240px,100% - 96px);margin-inline:auto}.section-kicker,.hero-note,.project-tech,figcaption,.motion-toggle{font-family:Courier New,monospace}.section-kicker{color:var(--muted);letter-spacing:.14em;text-transform:uppercase;font-size:13px;line-height:1.6}.accent{color:var(--accent)}.editorial-link{border-bottom:1px solid var(--line);width:fit-content;padding-bottom:3px;font-size:14px;display:inline-block}h2{letter-spacing:-.045em;font-size:clamp(36px,4vw,56px);font-weight:700;line-height:1.12}.portfolio-hero{grid-template-columns:1.3fr 1fr;align-items:center;gap:10px;padding-block:160px 70px;display:grid}.portfolio-hero h1{letter-spacing:-.055em;margin-top:22px;font-size:clamp(48px,6vw,84px);font-weight:750;line-height:1.04}.hero-secondary{color:#cdcecb}.hero-description{color:#d3d4d1;max-width:620px;margin-top:25px;font-size:23px;line-height:1.6}.hero-actions{align-items:center;gap:30px;margin-top:30px;display:flex}.primary-link{background:var(--accent);color:#25282b;align-items:center;min-height:48px;padding:0 24px;font-size:16px;font-weight:700;display:inline-flex}.primary-link:hover{color:#25282b;background:#ffc193}.hero-note{color:var(--muted);letter-spacing:.06em;margin-top:24px;font-size:13px}.ascii-playground{min-width:0;position:relative}.ascii-playground canvas{aspect-ratio:540/450;width:100%;height:auto;display:block}.motion-toggle{color:var(--muted);border:1px solid var(--line);margin:14px 0 0 auto;padding:9px 12px;font-size:10px;display:block}.motion-toggle:hover{color:var(--accent)}.section-title{justify-content:space-between;align-items:end;gap:24px;margin-bottom:28px;display:flex}.section-title h2{margin-top:9px}.projects-grid{grid-template-columns:1.2fr 1fr;gap:38px 24px;display:grid}.projects-grid article{min-width:0}.project-preview{background:#2c3134;border:1px solid #4a5053;border-radius:4px;height:315px;overflow:hidden}.preview-toolbar{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:13px 16px;font-size:11px;font-weight:700;display:flex}.preview-caption{color:var(--muted);margin-left:auto;font-size:9px;font-weight:400}.resume-content{grid-template-columns:30% 1fr;gap:16px;padding:20px 18px;display:grid}.resume-sidebar{color:#c8ccca;font-size:10px}.resume-sidebar div{justify-content:space-between;padding:12px 8px;display:flex}.resume-sidebar .selected{color:#f3c19a;background:#3c4547}.resume-paper{background:#353b3f;padding:20px;box-shadow:0 8px 20px #0002}.resume-paper h4{font-family:Georgia,serif;font-size:21px}.resume-paper p{color:var(--muted);margin-top:5px;font-size:9px}.resume-lines{margin-top:20px}.resume-lines strong{letter-spacing:.13em;color:#c4c7c6;font-size:7px}.resume-lines i{background:#596266;height:2px;margin-top:7px;display:block}.resume-lines i:last-child{width:70%}.legal-content{padding:22px}.legal-content h4{letter-spacing:-.04em;font-size:22px;font-weight:650}.legal-content p{color:var(--muted);margin:5px 0 14px;font-size:11px}.mock-search{border:1px solid #666e70;justify-content:space-between;margin-bottom:10px;padding:10px;font-size:11px;display:flex}.source-row{border-bottom:1px solid var(--line);gap:14px;padding:12px 0;font-size:11px;display:flex}.source-row span:last-child{color:var(--muted);margin-left:auto}.project-heading{align-items:baseline;gap:16px;margin:16px 0 6px;display:flex}.project-heading h3{letter-spacing:-.035em;font-size:30px;font-weight:650}.project-heading a{padding-inline:8px;font-size:23px}.projects-grid article>p{color:#c4c7c6;font-size:17px;line-height:1.6}.projects-grid article>.project-tech{color:var(--muted);overflow-wrap:anywhere;margin-top:10px;font-size:12px;line-height:1.8}.small-project{border-top:1px solid var(--line);padding-top:12px}.project-details{color:var(--muted);margin-top:18px;font-size:16px}.project-details summary{border-top:1px solid var(--line);justify-content:space-between;padding:10px 0;list-style:none;display:flex}.project-details summary::-webkit-details-marker{display:none}.project-details[open] summary span{transform:rotate(45deg)}.project-details ul{padding-left:18px;list-style:outside}.project-details li{margin-block:12px;line-height:1.7}.project-impact{color:#f0b48b;flex-wrap:wrap;gap:10px;margin:18px 0;font-size:11px;display:flex}.about-section{border-top:1px solid var(--line);grid-template-columns:.85fr 1.15fr;align-items:center;gap:64px;padding-block:48px 72px;display:grid}.about-photo{border-radius:3px;width:100%;height:auto;margin-top:20px;display:block}figcaption{margin-top:14px;font-size:12px}figcaption span{color:var(--muted);margin-top:5px;font-size:10px;display:block}.about-copy p{margin-top:22px;font-size:22px;line-height:1.7}.about-copy p.text-muted{font-size:18px}.about-copy a{margin-top:26px}#skills,#experience{border-top:1px solid var(--line);padding-block:48px 64px}#skills h2,#experience h2{letter-spacing:-.035em;font-size:clamp(32px,3.5vw,46px);line-height:1.12}#skills h3{font-size:28px}#skills .space-y-12>:not(:last-child){margin-bottom:24px}#skills article{padding-top:16px}#skills article span{letter-spacing:.045em;font-size:14px}#experience h3{font-size:30px;line-height:1.2}#experience li{font-size:17px}#experience p.text-white\/45{color:var(--muted)}.contact-section{border-top:1px solid var(--line);justify-content:space-between;align-items:end;gap:30px;padding-block:40px 50px;display:flex}.contact-section h2{margin-top:14px;font-size:60px}.contact-links{gap:24px;display:flex}@media (max-width:900px){.container-shell{width:calc(100% - 48px)}.portfolio-hero{grid-template-columns:1.1fr .9fr;padding-top:180px}.portfolio-hero h1{font-size:50px}.hero-description{font-size:20px}.about-section{gap:32px}.project-preview{height:280px}.resume-content{gap:8px;padding:16px 10px}.resume-paper{padding:12px}}@media (max-width:640px){.container-shell{width:calc(100% - 40px)}.portfolio-hero{grid-template-columns:1fr;gap:20px;padding-block:160px 36px}.portfolio-hero h1{font-size:clamp(40px,11vw,64px)}.ascii-playground{width:100%;max-width:440px;margin-inline:auto}.projects-grid,.about-section{grid-template-columns:1fr}.project-preview{height:290px}.work-section{padding-bottom:44px}.about-section{gap:32px;padding-block:36px 48px}.section-title{align-items:center;gap:12px}.section-title>a{white-space:nowrap;font-size:12px}.section-title h2{font-size:36px}.contact-section{flex-direction:column;align-items:start}.contact-section h2{font-size:52px}#skills>div,#experience>div{gap:32px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,:before,:after{transition:none!important;animation:none!important}}.floating-header{z-index:50;pointer-events:none;top:20px;position:fixed;inset-inline:24px}.floating-nav{pointer-events:auto;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#3b3d38ec;border:1px solid #77797055;border-radius:50px;justify-content:space-between;align-items:center;gap:16px;width:min(760px,100%);margin:auto;padding:9px 12px 9px 22px;display:flex;box-shadow:0 8px 30px #15161325}.nav-monogram{letter-spacing:-.12em;padding-right:10px;font-size:32px;font-weight:800;line-height:1}.nav-monogram span{color:var(--accent)}.floating-nav>div{gap:4px;display:flex}.floating-nav>div a{color:#d5d6cf;border-radius:24px;padding:10px 14px;font-size:14px}.floating-nav>div a:hover,.floating-nav a[aria-current]{color:#fff5e9;background:#54574e}.nav-resume{color:#2b2e27;white-space:nowrap;background:#d4d6c7;border-radius:30px;padding:12px 18px;font-size:13px;font-weight:700}.nav-resume:hover{background:var(--accent);color:#25282b}.intro-scene{isolation:isolate;padding:174px 0 32px;position:relative}.intro-scene:before{content:"";z-index:-1;background-image:linear-gradient(#d8dbc508 1px,#0000 1px),linear-gradient(90deg,#d8dbc508 1px,#0000 1px);background-size:52px 52px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#000 65%,#0000);mask-image:linear-gradient(#000,#000 65%,#0000)}.intro-grid{grid-template-columns:1.12fr 1fr;align-items:center;gap:72px;display:grid}.intro-copy{min-width:0}.intro-copy h1{letter-spacing:-.065em;margin-top:24px;font-size:clamp(48px,5.7vw,82px);font-weight:750;line-height:1.04}.intro-copy h1>span:last-child{color:#c5c8b9}.intro-copy .hero-description{max-width:530px;font-size:21px;line-height:1.6}.identity-code{background:#222521;border:1px solid #72796550;border-radius:9px;margin-top:28px;overflow:hidden;box-shadow:0 14px 40px #10131020}.code-title{color:#aeb3a3;border-bottom:1px solid #ffffff0b;align-items:center;gap:18px;padding:13px 18px;font:11px Courier New,monospace;display:flex}.code-title>span{gap:6px;display:flex}.code-title i{background:#d59073;border-radius:50%;width:7px;height:7px}.code-title i:nth-child(2){background:#c7b873}.code-title i:nth-child(3){background:#9aaa83}.identity-code code{color:#d5d9c8;overflow-wrap:anywhere;padding:20px;font:13px/1.9 Courier New,monospace;display:block}.code-muted{color:#b2bfce}.code-string{color:#efa573}.portrait-card{background:#41453d;border:1px solid #7b837251;padding:16px 16px 23px;position:relative;transform:rotate(2deg);box-shadow:0 18px 60px #14171240}.portrait-card:before{content:"";-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#cecbaf9c;width:26%;height:32px;position:absolute;top:-14px;left:38%;transform:rotate(-8deg)}.portrait-topline{letter-spacing:.08em;color:#d5d7ca;justify-content:space-between;gap:12px;padding:10px 0 16px;font:9px/1.5 Courier New,monospace;display:flex}.portrait-card img{width:100%;height:auto;display:block}.portrait-card figcaption{justify-content:space-between;align-items:center;gap:10px;margin-top:19px;font-family:Arial,sans-serif;display:flex}.portrait-card figcaption strong{letter-spacing:-.04em;font-size:21px;font-weight:600}.portrait-card figcaption span{margin:0;font-size:10px}.portrait-note{color:#c5cab9;padding-top:18px;font:italic 18px/1.45 Georgia,serif;display:block}.intro-scroll{color:var(--muted);justify-content:center;align-items:center;gap:20px;margin:60px auto 0;font:11px Courier New,monospace;display:flex}.intro-scroll span{color:var(--accent);font-size:26px}.personal-section{grid-template-columns:1fr 1.05fr;align-items:center;gap:90px;padding-block:100px;display:grid}.personal-copy{min-width:0}.personal-copy h2{margin-block:24px;font-size:clamp(60px,6vw,88px);line-height:.98}.personal-copy p:not(.section-kicker){margin-bottom:18px;font-size:19px;line-height:1.75}.personal-copy a{margin-top:8px}.personal-playground{background:#292c28;border:1px solid #7079684d;border-radius:18px;padding:25px 16px 22px;transform:rotate(-2deg)}.playground-label{text-align:center;color:#b7beaa;letter-spacing:.1em;font:10px Courier New,monospace;display:block}.personal-playground>p{text-align:center;color:#c5cab9;margin-top:22px;font:italic 21px Georgia,serif}.personal-playground .motion-toggle{margin-right:12px}#skills.skill-ribbon{background:#383d33;border-block:1px solid #7c816247;width:100%;padding-block:30px}.skill-ribbon-items{flex-wrap:wrap;gap:10px 18px;padding-block:17px;display:flex}.skill-ribbon-items span{letter-spacing:-.045em;color:#d7dacb;white-space:nowrap;font-size:clamp(23px,2.8vw,40px)}.skill-ribbon-items i{color:#8b967f;padding-left:18px;font-weight:300}.skill-ribbon-items span:last-child i{display:none}.all-skills{color:#c2c9b5;font:12px/1.8 Courier New,monospace}.all-skills summary{width:fit-content;padding:8px 0}.all-skills p{margin-top:12px}.all-skills strong{color:#f1f0e7;min-width:115px;display:inline-block}.work-section{border-top:none;padding-block:100px 80px}.work-section .section-title{margin-bottom:38px}.work-section h2{max-width:760px}.story-gallery{grid-template-columns:repeat(6,minmax(0,1fr));gap:44px 24px;display:grid}.story-project{grid-column:span 2;min-width:0}.story-cover{isolation:isolate;aspect-ratio:2/3;color:#f8f4e9;background:#252821;border-radius:14px;display:block;position:relative;overflow:hidden}.story-image,.story-shade{z-index:-1;position:absolute;inset:0}.story-image{background-image:url(/project-stories.webp);background-position:0%;background-repeat:no-repeat;background-size:300%;transition:transform .65s cubic-bezier(.2,.7,.3,1)}.story-cover-1 .story-image{background-position-x:50%}.story-cover-2 .story-image{background-position-x:100%}.story-shade{background:linear-gradient(#0008,#0000 45%,#000b)}.story-cover:hover,.story-cover:focus-visible{color:#fff}.story-cover:hover .story-image,.story-cover:focus-visible .story-image{transform:scale(1.045)}.story-top{top:30px;position:absolute;inset-inline:26px}.story-top small{letter-spacing:.05em;color:#e0daca;font:10px/1.5 Courier New,monospace;display:block}.story-top strong{letter-spacing:-.05em;margin-top:12px;font-size:clamp(28px,3vw,40px);line-height:1.1;display:block}.story-bottom{bottom:24px;align-items:end;gap:18px;font-size:16px;line-height:1.5;display:flex;position:absolute;inset-inline:26px}.story-arrow{border:1px solid #ffffff6b;border-radius:50%;flex-shrink:0;place-items:center;width:40px;height:40px;margin-left:auto;display:grid}.story-project>.project-tech,.extra-project>.project-tech{color:#bcc1b1;overflow-wrap:anywhere;margin-top:18px;font:11px/1.8 Courier New,monospace}.story-gallery .project-details{margin-top:12px;scroll-margin-top:140px;font-size:14px}.project-links{gap:18px;display:flex}.extra-project{border-top:1px solid var(--line);grid-column:span 3}.extra-project>p{color:#c6c9bd;font-size:17px;line-height:1.7}#experience,.contact-section{padding-block:70px}@media (max-width:1000px){.intro-grid{gap:36px}.intro-copy h1{font-size:58px}.identity-code code{padding:16px;font-size:11px}.personal-section{gap:40px}.portrait-card figcaption{display:block}.portrait-card figcaption span{margin-top:7px;display:block}.story-top{inset-inline:18px;top:24px}.story-bottom{font-size:14px;inset-inline:18px}}@media (max-width:800px){.intro-grid{grid-template-columns:1fr;gap:56px}.intro-copy h1{font-size:clamp(46px,9.4vw,76px)}.intro-scene{padding-top:135px}.intro-copy .hero-description{font-size:20px}.identity-code code{font-size:13px}.portrait-card{justify-self:center;width:min(500px,95%)}.personal-section{grid-template-columns:1fr;gap:40px;padding-block:70px}.personal-copy h2 br{display:block}.personal-copy h2{word-spacing:.1em;font-size:clamp(48px,8.5vw,66px)}.personal-playground{justify-self:center;width:min(560px,96%)}.story-gallery{grid-template-columns:1fr 1fr}.story-project,.extra-project{grid-column:auto}.story-project:nth-child(3){grid-column:1/-1;justify-self:center;width:100%;max-width:420px}.floating-nav{gap:8px;padding:10px 16px}.floating-nav>div a{padding:10px;font-size:12px}.nav-resume{display:none}}@media (max-width:520px){.floating-header{inset-inline:12px;top:14px}.floating-nav{padding-inline:14px}.nav-monogram{font-size:29px}.floating-nav>div{gap:0}.floating-nav>div a{padding:10px 7px;font-size:11px}.identity-code code{padding:15px 12px;font-size:11px;line-height:2}.portrait-note{font-size:17px}.portrait-topline{font-size:8px}.story-gallery{grid-template-columns:1fr;gap:35px}.story-project:nth-child(3){grid-column:auto;max-width:none}.story-cover{aspect-ratio:3/4}.story-top strong{font-size:40px}.story-top small{font-size:11px}.story-bottom{font-size:17px}.work-section{padding-block:65px}.work-section .section-title{flex-direction:column;align-items:start}.work-section h2{font-size:42px}.personal-copy p:not(.section-kicker){font-size:18px}}.portrait-card{transform:perspective(1000px) translateY(var(--portrait-shift,0px)) rotate(2deg) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .25s ease-out,box-shadow .35s}.portrait-card:hover{box-shadow:0 28px 65px #11150e65}.story-cover{transform:perspective(1000px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .2s ease-out,box-shadow .3s}.story-cover:hover{box-shadow:0 20px 40px #11150e50}.story-arrow{transition:transform .3s,background .3s}.story-cover:hover .story-arrow{background:#ffffff15;transform:rotate(45deg)}.primary-link{transition:transform .25s,background .2s}.primary-link:hover{transform:translateY(-3px)}.primary-link:active{transform:translateY(0)}.intro-scroll span{animation:1.8s ease-in-out 3 scroll-nudge}@keyframes scroll-nudge{0%,to{transform:translateY(0)}50%{transform:translateY(7px)}}.skill-marquee{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 3% 97%,#0000);mask-image:linear-gradient(90deg,#0000,#000 3% 97%,#0000)}.skill-track{width:max-content;animation:28s linear infinite skills-flow;display:flex}.skill-track .skill-ribbon-items{flex-wrap:nowrap;flex-shrink:0;padding-right:18px}.skill-track .skill-ribbon-items span:last-child i{display:inline}.skill-marquee:hover .skill-track,.skill-marquee[data-paused=true] .skill-track{animation-play-state:paused}@keyframes skills-flow{to{transform:translate(-50%)}}.ribbon-toggle{color:#c2c9b5;float:right;padding:8px 0;font:11px Courier New,monospace}.ascii-stage{position:relative}.ascii-hit{background:0 0;border:1px solid #0000;border-radius:20px;padding:0;position:absolute}.ascii-hit:hover{background:#ffffff03;border-color:#efa16b38}.cube-hit{cursor:grab;touch-action:none;width:54%;height:61%;top:3%;left:5%}.cube-hit:active{cursor:grabbing}.ball-hit{cursor:pointer;touch-action:manipulation;width:34%;height:65%;top:24%;left:61%}.ascii-hit:focus-visible{outline:2px dashed var(--accent);outline-offset:1px;background:#efa16b08}.ascii-help{text-align:center;color:#c5cab9;margin-top:15px;font:11px/1.6 Courier New,monospace}.ascii-controls{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:16px;display:flex}.ascii-controls button{color:#dce0d1;border:1px solid #737b665c;border-radius:20px;min-height:40px;padding:10px 13px;font:11px Courier New,monospace}.ascii-controls button:hover,.ascii-controls button[aria-pressed=true]{color:#ffc396;background:#ffffff08;border-color:#bc926b}.ascii-controls button:active{transform:scale(.96)}.ascii-feedback{text-align:center;color:#c6a37e;min-height:17px;margin-top:13px;font:11px/1.5 Courier New,monospace}@media (prefers-reduced-motion:reduce){.portrait-card{transform:rotate(2deg)}.story-cover{transform:none}.skill-track{width:auto;animation:none}.skill-track .skill-ribbon-items{flex-wrap:wrap}.skill-track .skill-ribbon-items[aria-hidden=true],.ribbon-toggle{display:none}.skill-marquee{-webkit-mask-image:none;mask-image:none}.intro-scroll span{animation:none}}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{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-duration{syntax:"*";inherits:false}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}