*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scrollbar-width:thin;scrollbar-color:#333 #0a0a0a;font-size:16px}body{color:#e0e0e0;font-family:var(--font-body);background:#0a0a0a;min-height:100vh;overflow:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#333;border-radius:3px}@font-face{font-family:jgs5;src:url(/fonts/jgs5.woff2)format("woff2"),url(/fonts/jgs5.ttf)format("truetype");font-display:swap}@font-face{font-family:jgs7;src:url(/fonts/jgs7.woff2)format("woff2"),url(/fonts/jgs7.ttf)format("truetype");font-display:swap}:root{--sidebar-width:24%;--canvas-width:70%;--font-ascii:"jgs5", monospace;--font-body:ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace;--color-bg-dark:#0a0a0a;--color-bg-light:#fff;--color-text-dark:#1a1a1a;--color-text-light:#e0e0e0;--z-switch:100;--z-boot:9999;--z-drifting:50;--z-project-gifs:40;--z-good-witch:45;--z-preview:55;--z-speech-bubble:60}.landing-sidebar{background:var(--color-bg-light);color:var(--color-text-dark);font-family:var(--font-body);min-height:100%;padding:32px 27px 53px;font-size:17px;line-height:1.6}.landing-sidebar__ascii{font-family:var(--font-ascii);letter-spacing:0;word-spacing:0;color:var(--color-text-dark);white-space:pre;font-variant-ligatures:none;tab-size:2;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizespeed;font-feature-settings:"kern" 0;-webkit-text-size-adjust:100%;width:max-content;max-width:100%;margin-bottom:43px;font-size:10px;font-weight:700;line-height:1;display:inline-block;overflow:visible}.landing-sidebar__ascii-wrap{width:100%}.landing-sidebar__section{margin-bottom:32px}.landing-sidebar__heading{font-family:var(--font-ascii);text-underline-offset:4px;margin-bottom:11px;font-size:19px;font-weight:700;text-decoration:underline}.landing-sidebar__count{font-weight:400}.landing-sidebar__text{color:#333;letter-spacing:-.015em;margin-bottom:12px;font-size:16px;font-weight:500;line-height:1.75}.landing-sidebar__text:last-of-type{margin-bottom:0}.landing-sidebar__accent{letter-spacing:-.01em;opacity:.9;text-underline-offset:4px;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:600;text-decoration:underline}.landing-sidebar__projects{width:100%;list-style:none}.landing-sidebar__project{font-size:16px;font-family:var(--font-ascii);color:var(--color-text-dark);grid-template-columns:27px minmax(0,1fr) minmax(0,auto);align-items:center;column-gap:8px;width:100%;padding:4px 0;text-decoration:none;transition:background-color .15s;display:grid}.landing-sidebar__project:hover,.landing-sidebar__project--active{background-color:#0000000f}.landing-sidebar__project:hover .landing-sidebar__project-name-text{text-shadow:0 0 8px var(--project-color), 0 0 16px var(--project-color)}.landing-sidebar__bullet-gif{object-fit:contain;image-rendering:auto;flex-shrink:0;width:27px;height:27px}.landing-sidebar__project-name{min-width:0;font-size:18px;font-weight:500;font-family:var(--font-ascii);white-space:nowrap;align-items:center;gap:6px;display:flex;overflow:hidden}.landing-sidebar__project-name-text{white-space:nowrap;text-overflow:ellipsis;flex-shrink:1;min-width:0;overflow:hidden}.landing-sidebar__dashes{border-bottom:1px dashed #0003;flex:1;align-self:center;min-width:6px;height:0}.landing-sidebar__project-tag{white-space:nowrap;color:#666;font-size:14px;font-family:var(--font-ascii);text-align:right;flex-shrink:0;font-weight:500}.landing-sidebar__text{color:#333;font-size:16px;font-weight:500;line-height:1.6}.landing-sidebar__cv-link{color:var(--color-text-dark);font-size:15px;font-weight:700;text-decoration:underline}.landing-sidebar__contact{flex-direction:column;gap:5px;font-size:15px;display:flex}.landing-sidebar__contact a{color:#333;font-family:var(--font-ascii);font-size:16px;font-weight:700;text-decoration:none;transition:text-shadow .2s,color .2s}.landing-sidebar__contact a:hover{text-shadow:0 0 6px #0003;text-decoration:underline}.mobile-landing{background:var(--color-bg-light);width:100%;height:100vh;color:var(--color-text-dark);flex-direction:column;display:flex;overflow:hidden}.mobile-landing__header{border-bottom:1px solid #0000001a;padding:20px 16px;overflow:hidden}.mobile-landing__header-content{justify-content:space-between;align-items:center;gap:20px;display:flex}.mobile-landing__carousel{background:0 0;border-radius:3px;flex-shrink:0;justify-content:center;align-items:center;width:70px;height:90px;display:flex;position:relative;overflow:hidden}.mobile-landing__carousel-gif{object-fit:contain;object-position:center;opacity:0;pointer-events:none;width:100%;height:100%;transition:opacity .5s;position:absolute;inset:0}.mobile-landing__carousel-gif--active{opacity:1}.mobile-landing__ascii{font-family:var(--font-ascii);letter-spacing:0;word-spacing:0;white-space:pre;font-variant-ligatures:none;tab-size:2;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizespeed;font-feature-settings:"kern" 0;-webkit-text-size-adjust:100%;width:max-content;max-width:100%;margin:0;font-size:clamp(8px,2vw,14px);font-weight:700;line-height:1;overflow:visible}.mobile-landing__tabs{background:#ffffffb3;border-bottom:1px solid #0003;gap:0;display:flex}.mobile-landing__tab{font-family:var(--font-ascii);color:var(--color-text-dark);cursor:pointer;opacity:.5;text-align:center;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;padding:12px 16px;font-size:14px;font-weight:700;transition:all .2s}.mobile-landing__tab:hover{opacity:.7}.mobile-landing__tab--active{opacity:1;border-bottom-color:var(--color-text-dark);text-shadow:0 0 8px #6496ff4d}.mobile-landing__content{scroll-behavior:smooth;-webkit-overflow-scrolling:touch;flex:1;overflow:hidden auto}.mobile-landing__grid{grid-template-columns:repeat(2,1fr);gap:12px;padding:16px;display:grid}.mobile-landing__card{border-radius:4px;flex-direction:column;gap:8px;text-decoration:none;transition:all .15s;display:flex;overflow:hidden}.mobile-landing__card:active{opacity:.8;transform:scale(.98)}.mobile-landing__card-image{aspect-ratio:1;background:#0000000d;border-radius:4px;justify-content:center;align-items:center;width:100%;display:flex;overflow:hidden}.mobile-landing__card-image img{object-fit:cover;width:100%;height:100%}.mobile-landing__card-info{padding:0 4px}.mobile-landing__card-title{font-family:var(--font-ascii);color:var(--color-text-dark);word-break:break-word;margin:0;font-size:14px;font-weight:600;line-height:1.3;transition:text-shadow .2s}.mobile-landing__card:hover .mobile-landing__card-title{text-shadow:0 0 8px var(--card-color), 0 0 12px var(--card-color)}.mobile-landing__card-meta{font-family:var(--font-ascii);color:#0009;opacity:.7;margin:0;font-size:12px;font-weight:500}.mobile-landing__about{flex-direction:column;gap:12px;padding:16px;display:flex}.mobile-landing__bio{font-family:var(--font-body);color:#333;margin:0;font-size:16px;font-weight:600;line-height:1.75}.mobile-landing__accent{font-family:var(--font-ascii);opacity:.8;text-underline-offset:3px;font-weight:500;text-decoration:underline}.mobile-landing__cv-link{text-align:center;font-family:var(--font-body);color:var(--color-text-dark);background:#00000005;border:1px solid #00000026;border-radius:3px;margin-top:8px;margin-bottom:16px;padding:12px;font-size:14px;font-weight:600;text-decoration:none;transition:all .2s;display:block}.mobile-landing__cv-link:active{opacity:.8;background:#0000000d}.mobile-landing__contact-section{border-top:1px solid #0000001a;margin-top:16px;padding-top:12px}.mobile-landing__contact-heading{font-family:var(--font-ascii);text-underline-offset:3px;color:var(--color-text-dark);margin:0 0 12px;font-size:14px;font-weight:700;text-decoration:underline}.mobile-landing__contact{justify-content:space-around;align-items:center;gap:8px;display:flex}.mobile-landing__contact a{text-align:center;font-family:var(--font-body);color:var(--color-text-dark);opacity:.8;white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:12px;font-weight:500;text-decoration:none;transition:opacity .2s;overflow:hidden}.mobile-landing__contact a:active{opacity:1}.mobile-landing__content::-webkit-scrollbar{width:6px}.mobile-landing__content::-webkit-scrollbar-track{background:0 0}.mobile-landing__content::-webkit-scrollbar-thumb{background:#0003;border-radius:3px}.mobile-landing__content::-webkit-scrollbar-thumb:hover{background:#0000004d}.mobile-landing__content{scrollbar-color:#0003 transparent;scrollbar-width:thin}@media (width<=480px){.mobile-landing__grid{gap:10px;padding:12px}.mobile-landing__contact{gap:4px}.mobile-landing__contact a{font-size:11px}}.good-witch{z-index:var(--z-good-witch);cursor:default;position:absolute;bottom:3%;right:2%}.good-witch img{image-rendering:auto;filter:drop-shadow(0 0 8px #ffb4dc66);width:96px;height:96px}.good-witch__bubble{color:#1a1a1a;font-family:var(--font-body);width:240px;z-index:var(--z-speech-bubble);background:#fff;border:1px solid #ccc;border-radius:11px;margin-bottom:11px;padding:11px 16px;font-size:13px;line-height:1.4;animation:.2s ease-out bubble-in;position:absolute;bottom:100%;right:0;box-shadow:0 3px 11px #0000004d}.good-witch__bubble:after{content:"";border:8px solid #0000;border-top-color:#fff;position:absolute;top:100%;right:20px}@keyframes bubble-in{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.drifting-gifs{z-index:var(--z-drifting);pointer-events:none;position:absolute;inset:0;overflow:hidden}.drifting-gifs__gif{opacity:0;image-rendering:auto;filter:drop-shadow(0 0 4px #6464ff4d);animation-timing-function:linear;animation-fill-mode:forwards;position:absolute}@keyframes drift-ltr{0%{opacity:0;left:-80px;transform:translateY(0)}5%{opacity:.6}50%{transform:translateY(var(--wobble));opacity:.6}95%{opacity:.6}to{opacity:0;left:calc(100% + 80px);transform:translateY(0)}}@keyframes drift-rtl{0%{opacity:0;left:calc(100% + 80px);transform:translateY(0)}5%{opacity:.6}50%{transform:translateY(var(--wobble));opacity:.6}95%{opacity:.6}to{opacity:0;left:-80px;transform:translateY(0)}}.project-preview{width:240px;height:135px;z-index:var(--z-preview);pointer-events:none;opacity:0;transition:opacity .15s;position:fixed}.project-preview--visible{opacity:1}.project-preview img{object-fit:cover;border-radius:4px;width:100%;height:100%;box-shadow:0 4px 20px #0006}.star-canvas{background:#050510 url(/images/bg-stars.png) 50%/cover no-repeat;width:100%;height:100%;position:relative;overflow:hidden}.star-canvas__gif{z-index:var(--z-project-gifs);cursor:pointer;transition:transform .3s,opacity .3s,filter .3s;display:block;position:absolute;transform:translate(-50%,-50%)}.star-canvas__gif img{image-rendering:auto;filter:drop-shadow(0 0 11px #6464ff4d);display:block}.star-canvas__gif:hover,.star-canvas__gif--active{transform:translate(-50%,-50%)scale(1.15)}.star-canvas__gif--active img{filter:drop-shadow(0 0 20px #6464ffb3);animation:1s ease-in-out infinite alternate gif-pulse}.star-canvas__gif--dimmed{opacity:.4}@keyframes gif-pulse{0%{transform:scale(1)}to{transform:scale(1.08)}}.star-canvas__indicator{z-index:var(--z-drifting);opacity:.7;pointer-events:none;filter:drop-shadow(0 0 12px #6496ff66);animation:2s ease-in-out infinite indicator-pulse;position:absolute}@keyframes indicator-pulse{0%,to{opacity:.7;transform:scale(1)}50%{opacity:.9;transform:scale(1.1)}}@media (width<=768px){.star-canvas__gif img{width:80px!important;height:auto!important}}.grid-canvas{background:#fff;width:100%;height:100%;padding:72px 32px 32px;overflow-y:auto}.grid-canvas__grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px;max-width:1200px;margin:0 auto;display:grid}.grid-canvas__card{color:#1a1a1a;background:#fafafa;border:1px solid #0003;border-radius:4px;flex-direction:column;text-decoration:none;transition:transform .25s,border-color .25s,box-shadow .25s,opacity .3s;display:flex;overflow:hidden;box-shadow:0 2px 8px #0000000f}.grid-canvas__card:hover,.grid-canvas__card--active{border-color:var(--accent);box-shadow:0 0 20px color-mix(in srgb, var(--accent) 30%, transparent);transform:scale(1.03)}.grid-canvas__card--dimmed{opacity:.4}.grid-canvas__image-wrap{aspect-ratio:16/10;background:#f0f0f0;width:100%;overflow:hidden}.grid-canvas__image{object-fit:cover;width:100%;height:100%;transition:transform .3s;display:block}.grid-canvas__card:hover .grid-canvas__image{transform:scale(1.05)}.grid-canvas__info{flex-direction:column;gap:4px;padding:12px 16px 16px;display:flex}.grid-canvas__number{font-family:var(--font-ascii);color:var(--accent);font-size:14px;font-weight:700}.grid-canvas__title{font-family:var(--font-ascii);color:#1a1a1a;font-size:16px;font-weight:500}.grid-canvas__meta{font-family:var(--font-body);color:#000000a6;letter-spacing:.5px;font-size:12px}.grid-canvas__accent-bar{background:var(--accent);opacity:.6;height:3px;transition:opacity .25s}.grid-canvas__card:hover .grid-canvas__accent-bar{opacity:1}@media (width<=768px){.grid-canvas{padding:50px 16px 16px}.grid-canvas__grid{grid-template-columns:1fr;gap:16px}}.mode-switch{z-index:var(--z-switch);-webkit-backdrop-filter:blur(8px);cursor:pointer;background:#fff;border:1px solid #0000001a;border-radius:6px;align-items:center;gap:8px;padding:6px 12px;transition:border-color .2s,background-color .2s,box-shadow .2s;display:flex;position:absolute;top:16px;right:24px}.mode-switch:hover{background:#fff;border-color:#0003;box-shadow:0 4px 12px #00000026}.mode-switch__gif{image-rendering:auto;width:24px;height:24px;transition:transform .3s}.mode-switch__gif--flipped{transform:scaleX(-1)}.mode-switch__label{font-family:var(--font-ascii);color:#1a1a1a;text-transform:uppercase;letter-spacing:1px;font-size:12px}.project-sidebar{font-family:var(--font-body);flex-direction:column;min-height:100%;padding:32px 27px 53px;font-size:17px;line-height:1.6;display:flex}.project-sidebar__topnav{z-index:10;background:var(--sidebar-bg);border-bottom:1px solid;justify-content:space-between;align-items:center;margin:-32px -27px 16px;padding:12px 27px;display:flex;position:sticky;top:0}.project-sidebar__topnav-link{font-family:var(--font-ascii);opacity:.9;font-size:16px;font-weight:700;text-decoration:none;transition:opacity .2s}.project-sidebar__topnav-link:hover{text-decoration:underline}.project-sidebar__topnav-counter{font-family:var(--font-ascii);opacity:1;font-size:18px;font-weight:700}.project-sidebar__ascii{font-family:var(--font-ascii);letter-spacing:0;word-spacing:0;white-space:pre;font-variant-ligatures:none;tab-size:2;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizespeed;font-feature-settings:"kern" 0;-webkit-text-size-adjust:100%;cursor:pointer;width:max-content;max-width:100%;margin-bottom:32px;font-size:clamp(6px,.72vw,11px);font-weight:700;line-height:1;text-decoration:none;transition:opacity .2s;display:inline-block;overflow:visible}.project-sidebar__ascii-wrap{width:100%}.project-sidebar__ascii:hover{opacity:.6}.project-sidebar__section{margin-bottom:27px}.project-sidebar__experience{margin-bottom:32px}.project-sidebar__experience-link{font-family:var(--font-ascii);text-transform:uppercase;letter-spacing:.05em;border:2px solid;padding:10px 18px;font-size:14px;font-weight:700;text-decoration:none;transition:all .2s;display:inline-block}.project-sidebar__experience-link:hover{opacity:.8;transform:scale(1.02)}.project-sidebar__label{font-family:var(--font-ascii);margin-top:24px;margin-bottom:12px;font-size:22px;font-weight:700}.project-sidebar__section:first-child .project-sidebar__label{margin-top:0}.project-sidebar__text{white-space:pre-line;letter-spacing:-.01em;font-size:16px;font-weight:400;line-height:1.6}.project-sidebar__nav{z-index:5;background:var(--sidebar-bg);border-top:2px solid #1a1a1a33;justify-content:space-between;gap:21px;margin:0 -27px -53px;padding:20px 27px 16px;display:flex;position:sticky;bottom:0}.project-sidebar__nav-link{font-family:var(--font-body);font-size:14px;font-weight:600;text-decoration:none;transition:opacity .2s}.project-sidebar__nav-link:hover{text-decoration:underline}.mobile-project-nav{flex-direction:column;width:100%;height:100vh;display:flex;overflow:hidden}.mobile-project-nav__header{border-bottom:1px solid;flex-direction:row;flex-shrink:0;justify-content:center;align-items:center;padding:4px 8px;display:flex}.mobile-project-nav__header-row{flex-wrap:nowrap;justify-content:center;align-items:center;gap:5px;width:100%;display:flex}.mobile-project-nav__header-top{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;width:100%;display:flex}.mobile-project-nav__back{font-family:var(--font-body);cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;min-width:36px;min-height:36px;font-size:14px;font-weight:900;text-decoration:none;transition:all .15s;display:inline-flex}.mobile-project-nav__back:hover{opacity:1;transform:scale(.98)}.mobile-project-nav__back:active{transform:scale(.95);box-shadow:inset 1px 1px 2px #0000004d}.mobile-project-nav__divider{opacity:.5;flex-shrink:0;font-size:14px}.mobile-project-nav__project-info{font-family:var(--font-ascii);white-space:nowrap;flex-shrink:0;font-size:13px;font-weight:700}.mobile-project-nav__nav-buttons,.mobile-project-nav__tabs{flex-shrink:0;gap:2px;display:flex}.mobile-project-nav__tab{font-family:var(--font-ascii);cursor:pointer;text-align:center;background:linear-gradient(135deg,#f0f0f0 0%,#e0e0e0 100%);border:2px solid gray;border-color:#fff gray gray #fff;justify-content:center;align-items:center;min-width:36px;min-height:36px;padding:2px 6px;font-size:11px;font-weight:700;text-decoration:none;transition:all .15s;display:inline-flex}.mobile-project-nav__tab:hover{opacity:1;transform:scale(.98)}.mobile-project-nav__tab:active{transform:scale(.95)}.mobile-project-nav__tab--active{color:currentColor;text-shadow:none;background:linear-gradient(135deg,#fff 0%,#f0f0f0 100%);border-color:#fff gray gray #fff;transform:scale(.98);box-shadow:inset 2px 2px #fffc,inset -2px -2px #808080cc}.mobile-project-nav__tab:not(.mobile-project-nav__tab--active){opacity:.7;background:linear-gradient(135deg,#e0e0e0 0%,#d0d0d0 100%)}@media (width<=339px){.mobile-project-nav__header{padding:3px 4px}.mobile-project-nav__header-row{gap:3px}.mobile-project-nav__project-info{font-size:12px}.mobile-project-nav__divider{display:none}.mobile-project-nav__tab{min-width:32px;min-height:32px;padding:1px 4px;font-size:10px}}.mobile-project-nav__content{flex:1;overflow:hidden auto}.mobile-project-nav__info{height:100%;overflow-y:auto}.mobile-project-nav__gallery{height:100%;padding:12px;overflow-y:auto}.mobile-project-nav__gallery img{border-radius:4px;max-width:100%;height:auto;margin-bottom:12px;display:block}.mobile-project-nav__gallery figure{margin:0 0 12px;padding:0}.mobile-project-nav__gallery figcaption{font-family:var(--font-body);color:#0009;margin-top:6px;font-size:13px;line-height:1.5}.mobile-project-info{font-family:var(--font-body);font-size:16px;line-height:1.6}.mobile-project-info__title{letter-spacing:0;word-spacing:0;font-variant-ligatures:none;tab-size:2;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizespeed;font-feature-settings:"kern" 0;-webkit-text-size-adjust:100%;width:max-content;max-width:100%;font-size:clamp(8px,2vw,12px);font-weight:700;line-height:1;overflow:visible}.mobile-project-info__section{margin-bottom:20px}.mobile-project-info__experience{margin-bottom:28px}.mobile-project-info__experience-link{font-family:var(--font-ascii);text-transform:uppercase;letter-spacing:.05em;border:2px solid;padding:8px 16px;font-size:12px;font-weight:700;text-decoration:none;transition:all .2s;display:inline-block}.mobile-project-info__experience-link:hover{opacity:.8;transform:scale(1.02)}.mobile-project-info__label{font-family:var(--font-ascii);text-underline-offset:4px;border-bottom:1px solid;margin-bottom:12px;font-size:18px;font-weight:700;text-decoration:underline}.mobile-project-info__text{white-space:pre-line;font-size:14px;font-weight:500;line-height:1.6}