:root{--font-ui:Arial, "Helvetica Neue", sans-serif;--color-bg-canvas:#fff;--color-text-primary:#0a0a0a;--color-text-secondary:#595959;--color-border-subtle:#dedede;--color-surface-hover:#f5f5f5;--reel-blog:#343434;--reel-projects:#080808;--reel-now:#d4d4d4;--reel-contact:#777;--reel-blog-text:#fff;--reel-projects-text:#fff;--reel-now-text:#111;--reel-contact-text:#fff;--reel-inner:#292929;--reel-edge:#ccc;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--space-12:48px;--space-16:64px;--page-gutter:clamp(20px, 2.35vw, 48px);--content-width:1310px;--radius-pill:999px;--motion-feedback:.16s;--motion-panel:.24s;--ease-standard:cubic-bezier(.22, 1, .36, 1);--z-desktop-bg:0;--z-window:10;--z-focus:100}*{box-sizing:border-box}html{background:var(--color-bg-canvas);color:var(--color-text-primary);font-family:var(--font-ui)}body{min-width:320px;margin:0}button,a{color:inherit;font:inherit;-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{text-decoration:none}button{background:0 0;border:0}button,a{touch-action:manipulation}p,h1,h2{margin:0}a:hover{text-underline-offset:5px;text-decoration:underline}:focus-visible{outline:2px solid var(--color-text-primary);outline-offset:6px}::selection{color:var(--color-bg-canvas);background:var(--color-text-primary)}.sr-only,.skip-link:not(:focus){clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.skip-link:focus{z-index:var(--z-focus);background:var(--color-bg-canvas);padding:16px;position:fixed;top:12px;left:12px}.home-shell{flex-direction:column;min-height:100svh;display:flex}.site-header,.site-footer{padding-inline:var(--page-gutter);justify-content:space-between;align-items:center;display:flex}.site-header{gap:var(--space-8);min-height:108px}.wordmark{letter-spacing:-1.2px;font-size:28px}.site-header nav{gap:clamp(20px,3.5vw,56px);display:flex}.site-header nav a,.site-footer a{padding-block:14px;font-size:16px}main{flex:1;width:100%}.introduction{max-width:var(--content-width);margin:38px auto 0;padding-inline:0}.introduction h1{letter-spacing:-1.6px;font-size:clamp(32px,3vw,44px);font-weight:400;line-height:1.12}.introduction p{color:var(--color-text-secondary);margin-top:14px;font-size:16px;line-height:1.5}.app-explorer{max-width:1400px;margin:42px auto 0}.reel-stage{aspect-ratio:3.77;touch-action:pan-y;cursor:grab;width:100%;padding:0;display:block;position:relative}.reel-stage:active{cursor:grabbing}.panel-body>h1:focus,.reel-stage:focus,.home-shell[data-input=pointer] :focus-visible{outline:none}.reel-webgl-canvas{opacity:0;transition:opacity var(--motion-feedback) ease-out;filter:drop-shadow(0 12px 12px #00000021);width:100%;height:100%;display:block}.reel-stage[data-renderer=ready] canvas{opacity:1}.reel-stage[data-renderer=unavailable] canvas{visibility:hidden;transition:none}.reel-fallback{background:var(--reel-projects);color:var(--reel-projects-text);justify-content:space-around;align-items:center;display:flex;position:absolute;inset:18% 8%}.reel-fallback strong{font-size:clamp(34px,7vw,110px);font-weight:400}.reel-fallback>span{font-size:clamp(12px,2vw,30px)}.reel-controls{text-align:center;margin-top:16px}.reel-position{font-variant-numeric:tabular-nums;font-size:16px}.reel-arrows{justify-content:center;gap:var(--space-6);margin-top:var(--space-4);display:flex}.reel-arrows button{border:1px solid var(--color-text-primary);border-radius:var(--radius-pill);width:56px;height:56px;transition:background var(--motion-feedback), color var(--motion-feedback);font-size:28px;line-height:1}.reel-arrows button:hover{background:var(--color-text-primary);color:var(--color-bg-canvas)}.selected-description{color:var(--color-text-secondary);min-height:24px;margin:26px auto 0;padding-inline:20px;font-size:16px;line-height:1.5}.explore-link{text-underline-offset:6px;margin-top:16px;padding:6px;font-size:18px;text-decoration:underline;display:inline-block}.reel-help{color:var(--color-text-secondary);margin-top:20px;font-size:11px}.site-footer{gap:24px;min-height:80px;margin-top:16px}.site-footer p{color:var(--color-text-secondary);font-size:14px}.content-panel{background:var(--color-bg-canvas);color:var(--color-text-primary);border:1px solid var(--color-border-subtle);overscroll-behavior:contain;width:min(960px,100% - 64px);max-height:calc(100dvh - 64px);padding:0}.content-panel::backdrop{background:#ffffffe0}.content-panel[open]{animation:panel-enter var(--motion-panel) var(--ease-standard)}.panel-header{background:var(--color-bg-canvas);border-bottom:1px solid var(--color-border-subtle);z-index:var(--z-window);justify-content:space-between;align-items:center;padding:16px 32px;font-size:14px;display:flex;position:sticky;top:0}.panel-header button{text-align:right;min-width:72px;min-height:44px;padding:12px 0 12px 16px}.panel-header button:hover{text-decoration:underline}.panel-body{padding:48px 56px 56px}.panel-eyebrow{letter-spacing:1.2px;color:var(--color-text-secondary);font-size:11px}.panel-body>h1{letter-spacing:-2px;margin:12px 0 36px;font-size:clamp(42px,6vw,72px);font-weight:400}.app-intro,.contact-content>p{max-width:620px;color:var(--color-text-secondary);font-size:18px;line-height:1.65}.projects-list article{border-top:1px solid var(--color-border-subtle);padding:28px 0}.projects-list article>div>span,.updated-label,.contact-content>span{letter-spacing:1px;color:var(--color-text-secondary);font-size:11px}.projects-list h2{letter-spacing:-.7px;margin:10px 0;font-size:28px;font-weight:400}.projects-list p{color:var(--color-text-secondary);line-height:1.6}.projects-list footer{justify-content:space-between;align-items:baseline;gap:24px;margin-top:20px;font-size:12px;display:flex}.projects-list ul{color:var(--color-text-secondary);flex-wrap:wrap;gap:8px 16px;margin:0;padding:0;list-style:none;display:flex}.projects-list footer a{white-space:nowrap}.blog-app-posts{margin:32px 0;padding:0;list-style:none}.blog-app-posts a{border-top:1px solid var(--color-border-subtle);justify-content:space-between;align-items:baseline;gap:24px;padding:24px 0;line-height:1.5;display:flex}.blog-app-posts strong{font-size:20px;font-weight:400}.blog-app-posts time{white-space:nowrap;color:var(--color-text-secondary);font-size:11px}.blog-site-link{font-size:12px}.blog-skeleton{margin:32px 0}.blog-skeleton-row{border-top:1px solid var(--color-border-subtle);justify-content:space-between;align-items:baseline;gap:24px;padding:24px 0;line-height:1.5;display:flex}.blog-skeleton-title{align-items:center;height:30px;display:inline-flex}.blog-skeleton-title:before{content:"";background:var(--color-border-subtle);border-radius:2px;width:100%;height:20px;display:block}.blog-skeleton-date{align-items:center;width:48px;height:16.5px;display:inline-flex}.blog-skeleton-date:before{content:"";background:var(--color-border-subtle);border-radius:2px;width:100%;height:11px;display:block}.now-list dl{margin-block:32px}.now-list dl>div{border-top:1px solid var(--color-border-subtle);grid-template-columns:120px 1fr;gap:20px;padding:24px 0;display:grid}.now-list dt{color:var(--color-text-secondary);font-size:11px}.now-list dd{margin:0;line-height:1.6}.contact-content>p+p{margin-top:16px}.contact-links{margin:32px 0}.contact-links a{border-top:1px solid var(--color-border-subtle);justify-content:space-between;gap:24px;padding:24px 0;display:flex}.contact-links span{color:var(--color-text-secondary);font-size:11px}.contact-links strong{font-weight:400}@keyframes panel-enter{0%{opacity:0}to{opacity:1}}@media (width>=1600px){.introduction{margin-top:64px}.app-explorer{margin-top:56px}}@media (width<=1400px){.introduction{margin-inline:7.4%}}@media (width<=760px){.site-header{align-items:flex-start;gap:24px;min-height:90px;padding-top:24px}.wordmark{font-size:23px}.site-header nav{flex-wrap:wrap;justify-content:flex-end;gap:16px}.site-header nav a{padding-block:6px;font-size:13px}.introduction{margin:40px var(--page-gutter) 0}.introduction h1{letter-spacing:-1.2px}.introduction p{max-width:290px;font-size:15px}.app-explorer{margin-top:48px}.reel-stage{aspect-ratio:2.75}.reel-controls{margin-top:16px}.reel-arrows{gap:20px}.reel-arrows button{width:48px;height:48px;font-size:25px}.selected-description{max-width:360px;min-height:48px;margin-top:24px;font-size:14px}.explore-link{margin-top:8px;font-size:16px}.reel-help{font-size:10px}.site-footer{min-height:88px;margin-top:40px}.site-footer p{max-width:180px;font-size:11px;line-height:1.5}.site-footer a{white-space:nowrap;font-size:13px}.content-panel{width:calc(100% - 24px);max-height:calc(100dvh - 24px)}.panel-header{padding:10px 20px;font-size:12px}.panel-body{padding:32px 24px}.panel-body>h1{margin-bottom:28px}.projects-list footer,.contact-links a{flex-wrap:wrap;gap:16px}.now-list dl>div{grid-template-columns:1fr;gap:8px}.blog-app-posts a,.blog-skeleton-row{flex-direction:column;gap:8px}}@media (prefers-reduced-motion:reduce){.content-panel[open]{animation:none}.reel-arrows button{transition:none}}@media (width<=360px){.site-header{flex-direction:column;gap:14px}.site-header nav{justify-content:space-between;width:100%}.introduction{margin-top:32px}}@media (prefers-reduced-motion:reduce){.reel-webgl-canvas{transition:none}}