@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600&display=swap";.glass{background:var(--color-surface-glass);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--color-border-soft)}.glass.glass--green{background:var(--color-accent);border-color:var(--color-accent-strong)}.close-btn{background:transparent;border:none;color:var(--color-icon-primary);font-size:var(--font-size-lg);line-height:1;width:calc(var(--space-lg) * 2);height:calc(var(--space-lg) * 2);display:flex;align-items:center;justify-content:center;padding:0;border-radius:50%;cursor:pointer;transition:background .15s ease}.close-btn:hover{background:var(--color-overlay-soft)}.paneled-text{color:var(--color-text-primary);border-radius:var(--radius-sm)}.paneled-surface{border:1px solid var(--color-border-soft);border-radius:var(--radius-sm);background:var(--color-surface-bright);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}.paneled-text p{margin:0}.paneled-text p+p{margin-top:var(--space-sm)}.paneled-text a{color:inherit;text-decoration:underline}:root{--font-family-primary: ui-monospace, "JetBrains Mono", monospace;--color-text-primary: #4c4c4c;--color-icon-primary: #4c4c4c;--color-background: #cbcbcb;--color-text-inverse: #ffffff;--color-text-secondary: rgba(0, 0, 0, .4);--color-text-muted: rgba(0, 0, 0, .4);--color-surface-glass: rgba(255, 255, 255, .12);--color-surface-solid: #dcdcdc;--color-surface-hover: rgba(255, 255, 255, .2);--color-surface-bright: rgba(255, 255, 255, .55);--color-overlay-soft: rgba(255, 255, 255, .15);--color-overlay-dark: rgba(0, 0, 0, .7);--color-overlay-darker: rgba(0, 0, 0, .8);--color-border-soft: rgba(255, 255, 255, .2);--color-border-strong: rgba(255, 255, 255, .35);--color-border-subtle-dark: rgba(0, 0, 0, .1);--color-accent: rgba(50, 205, 50, .25);--color-accent-strong: rgba(50, 205, 50, .35);--color-accent-stronger: rgba(50, 205, 50, .5);--color-text-link: rgb(34, 138, 34);--color-selection-highlight: rgba(50, 205, 50, .35);--space-2xs: .125rem;--space-xs: .25rem;--space-sm: .5rem;--space-md: .75rem;--space-lg: 1rem;--space-xl: 1.5rem;--space-xxl: 2rem;--radius-sm: .5rem;--radius-md: 1rem;--radius-lg: 1.5rem;--radius-round: 999px;--font-size-sm: .9rem;--font-size-base: 1rem;--font-size-lg: 1.4rem}html,body,#root{margin:0;padding:0;height:100%;background-color:var(--color-background);color:var(--color-text-primary);font-family:var(--font-family-primary);overflow:hidden}::selection{background:var(--color-selection-highlight);color:var(--color-text-primary)}.home-main{width:100%;height:100dvh;background:var(--color-background);overflow:hidden}.canvas-container{position:fixed;inset:0;width:100%;height:100%}button{cursor:pointer;font-family:var(--font-family-primary);font-size:var(--font-size-base);border-radius:var(--radius-sm);padding:var(--space-md) var(--space-xl);transition:opacity .2s ease}button:hover{background:var(--color-surface-hover)}button:focus-visible,a:focus-visible{outline:2px solid var(--color-text-primary);outline-offset:2px}.canvas-surface{width:100%;height:100%;background:var(--color-background);touch-action:none;cursor:grab}.lil-gui{z-index:9999!important;position:absolute!important;background-color:#000}.project-rail,.project-rail *{font-family:inherit;box-sizing:border-box}.project-rail{position:fixed;inset:0;z-index:10;color:var(--color-text-primary);pointer-events:none}.project-rail__surface{position:absolute;inset:clamp(4rem,9vh,7rem) 1rem var(--space-lg);overflow:hidden;pointer-events:none}.project-rail__card{position:absolute;left:0;top:0;display:flex;flex-direction:column;overflow:hidden;border-radius:var(--radius-md);padding:var(--space-sm);color:inherit;pointer-events:auto;will-change:transform,width,height}.project-rail__card:hover{border-color:var(--color-border-strong)}.project-rail--staged .project-rail__card{pointer-events:none}.project-rail__video-hint{position:fixed;z-index:100;max-width:220px;padding:var(--space-sm) var(--space-md);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-surface-bright);box-shadow:0 .4rem 1.2rem var(--color-border-subtle-dark);color:var(--color-text-primary);font-size:var(--font-size-sm);line-height:1.25;pointer-events:none;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.project-rail__card--expanded{display:grid;grid-template-columns:minmax(0,1fr) minmax(12rem,min(36%,20rem));grid-template-rows:minmax(0,1fr) auto;gap:var(--space-md);padding:var(--space-md)}.project-rail__card--expanded.project-rail__card--video-left{grid-template-columns:minmax(12rem,min(36%,20rem)) minmax(0,1fr)}.project-rail__top-hit-area{position:relative;display:flex;flex-direction:column;width:100%;min-height:0;height:100%;flex:1 1 auto;padding:0;overflow:hidden;border:0;border-radius:calc(var(--radius-md) - .1rem);background:var(--color-surface-glass);color:inherit;text-align:left}.project-rail__card--expanded .project-rail__top-hit-area{grid-column:2;grid-row:1;align-self:start;height:auto;max-height:none}.project-rail__card--expanded.project-rail__card--video-left .project-rail__top-hit-area{grid-column:1}.project-rail__top-hit-area:hover{background:var(--color-surface-glass)}.project-rail__video-shell{position:relative;width:100%;min-height:0;flex:0 0 65%;overflow:hidden}.project-rail__card--expanded .project-rail__video-shell{width:100%;flex:0 0 auto;aspect-ratio:1 / 1}.project-rail__card--expanded .project-rail__title-bar{flex:0 0 auto}@media(min-width:821px){.project-rail__card--expanded.project-rail__card--fill-expanded-title .project-rail__top-hit-area{height:100%}.project-rail__card--expanded.project-rail__card--fill-expanded-title .project-rail__title-bar{flex:1 1 auto}}.project-rail__video,.project-rail__poster{position:absolute;inset:0;width:100%;height:100%}.project-rail__video,.project-rail__poster{display:block;object-fit:cover;border:0}.project-rail__video{pointer-events:none}.project-rail__card--expanded .project-rail__video{pointer-events:auto}.project-rail__empty-preview{position:absolute;inset:0;background:linear-gradient(var(--color-border-soft) 1px,transparent 1px),linear-gradient(90deg,var(--color-border-soft) 1px,transparent 1px),var(--color-surface-glass);background-size:24px 24px}.project-rail__poster{opacity:1;transition:opacity .12s ease}.project-rail__poster--hidden{opacity:0;pointer-events:none}.project-rail__title-bar{display:flex;flex:1 1 auto;width:100%;min-height:0;align-items:flex-end;justify-content:space-between;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);color:var(--color-text-primary);background:var(--color-surface-glass)}.project-rail__card--hovered:not(.project-rail__card--expanded) .project-rail__title-bar{flex:0 0 0;max-height:0;padding-top:0;padding-bottom:0;overflow:hidden}.project-rail__card--hovered:not(.project-rail__card--expanded){padding:0}.project-rail__card--hovered:not(.project-rail__card--expanded) .project-rail__video-shell{flex:1 1 100%}.project-rail__card--inactive .project-rail__top-hit-area{justify-content:center}.project-rail__card--inactive .project-rail__video-shell,.project-rail__card--inactive .project-rail__intro-heading{display:none}.project-rail__card--inactive .project-rail__title-bar{width:100%;height:100%;align-items:center;justify-content:center;padding:var(--space-md);text-align:center}.project-rail__card--inactive .project-rail__intro-name{font-size:clamp(1rem,2.5vw,1.35rem)}.project-rail__intro-name,.project-rail__intro-heading{display:block}.project-rail__intro-name{font-size:1rem;font-weight:600;line-height:1.1;text-wrap:balance}.project-rail__intro-heading{margin-top:var(--space-xs);max-width:42rem;font-size:.6rem;line-height:1.35;letter-spacing:0;text-transform:uppercase;opacity:.86;text-wrap:pretty}.project-rail__expanded-content{min-height:0;grid-column:1;grid-row:1 / -1;flex:1 1 auto;display:flex;flex-direction:column;align-items:stretch;gap:var(--space-md);overflow:hidden;overscroll-behavior:contain;scrollbar-color:var(--color-text-link) var(--color-surface-glass);scrollbar-width:thin}.project-rail__card--expanded.project-rail__card--video-left .project-rail__expanded-content{grid-column:2}.project-rail__expanded-content--text-only{grid-template-columns:1fr}.project-rail__expanded-content--text-only .project-rail__inner-card--text{grid-column:1 / -1}.project-rail__inner-card{border-radius:var(--radius-sm);overflow:hidden;min-height:0}.project-rail__inner-card--text{grid-column:1 / -1;flex:0 1 auto;padding:var(--space-lg);overflow:auto;background:var(--color-surface-solid);backdrop-filter:none;-webkit-backdrop-filter:none;line-height:1.45;font-size:clamp(.78rem,1.3vw,.95rem);scrollbar-color:var(--color-text-link) var(--color-surface-solid);scrollbar-width:thin}.project-rail__expanded-content::-webkit-scrollbar,.project-rail__inner-card--text::-webkit-scrollbar{width:.65rem}.project-rail__expanded-content::-webkit-scrollbar-track{background:var(--color-surface-glass)}.project-rail__inner-card--text::-webkit-scrollbar-track{background:var(--color-surface-solid)}.project-rail__expanded-content::-webkit-scrollbar-thumb,.project-rail__inner-card--text::-webkit-scrollbar-thumb{border:2px solid transparent;border-radius:var(--radius-sm);background:var(--color-text-link);background-clip:padding-box}.project-rail__inner-card--screenshots{grid-column:1 / -1;flex:0 0 auto;width:100%;align-self:start;margin-top:auto;min-height:min-content;overflow:visible}.project-rail__inner-card--text p{margin:0 0 var(--space-md)}.project-rail__inner-card--text p:last-child{margin-bottom:0}.project-rail__screenshots{display:grid;grid-template-columns:repeat(auto-fit,minmax(7rem,1fr));gap:var(--space-sm);padding:var(--space-sm)}.project-rail__screenshot{display:block;width:100%;aspect-ratio:16 / 9;object-fit:cover;border-radius:calc(var(--radius-sm) - .1rem)}.project-rail__expanded-links{grid-column:2;grid-row:2;display:flex;flex-wrap:wrap;gap:var(--space-sm);align-items:center;padding:0}.project-rail__card--video-left .project-rail__expanded-links{grid-column:1}.project-rail__expanded-links--content{width:100%;flex:0 0 auto}.project-rail__expanded-links .project-rail__expanded-link--accent{display:inline-flex;flex:1 1 100%;align-items:center;justify-content:center;width:100%;min-height:2.25rem;padding:var(--space-sm) var(--space-md);border:1px solid var(--color-accent-stronger);border-radius:var(--radius-sm);background:var(--color-accent-strong);color:var(--color-text-primary);font-weight:600;text-align:center;text-decoration:none;transition:background-color .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease}.project-rail__expanded-links .project-rail__expanded-link--accent:hover{background:var(--color-accent-stronger);border-color:var(--color-text-link);box-shadow:0 .35rem 1rem var(--color-accent-strong);text-decoration:none;transform:translateY(-2px)}.project-rail__expanded-links .project-rail__expanded-link--accent:active{box-shadow:none;transform:translateY(0)}.project-rail__inner-card a,.project-rail__expanded-links a,.project-rail__footer a{color:var(--color-text-link);text-decoration:none}.project-rail__inner-card a:hover,.project-rail__expanded-links a:hover,.project-rail__footer a:hover{text-decoration:underline}.project-rail__footer{position:absolute;top:var(--space-lg);right:var(--space-lg);display:flex;gap:var(--space-lg);align-items:center;justify-content:flex-end;pointer-events:auto}.project-rail__mobile-back{display:none}.project-rail__heading{position:absolute;top:var(--space-lg);left:var(--space-lg);margin:0;color:var(--color-text-primary);font-size:1rem;font-weight:600;line-height:1.2}@media(max-width:820px){.project-rail__surface{inset:4.25rem .75rem 5.25rem}.project-rail__card--expanded .project-rail__top-hit-area{order:1;flex:0 0 auto;height:auto;max-height:none}.project-rail__card:not(.project-rail__card--expanded):not(.project-rail__card--hovered) .project-rail__video-shell{flex-basis:55%}.project-rail__card--expanded{display:flex;flex-direction:column;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-color:var(--color-text-link) var(--color-surface-glass);scrollbar-width:thin}.project-rail__card--expanded.project-rail__card--video-left{display:flex}.project-rail__expanded-content,.project-rail__card--expanded.project-rail__card--video-left .project-rail__expanded-content{order:3;display:flex;flex:0 0 auto;flex-direction:column;min-height:auto;overflow:visible}.project-rail__expanded-content>*{width:100%}.project-rail__inner-card--text{order:1;flex:0 0 auto}.project-rail__inner-card--screenshots{order:2;flex:0 0 auto;margin-top:0}.project-rail__screenshots{grid-template-columns:1fr}.project-rail__expanded-links,.project-rail__card--video-left .project-rail__expanded-links{order:2;flex:0 0 auto}.project-rail__title-bar{padding:var(--space-md);overflow:hidden}.project-rail__title-bar>span{width:100%;min-width:0}.project-rail__card--expanded .project-rail__title-bar{flex:0 0 auto}.project-rail__card--expanded .project-rail__inner-card--text{overflow:visible}.project-rail__mobile-back{order:4;display:flex;align-items:center;justify-content:center;gap:var(--space-xs);flex:0 0 auto;width:100%;min-height:2.75rem;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);color:var(--color-text-primary);font:inherit;font-weight:600;text-align:center;cursor:pointer}.project-rail__mobile-back-arrow{display:block;flex-shrink:0}.project-rail__mobile-back:active{background:var(--color-surface-hover)}.project-rail__card--expanded::-webkit-scrollbar{width:.65rem}.project-rail__card--expanded::-webkit-scrollbar-track{background:var(--color-surface-glass)}.project-rail__card--expanded::-webkit-scrollbar-thumb{border:2px solid transparent;border-radius:var(--radius-sm);background:var(--color-text-link);background-clip:padding-box}}