@font-face{font-family:CabinetGrotesk;src:url(/fonts/CabinetGrotesk-Variable.woff2)format("woff2-variations");font-weight:400 900;font-display:swap}@font-face{font-family:JetBrainsMono;src:url(/fonts/JetBrainsMono-Regular.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:JetBrainsMono;src:url(/fonts/JetBrainsMono-Medium.woff2)format("woff2");font-weight:500;font-display:swap}:root,[data-theme=light]{--color-bg:#f4f5f9;--color-surface:#e6e8ec;--color-border:#c1c4cb;--color-fg:#0e111b;--color-fg-muted:#52555e;--color-fg-subtle:#8d8f95;--color-accent:#6069ff;--color-accent-dim:#4a51c7;--color-accent-pale:#d3dcff;--header-bg:#f4f5f9e0;--header-border:var(--color-border);--cursor-size:12px;--cursor-ring-size:40px;--cursor-color:var(--color-fg)}@supports (color:lab(0% 0 0)){:root,[data-theme=light]{--color-bg:lab(96.4931% .0267327 -1.89825);--color-surface:lab(91.8476% .0342727 -2.27652);--color-border:lab(79.0649% .0738204 -3.78441);--color-fg:lab(5.15808% .562236 -6.58819);--color-fg-muted:lab(36.1118% .203863 -5.62697);--color-fg-subtle:lab(59.3444% .0831187 -3.77915);--color-accent:lab(50.5039% 31.9964 -77.729);--color-accent-dim:lab(39.4978% 25.7872 -63.6095);--color-accent-pale:lab(87.8574% 3.87722 -25.7534);--header-bg:lab(96.4931% .0267327 -1.89825/.88)}}[data-theme=dark]{--color-bg:#04060a;--color-surface:#0f1118;--color-border:#2a2e37;--color-fg:#eceef4;--color-fg-muted:#8d8f95;--color-fg-subtle:#53555b;--color-accent:#8a9bff;--color-accent-dim:#6471e9;--color-accent-pale:#11143f;--header-bg:#04060ae0;--header-border:var(--color-border);--cursor-color:var(--color-fg)}@supports (color:lab(0% 0 0)){[data-theme=dark]{--color-bg:lab(1.53241% .136003 -1.75056);--color-surface:lab(5.19752% .284746 -4.46619);--color-border:lab(18.6856% .388429 -6.68729);--color-fg:lab(94.1565% .0503361 -3.03265);--color-fg-muted:lab(59.3444% .0831187 -3.77915);--color-fg-subtle:lab(36.1432% .103146 -3.76818);--color-accent:lab(65.141% 23.3436 -71.015);--color-accent-dim:lab(51.3648% 22.2902 -63.8037);--color-accent-pale:lab(8.40041% 11.5559 -28.2676);--header-bg:lab(1.53241% .136003 -1.75056/.88)}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;font-size:16px}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{background-color:var(--color-bg);color:var(--color-fg);font-family:CabinetGrotesk,Cabinet Grotesk,system-ui,sans-serif;line-height:1.6;transition:background-color .25s,color .25s;overflow-x:hidden}@media (prefers-reduced-motion:reduce){body{transition:none}}.skip-link{z-index:10000;background:var(--color-accent);color:var(--color-bg);opacity:0;pointer-events:none;border-radius:4px;padding:.75rem 1.25rem;font-family:JetBrainsMono,monospace;font-size:.875rem;font-weight:500;text-decoration:none;transition:opacity .15s,transform .15s;position:fixed;top:1rem;left:1rem;transform:translateY(-4px)}.skip-link:focus-visible{opacity:1;pointer-events:auto;outline:3px solid var(--color-fg);outline-offset:2px;transform:translateY(0)}.lab-header{z-index:200;background:var(--header-bg);border-bottom:1px solid var(--header-border);-webkit-backdrop-filter:blur(12px);justify-content:space-between;align-items:center;height:48px;padding:0 1.5rem;display:flex;position:fixed;top:0;left:0;right:0}.lab-header__wordmark{letter-spacing:.04em;color:var(--color-fg);font-family:JetBrainsMono,monospace;font-size:.8125rem;font-weight:500;text-decoration:none}.lab-header__wordmark:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px;border-radius:2px}.theme-toggle{border:1px solid var(--color-border);cursor:pointer;width:44px;height:44px;color:var(--color-fg-muted);background:0 0;border-radius:6px;justify-content:center;align-items:center;transition:color .15s,border-color .15s,background-color .15s;display:flex}.theme-toggle:hover{color:var(--color-fg);border-color:var(--color-fg-subtle);background:var(--color-surface)}.theme-toggle:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}@media (prefers-reduced-motion:reduce){.theme-toggle{transition:none}}.lab-main{padding-top:48px}.lab-hero{max-width:720px;padding:4rem 1.5rem 2rem}.lab-hero__title{letter-spacing:-.03em;color:var(--color-fg);font-size:clamp(2rem,5vw,3.5rem);font-weight:700;line-height:1.1}.lab-hero__subtitle{color:var(--color-fg-muted);letter-spacing:.02em;margin-top:.75rem;font-family:JetBrainsMono,monospace;font-size:.875rem}.demo-sections{flex-direction:column;display:flex}.demo-section{border-top:1px solid var(--color-border);padding:3rem 1.5rem}.demo-section__header{align-items:baseline;gap:1rem;margin-bottom:2rem;display:flex}.demo-section__index{color:var(--color-fg-subtle);min-width:2rem;font-family:JetBrainsMono,monospace;font-size:.75rem;font-weight:400}.demo-section__title{letter-spacing:-.02em;color:var(--color-fg);font-size:1.25rem;font-weight:600}.demo-section__body{max-width:64rem}.demo-section__canvas-area{align-items:stretch;min-height:320px;display:flex}.demo-note{border:1px solid var(--color-border);border-radius:6px;margin-top:1.5rem;font-family:JetBrainsMono,monospace;font-size:.8125rem;overflow:hidden}.demo-note>summary{cursor:pointer;color:var(--color-fg-muted);-webkit-user-select:none;user-select:none;align-items:center;gap:.5rem;padding:.625rem .875rem;list-style:none;display:flex}.demo-note>summary:before{content:"+";color:var(--color-accent);font-weight:700;transition:transform .2s}.demo-note[open]>summary:before{content:"-"}.demo-note>summary:focus-visible{outline:2px solid var(--color-accent);outline-offset:-2px}.demo-note__content{border-top:1px solid var(--color-border);color:var(--color-fg-muted);padding:.875rem;line-height:1.7}.demo-stub{border:1px dashed var(--color-border);background:var(--color-surface);width:100%;min-height:320px;color:var(--color-fg-subtle);letter-spacing:.04em;border-radius:8px;justify-content:center;align-items:center;font-family:JetBrainsMono,monospace;font-size:.8125rem;display:flex}.work-header{z-index:200;background:var(--header-bg);border-bottom:1px solid var(--header-border);-webkit-backdrop-filter:blur(12px);align-items:center;height:48px;padding:0 1.5rem;display:flex;position:fixed;top:0;left:0;right:0}.work-header a{color:var(--color-fg-muted);font-family:JetBrainsMono,monospace;font-size:.8125rem;text-decoration:none}.work-header a:hover{color:var(--color-fg)}.work-header a:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px;border-radius:2px}.work-main{padding-top:48px}.work-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;padding:3rem 1.5rem;display:grid}.work-card{color:inherit;border:1px solid var(--color-border);background:var(--color-surface);border-radius:8px;text-decoration:none;transition:border-color .2s;display:block;overflow:hidden}.work-card:hover{border-color:var(--color-fg-subtle)}.work-card:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}.work-card__thumb{aspect-ratio:16/10;background:var(--color-accent-pale);width:100%;color:var(--color-fg-subtle);justify-content:center;align-items:center;font-family:JetBrainsMono,monospace;font-size:.75rem;display:flex}.work-card__meta{padding:1rem}.work-card__title{letter-spacing:-.01em;font-size:1rem;font-weight:600}.work-card__tag{color:var(--color-fg-muted);margin-top:.25rem;font-family:JetBrainsMono,monospace;font-size:.75rem}.work-detail-hero{aspect-ratio:16/7;background:var(--color-accent-pale);width:100%;color:var(--color-fg-subtle);justify-content:center;align-items:center;font-family:JetBrainsMono,monospace;font-size:.875rem;display:flex}.work-detail-content{max-width:720px;padding:2.5rem 1.5rem}.work-detail-title{letter-spacing:-.03em;font-size:clamp(1.75rem,4vw,3rem);font-weight:700;line-height:1.1}.work-detail-body{color:var(--color-fg-muted);margin-top:1.5rem;line-height:1.75}@view-transition{navigation:auto}::view-transition-old(root){animation-duration:.3s;animation-timing-function:cubic-bezier(.22,1,.36,1)}::view-transition-new(root){animation-duration:.3s;animation-timing-function:cubic-bezier(.22,1,.36,1)}::view-transition-group(work-hero){animation-duration:.45s;animation-timing-function:cubic-bezier(.22,1,.36,1)}@media (prefers-reduced-motion:reduce){::view-transition-old(*){animation-duration:10ms!important}::view-transition-new(*){animation-duration:10ms!important}}@media (any-hover:hover) and (pointer:fine){.cursor-follower{z-index:9999;pointer-events:none;will-change:transform;position:fixed;top:0;left:0}.cursor-follower__dot{width:var(--cursor-size);height:var(--cursor-size);background:var(--cursor-color);border-radius:50%;transition:width .2s,height .2s,opacity .2s,background-color .2s;position:absolute;transform:translate(-50%,-50%)}.cursor-follower__ring{width:var(--cursor-ring-size);height:var(--cursor-ring-size);border:1.5px solid var(--cursor-color);opacity:.5;border-radius:50%;transition:width .3s cubic-bezier(.22,1,.36,1),height .3s cubic-bezier(.22,1,.36,1),opacity .3s;position:absolute;transform:translate(-50%,-50%)}.cursor-follower[data-state=hover] .cursor-follower__ring{opacity:.35;width:56px;height:56px}.cursor-follower[data-state=view] .cursor-follower__ring{opacity:.6;border-color:var(--color-accent);width:72px;height:72px}.cursor-follower[data-state=view] .cursor-follower__dot{background:var(--color-accent)}.cursor-follower[data-state=drag] .cursor-follower__dot{border-radius:4px;width:20px;height:20px}.cursor-follower[data-state=hide]{opacity:0}.cursor-follower__label{letter-spacing:.08em;text-transform:uppercase;color:var(--color-accent);opacity:0;pointer-events:none;white-space:nowrap;font-family:JetBrainsMono,monospace;font-size:.625rem;font-weight:500;transition:opacity .2s;position:absolute;transform:translate(-50%,-50%)}.cursor-follower[data-state=view] .cursor-follower__label{opacity:1}}@media (prefers-reduced-motion:reduce){.cursor-follower{display:none!important}}