:root{--md-sys-typescale-display-large: 400 57px/64px ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--md-sys-typescale-headline-medium: 500 28px/36px ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--md-sys-typescale-body-large: 400 16px/24px ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--md-sys-typescale-label-large: 500 14px/20px ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--md-sys-motion-duration-short: .18s;--md-sys-motion-duration-medium: .32s;--md-sys-motion-easing-standard: cubic-bezier(.2, 0, 0, 1);--md-sys-motion-easing-emphasized: cubic-bezier(.3, 0, 0, 1)}[data-theme=dark]{--md-sys-color-background: #07070a;--md-sys-color-on-background: #e6e6e6;--md-sys-color-surface: #0a0a0b;--md-sys-color-on-surface: #e6e6e6;--md-sys-color-on-surface-variant: #b8b8be;--md-sys-color-surface-variant: #1a1a1d;--md-sys-color-surface-dim: #050507;--md-sys-color-surface-bright: #2c2c30;--md-sys-color-surface-container-lowest: #050507;--md-sys-color-surface-container-low: #101012;--md-sys-color-surface-container: #161618;--md-sys-color-surface-container-high: #1e1e21;--md-sys-color-surface-container-highest: #26262a;--md-sys-color-primary: #e6e6e6;--md-sys-color-on-primary: #0a0a0b;--md-sys-color-primary-container: #2c2c30;--md-sys-color-on-primary-container: #e6e6e6;--md-sys-color-outline: #4a4a50;--md-sys-color-outline-variant: #2a2a2e;--md-sys-color-inverse-surface: #e6e6e6;--md-sys-color-inverse-on-surface: #0a0a0b;--md-sys-color-scrim: #000000;--md-sys-color-shadow: #000000}[data-theme=light]{--md-sys-color-background: #fafafa;--md-sys-color-on-background: #1a1a1a;--md-sys-color-surface: #ffffff;--md-sys-color-on-surface: #1a1a1a;--md-sys-color-on-surface-variant: #4a4a50;--md-sys-color-surface-variant: #e8e8e8;--md-sys-color-surface-dim: #d4d4d4;--md-sys-color-surface-bright: #ffffff;--md-sys-color-surface-container-lowest: #ffffff;--md-sys-color-surface-container-low: #f5f5f5;--md-sys-color-surface-container: #efefef;--md-sys-color-surface-container-high: #e8e8e8;--md-sys-color-surface-container-highest: #e0e0e0;--md-sys-color-primary: #1a1a1a;--md-sys-color-on-primary: #ffffff;--md-sys-color-primary-container: #d4d4d4;--md-sys-color-on-primary-container: #1a1a1a;--md-sys-color-outline: #8a8a90;--md-sys-color-outline-variant: #d4d4d4;--md-sys-color-inverse-surface: #1a1a1a;--md-sys-color-inverse-on-surface: #ffffff;--md-sys-color-scrim: #000000;--md-sys-color-shadow: #000000}*,*:before,*:after{box-sizing:border-box}*{margin:0}html,body,#root{height:100%}body{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;line-height:1.5}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit;color:inherit}button{background:none;border:0;padding:0;cursor:pointer}a{color:inherit;text-decoration:none}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}ul,ol{list-style:none;padding:0}html{color-scheme:light dark;overscroll-behavior:none}body{font:var(--md-sys-typescale-body-large);background:var(--md-sys-color-surface);color:var(--md-sys-color-on-surface);overscroll-behavior:none;transition:background var(--md-sys-motion-duration-medium) var(--md-sys-motion-easing-standard),color var(--md-sys-motion-duration-medium) var(--md-sys-motion-easing-standard)}#root{isolation:isolate;position:relative;min-height:100%;display:flex;flex-direction:column}a{color:inherit;transition:color var(--md-sys-motion-duration-short) var(--md-sys-motion-easing-standard)}a:hover{color:var(--md-sys-color-primary)}:focus{outline:none}:focus-visible{outline:2px solid var(--md-sys-color-outline);outline-offset:3px;border-radius:2px}::selection{background:var(--md-sys-color-on-surface);color:var(--md-sys-color-surface)}h1{font:var(--md-sys-typescale-display-large);letter-spacing:-.02em}h2{font:var(--md-sys-typescale-headline-medium);letter-spacing:-.01em}.site-header{position:fixed;inset:0 0 auto;z-index:10;display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:20px 32px;background:linear-gradient(to bottom,color-mix(in srgb,var(--md-sys-color-surface) 80%,transparent),transparent);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.site-nav{position:relative}.site-nav__toggle{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;width:40px;height:40px;border-radius:999px;color:var(--md-sys-color-on-surface);background:transparent;border:0;cursor:pointer;transition:background var(--md-sys-motion-duration-short) var(--md-sys-motion-easing-standard)}.site-nav__toggle:hover{background:var(--md-sys-color-surface-container-high)}.site-nav__toggle span{display:block;width:20px;height:1.5px;background:currentColor;transition:transform var(--md-sys-motion-duration-short) var(--md-sys-motion-easing-standard),opacity var(--md-sys-motion-duration-short) var(--md-sys-motion-easing-standard)}.site-nav.is-open .site-nav__toggle span:nth-child(1){transform:translateY(6.5px) rotate(45deg)}.site-nav.is-open .site-nav__toggle span:nth-child(2){opacity:0}.site-nav.is-open .site-nav__toggle span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}.site-nav ul{position:absolute;top:calc(100% + 12px);right:0;display:flex;flex-direction:column;gap:4px;min-width:180px;padding:12px 8px;background:color-mix(in srgb,var(--md-sys-color-surface) 92%,transparent);border:1px solid var(--md-sys-color-outline-variant);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.site-nav ul[hidden]{display:none}.site-nav a{display:block;font:var(--md-sys-typescale-label-large);letter-spacing:.04em;text-transform:uppercase;color:var(--md-sys-color-on-surface-variant);padding:10px 14px;border-left:1px solid transparent;transition:color var(--md-sys-motion-duration-short) var(--md-sys-motion-easing-standard),border-color var(--md-sys-motion-duration-short) var(--md-sys-motion-easing-standard),background var(--md-sys-motion-duration-short) var(--md-sys-motion-easing-standard)}.site-nav a:hover,.site-nav a.is-active{color:var(--md-sys-color-on-surface);border-left-color:var(--md-sys-color-on-surface);background:var(--md-sys-color-surface-container-low)}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:999px;color:var(--md-sys-color-on-surface);transition:background var(--md-sys-motion-duration-short) var(--md-sys-motion-easing-standard)}.theme-toggle:hover{background:var(--md-sys-color-surface-container-high)}.site-main{flex:1;display:flex;flex-direction:column;min-height:100vh}.page{padding:120px 32px 64px;max-width:1280px;width:100%;margin:0 auto;animation:fadeUp var(--md-sys-motion-duration-medium) var(--md-sys-motion-easing-emphasized) both}.page--full{padding:0;max-width:none}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.page{animation:none}body,a,.site-nav a,.theme-toggle{transition:none}}.home{min-height:100vh;display:flex;flex-direction:column}.home__hero{position:relative;flex:1;width:100%;min-height:100vh;touch-action:none}.home__hero canvas{display:block;width:100%;height:100%;touch-action:none}.home__tagline{position:absolute;left:0;right:0;bottom:32px;text-align:center;font:var(--md-sys-typescale-label-large);letter-spacing:.08em;text-transform:uppercase;color:var(--md-sys-color-on-surface-variant);pointer-events:none}.portfolio-landing__choices{margin-top:64px;display:grid;gap:24px}.portfolio-landing__choices a{display:grid;grid-template-columns:auto 1fr auto;align-items:baseline;gap:24px;padding:32px 24px;border-top:1px solid var(--md-sys-color-outline-variant);font:var(--md-sys-typescale-headline-medium);transition:background var(--md-sys-motion-duration-short) var(--md-sys-motion-easing-standard)}.portfolio-landing__choices a:last-child{border-bottom:1px solid var(--md-sys-color-outline-variant)}.portfolio-landing__choices a:hover{background:var(--md-sys-color-surface-container-low)}.portfolio-landing__index{color:var(--md-sys-color-on-surface-variant);font:var(--md-sys-typescale-label-large)}.portfolio-landing__arrow{color:var(--md-sys-color-on-surface-variant)}.work__list{margin-top:48px}.work__row a{display:grid;grid-template-columns:60px 1fr 80px 1fr 40px;align-items:baseline;gap:24px;padding:20px 0;border-top:1px solid var(--md-sys-color-outline-variant);transition:background var(--md-sys-motion-duration-short) var(--md-sys-motion-easing-standard)}.work__row:last-child a{border-bottom:1px solid var(--md-sys-color-outline-variant)}.work__row a:hover{background:var(--md-sys-color-surface-container-low)}.work__idx,.work__year,.work__tags{color:var(--md-sys-color-on-surface-variant);font:var(--md-sys-typescale-label-large)}.work__title{font:var(--md-sys-typescale-headline-medium)}.work__arrow{color:var(--md-sys-color-on-surface-variant);text-align:right}@media(max-width:720px){.work__row a{grid-template-columns:40px 1fr 32px}.work__year,.work__tags{display:none}}.experiments__grid{margin-top:48px;display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1px;background:var(--md-sys-color-outline-variant);border:1px solid var(--md-sys-color-outline-variant)}.experiments__card{background:var(--md-sys-color-surface)}.experiments__card a{display:block;padding:28px 24px;height:100%;transition:background var(--md-sys-motion-duration-short) var(--md-sys-motion-easing-standard)}.experiments__card a:hover{background:var(--md-sys-color-surface-container-low)}.experiments__status{display:inline-block;font:var(--md-sys-typescale-label-large);text-transform:uppercase;letter-spacing:.08em;padding:2px 8px;border:1px solid var(--md-sys-color-outline);color:var(--md-sys-color-on-surface-variant);margin-bottom:16px}.experiments__title{margin:8px 0 12px;font:var(--md-sys-typescale-headline-medium)}.experiments__desc{color:var(--md-sys-color-on-surface-variant);margin-bottom:20px}.experiments__meta{color:var(--md-sys-color-on-surface-variant);font:var(--md-sys-typescale-label-large)}.about__grid{display:grid;grid-template-columns:2fr 1fr;gap:64px;margin-top:48px}.about__bio p+p{margin-top:16px}.about__skills h2{margin-bottom:16px;font:var(--md-sys-typescale-label-large);text-transform:uppercase;letter-spacing:.08em;color:var(--md-sys-color-on-surface-variant)}.about__skills li{padding:8px 0;border-top:1px solid var(--md-sys-color-outline-variant)}.about__skills li:last-child{border-bottom:1px solid var(--md-sys-color-outline-variant)}@media(max-width:720px){.about__grid{grid-template-columns:1fr;gap:32px}}.project__header{margin-bottom:48px}.project__back{display:inline-block;margin-bottom:24px;color:var(--md-sys-color-on-surface-variant);font:var(--md-sys-typescale-label-large);text-transform:uppercase;letter-spacing:.08em}.project__meta{color:var(--md-sys-color-on-surface-variant);margin-top:12px}.project__desc{margin-top:24px;max-width:60ch}.project__links{display:flex;gap:16px;margin-top:24px}.project__links a{border-bottom:1px solid var(--md-sys-color-outline);padding-bottom:2px}.project__body{display:grid;gap:48px}.project__details{margin-top:32px;display:grid;gap:0;max-width:60ch}.project__details-row{display:grid;grid-template-columns:180px 1fr;gap:24px;padding:10px 0;border-top:1px solid var(--md-sys-color-outline-variant)}.project__details-row:last-child{border-bottom:1px solid var(--md-sys-color-outline-variant)}.project__details dt{color:var(--md-sys-color-on-surface-variant);font:var(--md-sys-typescale-label-large);text-transform:uppercase;letter-spacing:.08em}.project__details dd{margin:0}.project__details a{border-bottom:1px solid var(--md-sys-color-outline);padding-bottom:1px}.project__sections{display:grid;gap:32px;max-width:70ch}.project__section-heading{font:var(--md-sys-typescale-label-large);text-transform:uppercase;letter-spacing:.08em;color:var(--md-sys-color-on-surface-variant);margin-bottom:12px}.project__section-text{line-height:1.6}.project__credits{max-width:60ch}.project__credits-heading{font:var(--md-sys-typescale-label-large);text-transform:uppercase;letter-spacing:.08em;color:var(--md-sys-color-on-surface-variant);margin-bottom:16px}.project__credits-list{display:grid;gap:0}.project__credits-row{display:grid;grid-template-columns:240px 1fr;gap:24px;padding:10px 0;border-top:1px solid var(--md-sys-color-outline-variant)}.project__credits-row:last-child{border-bottom:1px solid var(--md-sys-color-outline-variant)}.project__credits dt{color:var(--md-sys-color-on-surface-variant)}.project__credits dd{margin:0}.project__credits a{border-bottom:1px solid var(--md-sys-color-outline);padding-bottom:1px}@media(max-width:720px){.project__details-row,.project__credits-row{grid-template-columns:1fr;gap:4px}}.project__nav{margin-top:80px;padding-top:32px;border-top:1px solid var(--md-sys-color-outline-variant);display:grid;grid-template-columns:1fr 1fr;gap:24px;color:var(--md-sys-color-on-surface-variant)}.project__nav a:hover{color:var(--md-sys-color-on-surface)}.hero-media{width:100%;height:auto;border:1px solid var(--md-sys-color-outline-variant)}.hero-media--webgl{aspect-ratio:16 / 9;position:relative;background:var(--md-sys-color-surface);isolation:isolate;touch-action:none}.hero-media--webgl canvas{display:block;width:100%;height:100%;touch-action:none}.gallery{display:grid;gap:32px}.gallery__item img,.gallery__item video,.gallery__item iframe{width:100%;height:auto;border:1px solid var(--md-sys-color-outline-variant)}.gallery__item iframe{aspect-ratio:16 / 9}.notfound{text-align:center;padding-top:200px}.notfound h1{font-size:120px;line-height:1}.notfound p{margin-top:24px;color:var(--md-sys-color-on-surface-variant)}.notfound a{border-bottom:1px solid var(--md-sys-color-outline)}