@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500&family=Inter:wght@400;500;600;700;800&family=Newsreader:ital,opsz,wght@0,6..72,300;0,6..72,400;0,6..72,500;1,6..72,300;1,6..72,400&display=swap";@layer components;@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}}}@layer theme{:root,:host{--font-sans:"Inter", ui-sans-serif, system-ui, sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, SFMono-Regular, monospace;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--font-display:"Newsreader", Georgia, serif}}@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 utilities{.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}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.block{display:block}.contents{display:contents}.grid{display:grid}.hidden{display:none}.inline{display:inline}.grow{flex-grow:1}.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}.font-sans{font-family:var(--font-sans)}.\[overflow-wrap\:anywhere\]{overflow-wrap:anywhere}.italic{font-style:italic}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.selection\:bg-\[rgba\(143\,215\,165\,0\.24\)\] ::selection{background-color:#8fd7a53d}.selection\:bg-\[rgba\(143\,215\,165\,0\.24\)\]::selection{background-color:#8fd7a53d}}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink-bright:#f2f7f3;--ink:#e6efe8;--ink-mist:#c7d6cb;--ink-muted:#a9c2b3;--ink-soft:#7c9488;--ink-faint:#5f7568;--paper:#071711;--paper-soft:#0c2a1d;--panel:#0c2a1d8c;--panel-strong:#0c2a1dd9;--line:#e6efe81a;--line-strong:#e6efe824;--accent:#8fd0a6;--accent-strong:#c4eecf;--warm:#e6a56e;--header-bg:#071711b8;--chip-bg:#e6efe814;--chip-line:#e6efe824;--shadow:#020a065c}*{box-sizing:border-box}html{background:var(--paper);scroll-behavior:auto}html,body,#app{min-height:100%}body{color:var(--ink);font-family:var(--font-sans);background:var(--paper);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;overflow-x:hidden}a{color:inherit}button,a{transition:background-color .18s,border-color .18s,color .18s,opacity .18s,transform .18s}button{font:inherit}.page-wrap{width:min(1180px,100% - 2rem);margin-inline:auto}.site-header{z-index:50;border-bottom:1px solid var(--line);background:var(--header-bg);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);position:fixed;top:0;left:0;right:0}.site-nav{align-items:center;gap:1rem;padding-block:.8rem;display:flex}.site-mark{letter-spacing:0;flex-shrink:0;margin:0;font-size:1rem;font-weight:700}.brand-pill,.icon-link{border:1px solid var(--chip-line);background:var(--chip-bg);color:var(--ink);box-shadow:0 14px 34px var(--shadow);justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.brand-pill{border-radius:999px;gap:.6rem;min-height:2.5rem;padding:.55rem .9rem}.brand-pill span{background:var(--accent);width:.58rem;height:.58rem;box-shadow:0 0 18px var(--accent);border-radius:50%}.icon-link{width:2.5rem;height:2.5rem;color:var(--ink-muted);border-radius:999px}.brand-pill:hover,.icon-link:hover{border-color:var(--accent);transform:translateY(-1px)}@supports (color:color-mix(in lab, red, red)){.brand-pill:hover,.icon-link:hover{border-color:color-mix(in oklab, var(--accent) 44%, var(--chip-line))}}.header-actions{align-items:center;gap:.5rem;margin-left:auto;display:flex}.nav-links{order:2;align-items:center;gap:1.1rem;font-size:.9rem;font-weight:700;display:flex}.nav-link{color:var(--ink-muted);text-decoration:none;position:relative}.nav-link:after{content:"";transform-origin:0;background:var(--accent);height:2px;transition:transform .18s;position:absolute;bottom:-.45rem;left:0;right:0;transform:scaleX(0)}.nav-link:hover,.nav-link.is-active{color:var(--ink)}.nav-link:hover:after,.nav-link.is-active:after{transform:scaleX(1)}.section-kicker{color:var(--accent-strong);letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:.72rem;font-weight:800;line-height:1.4}.landing{isolation:isolate;font-family:var(--font-mono);color:var(--ink);--amp:1;position:relative}@media (pointer:coarse){.landing{--amp:.5}}.panel{--p:.5;--g:0;pointer-events:none;position:relative}.panel a,.panel button{pointer-events:auto}.panel-sticky{flex-direction:column;justify-content:center;height:100lvh;display:flex;position:sticky;top:0}.panel-hero{z-index:5;height:170vh}.panel-project{z-index:6;height:300vh}.panel-about{z-index:7;height:160vh}.panel-contact{z-index:8;height:120vh}.scroll-progress{z-index:40;background:var(--line);pointer-events:none;width:2px;position:fixed;top:0;bottom:0;right:0}.scroll-progress-fill{background:var(--accent);transform-origin:50% 0;will-change:transform;position:absolute;inset:0;transform:scaleY(0)}.webgl-stage{z-index:-1;pointer-events:none;background:radial-gradient(120% 100% at 60% 30%, #12432b, var(--paper));position:fixed;inset:0}.webgl-stage:after{content:"";background:radial-gradient(120% 90% at 50% 12%, transparent 40%, var(--paper) 100%), linear-gradient(180deg, var(--paper), transparent 30%, transparent 62%, var(--paper));position:absolute;inset:0}@supports (color:color-mix(in lab, red, red)){.webgl-stage:after{background:radial-gradient(120% 90% at 50% 12%, transparent 40%, color-mix(in srgb, var(--paper) 55%, transparent) 100%), linear-gradient(180deg, color-mix(in srgb, var(--paper) 35%, transparent), transparent 30%, transparent 62%, color-mix(in srgb, var(--paper) 72%, transparent))}}.landing-nav{z-index:30;justify-content:space-between;align-items:center;padding:34px 46px;display:flex;position:fixed;top:0;left:0;right:0}.landing-brand{font-family:var(--font-display);letter-spacing:.02em;color:var(--ink);font-size:22px;text-decoration:none}.landing-links{letter-spacing:.14em;text-transform:uppercase;gap:34px;font-size:12.5px;display:flex}.landing-links a{color:var(--ink-soft);text-decoration:none;transition:color .3s}.landing-links a:hover{color:var(--ink)}.landing-main{z-index:5;text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:0 24px;display:flex;position:absolute;inset:0}.landing-eyebrow{color:var(--accent);letter-spacing:.34em;text-transform:uppercase;margin:0 0 26px;font-size:12.5px}.landing-name{color:var(--ink-bright);font-family:var(--font-display);letter-spacing:-.01em;font-variation-settings:"opsz" 72;margin:0;font-size:clamp(3.4rem,8.3vw,6.125rem);font-weight:400;line-height:.98}.name-word{vertical-align:top;margin-bottom:-.12em;padding-bottom:.12em;display:inline-block}.name-word+.name-word{margin-left:.26em}.name-char{display:inline-block}.name-word>.name-char{z-index:1;position:relative}.name-rest{vertical-align:top;margin-bottom:-.12em;margin-left:calc(-1 * var(--cap-w,0px));padding-bottom:.12em;padding-left:var(--cap-w,0px);-webkit-mask-image:linear-gradient(to right, transparent 0, #000 var(--cap-w,0px));-webkit-mask-image:linear-gradient(to right, transparent 0, #000 var(--cap-w,0px));-webkit-mask-image:linear-gradient(to right, transparent 0, #000 var(--cap-w,0px));-webkit-mask-image:linear-gradient(to right, transparent 0, #000 var(--cap-w,0px));mask-image:linear-gradient(to right, transparent 0, #000 var(--cap-w,0px));display:inline-block}.landing-name.name-revealed .name-rest{-webkit-mask-image:none;mask-image:none}.name-rest-track{will-change:transform;display:inline-block;transform:translate(-101%)}.landing-role{color:var(--ink-muted);font-family:var(--font-display);margin:26px 0 0;font-size:clamp(1.25rem,2.2vw,1.625rem);font-style:italic;font-weight:300}.landing-work{z-index:6;justify-content:space-between;align-items:flex-end;padding:0 46px 40px;display:flex;position:absolute;bottom:0;left:0;right:0}.work-label{color:var(--ink-faint);letter-spacing:.2em;text-transform:uppercase;margin:0;font-size:11.5px}.work-links{gap:40px;display:flex}.work-link{color:var(--ink-mist);flex-direction:column;gap:5px;text-decoration:none;transition:color .3s;display:flex}.work-link:hover{color:var(--accent)}.work-title{font-family:var(--font-display);font-size:20px}.work-arrow{vertical-align:super;font-size:13px}.work-meta{color:var(--ink-faint);letter-spacing:.08em;font-size:11px}.project-body{width:100%;max-width:1100px;margin-inline:auto;padding:0 46px;position:relative}.project-media{z-index:-1;aspect-ratio:16/10;border:1px solid var(--line);background:var(--panel);width:min(46vw,640px);position:absolute;top:50%;right:-12px}@supports (color:color-mix(in lab, red, red)){.project-media{background:color-mix(in oklab, var(--panel) 22%, transparent)}}.project-media{opacity:calc(min(var(--p) / .35, (1 - var(--p)) / .24, 1) * .85);transform:translate3d(0, calc(-50% + var(--g) * 10vh * var(--amp)), 0)}.project-media:before{content:"";border-bottom:1px solid var(--line);height:28px;position:absolute;inset:0 0 auto}:root[data-webgl=active] .project-media{background:0 0;border-color:#0000;transform:translateY(-50%)}:root[data-webgl=active] .project-media:before{border-bottom-color:#0000}:root[data-webgl=active] .is-fluid-text{-webkit-text-fill-color:transparent}:root[data-webgl=active] .is-fluid-text::selection{color:#0000;background:var(--accent)}@supports (color:color-mix(in lab, red, red)){:root[data-webgl=active] .is-fluid-text::selection{background:color-mix(in srgb, var(--accent) 45%, transparent)}}.project-index{color:var(--accent);letter-spacing:.34em;opacity:calc(min(var(--p) / .3, (1 - var(--p)) / .24, 1));transform:translate3d(calc(var(--g) * -6vw * var(--amp)), 0, 0);margin:0 0 20px;font-size:12.5px}.project-title{color:var(--ink-bright);font-family:var(--font-display);letter-spacing:-.01em;font-variation-settings:"opsz" 72;opacity:calc(min(var(--p) / .32, 1));transform:translate3d(0, calc(var(--g) * 22vh * var(--amp)), 0);margin:0;font-size:clamp(2.8rem,7vw,5.25rem);font-weight:400;line-height:1}.project-meta{color:var(--ink-soft);letter-spacing:.18em;text-transform:uppercase;opacity:calc(min((var(--p) - .06) / .3, (1 - var(--p)) / .22, 1));transform:translate3d(0, calc((.5 - var(--p)) * 6vh * var(--amp)), 0);margin:26px 0 0;font-size:12px}.project-desc{max-width:44ch;color:var(--ink-mist);opacity:calc(min((var(--p) - .1) / .3, (1 - var(--p)) / .2, 1));transform:translate3d(0, calc((.5 - var(--p)) * 8vh * var(--amp)), 0);margin:18px 0 0;font-size:13.5px;line-height:1.75}.project-link{color:var(--accent);letter-spacing:.18em;text-transform:uppercase;border-bottom:1px solid var(--accent);margin-top:30px;font-size:12px;text-decoration:none;display:inline-block}@supports (color:color-mix(in lab, red, red)){.project-link{border-bottom:1px solid color-mix(in srgb, var(--accent) 35%, transparent)}}.project-link{opacity:calc(min((var(--p) - .14) / .3, (1 - var(--p)) / .18, 1));transform:translate3d(0, calc((.5 - var(--p)) * 10vh * var(--amp)), 0);padding-bottom:4px}.project-link:hover{color:var(--accent-strong);border-bottom-color:var(--accent)}.project-arrow{vertical-align:super;font-size:10px}.about-body{width:100%;max-width:880px;margin-inline:auto;padding:0 46px}.about-lede{color:var(--ink);font-family:var(--font-display);max-width:26ch;opacity:calc(min(var(--p) / .32, (1 - var(--p)) / .3, 1));transform:translate3d(0, calc((.5 - var(--p)) * 10vh * var(--amp)), 0);margin:0;font-size:clamp(1.6rem,3.4vw,2.5rem);font-style:italic;font-weight:300;line-height:1.35}.about-aside{color:var(--ink-muted);letter-spacing:.01em;max-width:42ch;opacity:calc(min((var(--p) - .08) / .32, (1 - var(--p)) / .3, 1));transform:translate3d(0, calc((.5 - var(--p)) * 10vh * var(--amp)), 0);margin:20px 0 0;font-size:14px;line-height:1.5}.about-aside a{color:var(--ink-mist);border-bottom:1px solid var(--line);transition:color .2s,border-color .2s}.about-aside a:hover{color:var(--accent);border-bottom-color:var(--accent)}.about-skills{gap:0;margin:64px 0 0;display:grid}.about-skill-row{--row-t:clamp(0, (var(--p) - .2 - var(--i) * .05) / .2, 1);border-top:1px solid var(--line);opacity:calc(min(var(--row-t), (1 - var(--p)) / .28, 1));transform:translate3d(0, calc((1 - var(--row-t)) * 18px * var(--amp)), 0);grid-template-columns:minmax(140px,220px) 1fr;gap:18px;padding:16px 0;display:grid}.about-skill-row dt{color:var(--accent);letter-spacing:.22em;text-transform:uppercase;margin:0;font-size:11.5px}.about-skill-row dd{color:var(--ink-mist);letter-spacing:.04em;margin:0;font-size:13px}.contact-body{text-align:center;padding:0 24px}.contact-kicker{color:var(--accent);letter-spacing:.34em;text-transform:uppercase;opacity:calc(min(var(--p) / .3, 1));transform:translate3d(0, calc((.45 - min(var(--p), .45)) * 8vh * var(--amp)), 0);margin:0;font-size:12.5px}.contact-mail{color:var(--ink-bright);font-family:var(--font-display);font-variation-settings:"opsz" 72;white-space:nowrap;letter-spacing:calc((1 - clamp(0, var(--p) / .42, 1)) * .06em);margin-top:30px;font-size:clamp(1.9rem,5.4vw,4.25rem);font-weight:400;line-height:1.05;text-decoration:none;display:inline-block}.contact-mail:hover{color:var(--accent-strong)}.contact-socials{letter-spacing:.18em;text-transform:uppercase;opacity:calc(min((var(--p) - .08) / .3, 1));justify-content:center;gap:34px;margin-top:42px;font-size:12px;display:flex}.contact-socials a{color:var(--ink-soft);text-decoration:none}.contact-socials a:hover{color:var(--ink)}.contact-colophon{color:var(--ink-faint);letter-spacing:.14em;opacity:calc(min((var(--p) - .12) / .3, 1));margin:56px 0 0;font-size:11px}.nav-veil{z-index:45;background:var(--paper);opacity:0;visibility:hidden;pointer-events:none;position:fixed;inset:0}.landing-loader{z-index:50;--loader-r:0px;background:radial-gradient(circle at 50% 50%, transparent max(0px, calc(var(--loader-r) - 1.5px)), var(--paper) var(--loader-r));touch-action:none;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.loader-center{z-index:2;flex-direction:column;align-items:center;display:flex;position:relative}.loader-mark{color:var(--ink-bright);font-family:var(--font-display);letter-spacing:.02em;font-variation-settings:"opsz" 72;font-size:clamp(5.5rem,11vw,8.125rem);line-height:1;display:flex}.loader-mask{display:inline-block;overflow:hidden}.loader-mask span{will-change:transform;display:inline-block;transform:translateY(110%)}.loader-count{color:var(--ink-mist);font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:.18em;opacity:0;align-items:baseline;gap:2px;margin-top:30px;font-size:13px;display:flex}.loader-count-unit{color:var(--ink-faint);font-size:10px}.loader-bar{background:var(--line-strong);width:110px;height:2px;margin-top:18px;position:relative;overflow:hidden}.loader-bar span{background:var(--accent);transform-origin:0;width:100%;height:100%;display:block;position:absolute;top:0;left:0;transform:scaleX(0)}.loader-caption{color:var(--ink-faint);letter-spacing:.32em;text-transform:uppercase;opacity:0;margin:22px 0 0;font-size:11px}@media (prefers-reduced-motion:reduce){.loader-mask span,.name-rest-track{will-change:auto;transform:none}a,button{transition:none!important}.project-body>*,.about-body>*,.about-skill-row,.contact-body>*{opacity:1!important;transform:none!important}}.site-footer{z-index:1;border-top:1px solid var(--line);background:var(--header-bg);position:relative}@supports (color:color-mix(in lab, red, red)){.site-footer{background:color-mix(in oklab, var(--header-bg) 80%, transparent)}}.site-footer{color:var(--ink-muted);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);padding:2rem 1rem}.footer-inner{justify-content:space-between;align-items:center;gap:1rem;display:flex}.footer-inner p{margin:0}.not-found{flex-direction:column;justify-content:center;align-items:flex-start;gap:14px;width:min(100% - 2.5rem,1180px);min-height:70vh;margin-inline:auto;display:flex}.not-found-code{font-family:var(--font-mono);letter-spacing:.32em;text-transform:uppercase;color:var(--ink-soft);margin:0;font-size:12px}.not-found-title{font-family:var(--font-display);letter-spacing:-.02em;color:var(--ink-bright);margin:0;font-size:clamp(2.2rem,6vw,4.5rem);font-weight:420;line-height:1.05}.not-found-link{font-family:var(--font-mono);letter-spacing:.08em;color:var(--accent);border-bottom:1px solid var(--line-strong);margin-top:10px;padding-bottom:3px;font-size:13px;text-decoration:none;transition:color .16s,border-color .16s}.not-found-link:hover{color:var(--accent-strong);border-color:var(--accent)}@media (width<=820px){.site-nav{flex-wrap:wrap}.header-actions{order:1}.nav-links{order:3;width:100%;padding-top:.2rem}.footer-inner{flex-direction:column;align-items:flex-start}}@media (width<=720px){.landing-nav{padding:22px 20px}.landing-links{gap:20px;font-size:11px}.landing-work{flex-direction:column;align-items:flex-start;gap:18px;padding:0 20px 26px}.work-links{flex-wrap:wrap;gap:24px}.project-body,.about-body{padding:0 20px}.about-skill-row{grid-template-columns:1fr;gap:6px}}@media (width<=520px){.page-wrap{width:min(100% - 1.25rem,1180px)}.icon-link{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}