:root{color-scheme:dark light;--site-background: #0a0a0a;--site-foreground: #fafafa;--site-muted: rgb(250 250 250 / 68%);--site-faint: rgb(250 250 250 / 10%);--site-border: rgb(255 255 255 / 14%);--site-panel: #111111;--site-panel-strong: #171717;--site-shadow: rgb(0 0 0 / 42%);--project-accent: #46f5c8;--project-secondary: #38bdf8;--project-readable-accent: color-mix(in srgb, var(--project-accent) 45%, var(--site-foreground));--font-mono: "IBM Plex Mono", "SFMono-Regular", Consolas, monospace}@media(prefers-color-scheme:light){:root{--site-background: #fafafa;--site-foreground: #0a0a0a;--site-muted: rgb(10 10 10 / 66%);--site-faint: rgb(10 10 10 / 8%);--site-border: rgb(10 10 10 / 14%);--site-panel: #f2f2ee;--site-panel-strong: #e8e8e2;--site-shadow: rgb(10 10 10 / 12%)}}.showcase{position:relative;min-height:100svh;overflow:clip;background:radial-gradient(circle at 18% 42%,color-mix(in srgb,var(--project-accent) 13%,transparent),transparent 30rem),radial-gradient(circle at 37% 26%,color-mix(in srgb,var(--project-secondary) 10%,transparent),transparent 26rem),var(--site-background);color:var(--site-foreground);isolation:isolate;transition:background-color .22s ease,color .22s ease}.showcase:before{content:"";position:absolute;inset:0;z-index:-1;opacity:.5;background-image:linear-gradient(to right,var(--site-faint) 1px,transparent 1px),linear-gradient(to bottom,var(--site-faint) 1px,transparent 1px);background-size:88px 88px;mask-image:linear-gradient(90deg,black,transparent 62%)}.site-chrome{position:relative;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:clamp(20px,3.5vw,44px) clamp(20px,4vw,56px)}.site-chrome__brand,.site-chrome__nav a,.showcase__footer,.showcase__kicker,.showcase__tags,.showcase__hint,.project-stage__label,.project-nav__index,.project-badge-rail__badge{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase}.site-chrome__brand{color:var(--site-foreground);font-size:14px;font-weight:800;letter-spacing:.2em;text-decoration:none}.site-chrome__nav{display:flex;align-items:center;justify-content:flex-end;gap:10px}.site-chrome__nav a,.showcase__link,.showcase__footer a{color:inherit;text-decoration:none}.site-chrome__nav a{min-height:36px;display:inline-flex;align-items:center;border:1px solid var(--site-border);border-radius:999px;padding:0 12px;color:var(--site-muted);font-size:11px;transition:border-color .18s ease,color .18s ease,background .18s ease}.site-chrome__nav a:hover,.site-chrome__nav a:focus-visible,.showcase__link:hover,.showcase__link:focus-visible,.showcase__footer a:hover,.showcase__footer a:focus-visible{color:var(--site-foreground);border-color:var(--project-accent);outline:2px solid var(--project-accent);outline-offset:4px}.showcase__layout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(500px,1fr);gap:clamp(24px,3vw,56px);min-height:calc(100svh - 190px);padding:0 clamp(20px,4vw,56px) 96px}.showcase__stage-column{position:relative;min-width:0}.showcase__nav-column{display:flex;flex-direction:column;justify-content:center;align-items:flex-end;min-width:0;padding:32px 0 64px}.project-stage{position:relative;min-height:clamp(360px,55vw,620px);overflow:visible}.project-stage__visual{position:absolute;inset:0;overflow:hidden;opacity:.9}.project-stage__visual:after{content:"";position:absolute;left:clamp(28px,8vw,120px);top:50%;z-index:1;width:min(46vw,520px);max-height:76%;aspect-ratio:1;border-radius:24px;background:linear-gradient(90deg,color-mix(in srgb,var(--site-background) 58%,transparent),color-mix(in srgb,var(--site-background) 28%,transparent) 62%,color-mix(in srgb,var(--site-background) 16%,transparent)),radial-gradient(ellipse at 22% 40%,color-mix(in srgb,var(--site-background) 42%,transparent),transparent 72%);opacity:.74;transform:translateY(-50%);backdrop-filter:blur(5px) saturate(.94);-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 10%,#000 88%,transparent 100%),linear-gradient(180deg,transparent 0%,#000 12%,#000 86%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0%,#000 10%,#000 88%,transparent 100%),linear-gradient(180deg,transparent 0%,#000 12%,#000 86%,transparent 100%);-webkit-mask-composite:source-in;mask-composite:intersect}.project-stage__glow{position:absolute;width:min(56vw,560px);aspect-ratio:1;left:5%;top:6%;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--project-accent) 48%,transparent),transparent 34%),radial-gradient(circle,color-mix(in srgb,var(--project-secondary) 28%,transparent),transparent 65%);filter:blur(30px);opacity:.32;transition:background .24s ease,transform .24s ease}.project-stage__streak{position:absolute;height:4px;border-radius:999px;filter:blur(8px);opacity:.42;transform-origin:center}.project-stage__streak--primary{width:min(46vw,560px);left:0;top:72%;background:var(--project-accent);transform:rotate(8deg)}.project-stage__streak--secondary{width:min(32vw,420px);left:42%;top:22%;background:var(--project-secondary);transform:rotate(-10deg)}.project-stage__asset{position:absolute;left:clamp(28px,8vw,120px);top:50%;z-index:0;display:block;width:min(46vw,520px);max-height:76%;object-fit:contain;opacity:.46;transform:translateY(-50%);filter:saturate(.9) contrast(.96) drop-shadow(0 28px 80px color-mix(in srgb,var(--project-accent) 18%,transparent));transition:opacity .22s ease,filter .22s ease,transform .22s ease}.project-stage__label{position:absolute;z-index:1;left:0;bottom:20px;display:grid;gap:8px;width:min(420px,calc(100vw - 112px));max-width:420px;margin:0;color:var(--site-muted);font-size:11px;line-height:1.55}.showcase__copy{position:absolute;isolation:isolate;right:0;top:45%;width:min(330px,46%);text-align:left;transform:translateY(-38%)}.showcase__copy:before{content:"";position:absolute;z-index:-1;inset:-24px -70px -30px -48px;border-radius:4px;background:linear-gradient(90deg,color-mix(in srgb,var(--site-background) 58%,transparent),color-mix(in srgb,var(--site-background) 26%,transparent) 62%,transparent 100%),radial-gradient(ellipse at 18% 52%,color-mix(in srgb,var(--site-background) 44%,transparent),transparent 68%);box-shadow:0 24px 90px color-mix(in srgb,var(--site-background) 24%,transparent);opacity:.42;backdrop-filter:blur(2px) saturate(.96);mask-image:linear-gradient(90deg,transparent 0%,black 10%,black 72%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0%,black 10%,black 72%,transparent 100%),linear-gradient(180deg,transparent 0%,black 18%,black 82%,transparent 100%);mask-composite:intersect;-webkit-mask-composite:source-in}.showcase__kicker,.showcase__tags{margin:0;color:var(--project-readable-accent);font-size:11px;font-weight:700;line-height:1.5}.showcase__copy h1{margin:16px 0 0;font-size:clamp(40px,4.7vw,68px);line-height:.88;letter-spacing:0;text-transform:uppercase}.showcase__subheading{margin:18px 0 0;color:var(--site-foreground);font-size:16px;line-height:1.45}.showcase__description{margin:12px 0 0;color:var(--site-muted);font-size:15px;line-height:1.62}.showcase__tags{margin-top:18px;color:color-mix(in srgb,var(--site-foreground) 54%,transparent)}.showcase__link{min-height:42px;display:inline-flex;align-items:center;margin-top:22px;border:1px solid var(--site-border);border-radius:999px;padding:0 14px;color:var(--site-foreground);font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase}.project-nav{display:grid;gap:8px;width:min(100%,720px)}.project-nav__item{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 44px;align-items:start;gap:14px;width:100%;border:0;padding:0;background:transparent;color:inherit;text-align:right;cursor:pointer}.project-nav__item:before{content:"";position:absolute;top:.5em;bottom:.5em;right:58px;width:2px;background:var(--project-readable-accent);opacity:0;transform:scaleY(.45);transform-origin:center;transition:opacity .18s ease,transform .18s ease}.project-nav__item:focus-visible{outline:none}.project-nav__item:focus-visible:before{opacity:.9;transform:scaleY(1)}.project-nav__index{padding-top:.85em;color:var(--project-readable-accent);font-size:11px;opacity:0;transition:opacity .18s ease}.project-nav__name{color:transparent;max-width:100%;font-size:clamp(44px,5vw,80px);font-weight:900;line-height:.9;letter-spacing:0;text-transform:uppercase;text-wrap:balance;white-space:nowrap;overflow-wrap:normal;word-break:normal;hyphens:none;-webkit-text-stroke:1px color-mix(in srgb,var(--site-foreground) 22%,transparent);transition:color .18s ease,-webkit-text-stroke-color .18s ease,transform .18s ease}.project-nav__item.is-long-name .project-nav__name{white-space:normal}.project-nav__item:hover .project-nav__name,.project-nav__item:focus-visible .project-nav__name,.project-nav__item.is-active .project-nav__name{color:var(--site-foreground);-webkit-text-stroke-color:transparent}.project-nav__item.is-active .project-nav__index{opacity:1}.project-nav__item:hover .project-nav__index,.project-nav__item:focus-visible .project-nav__index{opacity:1}.project-nav__item:hover .project-nav__name,.project-nav__item:focus-visible .project-nav__name{transform:translate(-6px)}.showcase__hint{width:min(100%,720px);margin:40px 0 0;color:color-mix(in srgb,var(--site-foreground) 42%,transparent);font-size:11px;line-height:1.5;text-align:right}.showcase__footer{position:absolute;left:clamp(20px,4vw,56px);right:clamp(20px,4vw,56px);bottom:34px;display:flex;align-items:center;justify-content:space-between;gap:20px;color:var(--site-muted);font-size:11px}.project-badge-rail{display:none}@media(min-width:1180px){.showcase__stage-column{display:grid;grid-template-columns:minmax(132px,1fr) minmax(320px,440px);align-items:center;gap:clamp(24px,2.4vw,44px)}.project-stage{grid-column:1 / -1;grid-row:1;min-height:clamp(420px,50vw,620px)}.project-stage__visual{-webkit-mask-image:linear-gradient(90deg,#000 0%,#000 62%,rgb(0 0 0 / 72%) 78%,transparent 100%);mask-image:linear-gradient(90deg,#000 0%,#000 62%,rgb(0 0 0 / 72%) 78%,transparent 100%);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.project-stage__glow{width:min(40vw,520px);left:0}.project-stage__asset{left:clamp(36px,7vw,108px);width:min(36vw,480px);max-height:82%}.project-stage__visual:after{left:clamp(36px,7vw,108px);top:48%;width:min(36vw,480px);max-height:82%}.project-stage__streak--secondary{left:38%}.showcase__copy{position:relative;grid-column:1 / -1;grid-row:1;z-index:2;right:auto;top:auto;width:100%;max-width:min(680px,100%);padding-left:clamp(16px,4vw,64px);transform:translateY(-5%)}.showcase__copy:before{inset:-28px -92px -34px -58px}}@media(max-width:1023px){.showcase{overflow-x:hidden;padding-bottom:92px}.showcase:before{mask-image:linear-gradient(180deg,black,transparent 78%)}.site-chrome{padding:22px 20px 12px}.site-chrome__nav a:nth-child(2){display:none}.showcase__layout{display:block;min-height:0;padding:0 20px 30px}.project-stage{min-height:clamp(330px,92vw,510px)}.project-stage__glow{width:min(88vw,390px);left:0;top:8%}.project-stage__streak--primary{width:82vw;top:74%}.project-stage__streak--secondary{width:58vw;left:40%}.project-stage__asset{left:50%;top:50%;width:min(74vw,360px);max-height:76%;transform:translate(-50%,-50%)}.project-stage__label{bottom:4px;max-width:100%}.showcase__copy{position:static;width:100%;transform:none;padding-top:20px}.showcase__copy h1{max-width:11ch;font-size:clamp(44px,14vw,72px)}.showcase__description{max-width:560px}.showcase__nav-column{display:none}.showcase__footer{position:static;padding:16px 20px 0;align-items:flex-start;flex-direction:column}.project-badge-rail{position:fixed;z-index:20;left:0;right:0;bottom:0;display:block;padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:color-mix(in srgb,var(--site-background) 82%,transparent);border-top:1px solid var(--site-border);backdrop-filter:blur(18px)}.project-badge-rail__track{display:flex;gap:8px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none}.project-badge-rail__track::-webkit-scrollbar{display:none}.project-badge-rail__badge{min-height:44px;flex:0 0 auto;border:1px solid var(--site-border);border-radius:999px;padding:0 13px;background:color-mix(in srgb,var(--site-foreground) 5%,transparent);color:var(--site-muted);font-size:10px;white-space:nowrap;cursor:pointer}.project-badge-rail__badge span{color:var(--project-accent)}.project-badge-rail__badge.is-active{border-color:var(--project-accent);background:var(--site-foreground);color:var(--site-background)}.project-badge-rail__badge.is-active span{color:var(--site-background)}.project-badge-rail__badge:focus-visible{outline:2px solid var(--project-accent);outline-offset:3px}}@media(max-width:520px){.site-chrome__brand{font-size:13px}.site-chrome__nav{gap:8px}.site-chrome__nav a{min-height:34px;padding:0 10px;font-size:10px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--site-foreground);background:var(--site-background);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html{min-width:320px;background:var(--site-background)}body{min-width:320px;min-height:100vh;margin:0;background:var(--site-background)}button,a{-webkit-tap-highlight-color:transparent}