.mobile-navigation-module__s2qX4W__trigger{display:none}.mobile-navigation-module__s2qX4W__trigger,.mobile-navigation-module__s2qX4W__close{min-height:44px;color:var(--text);background:0 0;justify-content:center;align-items:center;gap:12px;padding:10px 0 10px 12px;font-size:14px;line-height:1}.mobile-navigation-module__s2qX4W__menuIcon{gap:5px;width:18px;display:grid}.mobile-navigation-module__s2qX4W__menuIcon i{background:currentColor;height:1px}.mobile-navigation-module__s2qX4W__dialog{background:var(--bg);width:100%;max-width:none;height:100dvh;max-height:none;color:var(--text);overscroll-behavior:contain;border:0;margin:0;padding:0;position:fixed;inset:0;overflow:auto}.mobile-navigation-module__s2qX4W__dialog::backdrop{background:0 0}.mobile-navigation-module__s2qX4W__inner{min-height:100%;padding:calc(28px + env(safe-area-inset-top)) max(24px,env(safe-area-inset-right)) max(28px,env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left));flex-direction:column;display:flex}.mobile-navigation-module__s2qX4W__top{justify-content:space-between;align-items:center;gap:20px;display:flex}.mobile-navigation-module__s2qX4W__close{display:inline-flex}.mobile-navigation-module__s2qX4W__close>span{width:18px;font-size:24px;font-weight:300;line-height:16px}.mobile-navigation-module__s2qX4W__links{flex-direction:column;align-items:flex-start;gap:14px;margin:auto 0;padding:48px 0;display:flex}.mobile-navigation-module__s2qX4W__links a{letter-spacing:-1.3px;font-size:clamp(32px,9vw,46px);font-weight:400;line-height:1.4}.mobile-navigation-module__s2qX4W__links a:not([aria-current]){color:var(--muted)}.mobile-navigation-module__s2qX4W__links a:hover,.mobile-navigation-module__s2qX4W__links a:focus-visible{color:var(--text)}.mobile-navigation-module__s2qX4W__bottom{color:var(--muted);padding-top:12px;font-size:13px}@media (max-width:600px){.mobile-navigation-module__s2qX4W__trigger{display:inline-flex}}@media (prefers-reduced-motion:reduce){.mobile-navigation-module__s2qX4W__dialog,.mobile-navigation-module__s2qX4W__dialog [data-menu-item]{opacity:1!important;transform:none!important}}
html.lenis,html.lenis body{height:auto}.lenis:not(.lenis-autoToggle).lenis-stopped{overflow:clip}.lenis [data-lenis-prevent],.lenis [data-lenis-prevent-wheel],.lenis [data-lenis-prevent-touch],.lenis [data-lenis-prevent-vertical],.lenis [data-lenis-prevent-horizontal]{overscroll-behavior:contain}.lenis.lenis-smooth iframe{pointer-events:none}.lenis.lenis-autoToggle{transition-behavior:allow-discrete;transition-property:overflow;transition-duration:1ms}
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-content:"";--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-duration:initial;--tw-ease:initial}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--ease-out:cubic-bezier(0, 0, .2, 1);--animate-pulse:pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1)}}@layer base,components;@layer utilities{.\!visible{visibility:visible!important}.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-x-0{inset-inline:0}.end-2{inset-inline-end:calc(var(--spacing) * 2)}.top-\(--code-block-copy-top\){top:var(--code-block-copy-top)}.top-0{top:0}.top-1\/2{top:50%}.right-\(--code-block-copy-inset\){right:var(--code-block-copy-inset)}.bottom-0{bottom:0}.left-0{left:0}.left-1{left:var(--spacing)}.left-\[calc\(var\(--code-block-gutter-width\)-var\(--code-block-fold-width\)-0\.25rem\)\]{left:calc(var(--code-block-gutter-width) - var(--code-block-fold-width) - .25rem)}.z-10{z-index:10}.z-20{z-index:20}.order-last{order:9999}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.mr-\[0\.25rem\]{margin-right:.25rem}.-ml-\[calc\(var\(--code-block-fold-width\)\+0\.25rem\)\]{margin-left:calc(calc(var(--code-block-fold-width) + .25rem) * -1)}.ml-0\.5{margin-left:calc(var(--spacing) * .5)}.ml-2{margin-left:calc(var(--spacing) * 2)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.size-\(--code-block-fold-width\){width:var(--code-block-fold-width);height:var(--code-block-fold-width)}.size-3{width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3)}.h-\(--code-block-fold-width\){height:var(--code-block-fold-width)}.h-\(--code-block-line-height\){height:var(--code-block-line-height)}.h-\[0\.12em\]{height:.12em}.max-h-\(--cb-max-height\){max-height:var(--cb-max-height)}.min-h-\(--code-block-line-height\){min-height:var(--code-block-line-height)}.min-h-9{min-height:calc(var(--spacing) * 9)}.w-\[0\.55em\]{width:.55em}.w-full{width:100%}.w-max{width:max-content}.max-w-full{max-width:100%}.min-w-0{min-width:0}.min-w-full{min-width:100%}.flex-1{flex:1}.shrink-0{flex-shrink:0}.-translate-x-1\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-\[0\.02em\]{--tw-translate-y:.02em;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-\[calc\(\(var\(--code-block-line-height\)-var\(--code-block-fold-width\)\)\/2\)\]{--tw-translate-y:calc((var(--code-block-line-height) - var(--code-block-fold-width)) / 2);translate:var(--tw-translate-x) var(--tw-translate-y)}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-pulse{animation:var(--animate-pulse)}.cursor-pointer{cursor:pointer}.resize{resize:both}.\[scrollbar-width\:thin\]{scrollbar-width:thin}.flex-col{flex-direction:column}.items-center{align-items:center}.items-end{align-items:flex-end}.justify-center{justify-content:center}.gap-1{gap:var(--spacing)}.gap-2{gap:calc(var(--spacing) * 2)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.rounded{border-radius:.25rem}.rounded-\(--code-block-radius\){border-radius:var(--code-block-radius)}.rounded-\[1px\]{border-radius:1px}.rounded-\[4px\]{border-radius:4px}.rounded-\[inherit\]{border-radius:inherit}.rounded-md{border-radius:var(--radius-md)}.rounded-sm{border-radius:var(--radius-sm)}.border{border-style:var(--tw-border-style);border-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-border{border-color:var(--line)}.bg-\(--code-block-caret-color\){background-color:var(--code-block-caret-color)}.bg-card,.bg-muted\/60{background-color:var(--surface)}@supports (color:color-mix(in lab, red, red)){.bg-muted\/60{background-color:color-mix(in oklab, var(--surface) 60%, transparent)}}.bg-muted\/80{background-color:var(--surface)}@supports (color:color-mix(in lab, red, red)){.bg-muted\/80{background-color:color-mix(in oklab, var(--surface) 80%, transparent)}}.bg-primary\/10{background-color:var(--text)}@supports (color:color-mix(in lab, red, red)){.bg-primary\/10{background-color:color-mix(in oklab, var(--text) 10%, transparent)}}.bg-gradient-to-t{--tw-gradient-position:to top in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.from-card{--tw-gradient-from:var(--surface);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.via-card\/85{--tw-gradient-via:var(--surface)}@supports (color:color-mix(in lab, red, red)){.via-card\/85{--tw-gradient-via:color-mix(in oklab, var(--surface) 85%, transparent)}}.via-card\/85{--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.to-transparent{--tw-gradient-to:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.bg-clip-padding{background-clip:padding-box}.px-\(--code-block-padding\){padding-inline:var(--code-block-padding)}.px-0\.5{padding-inline:calc(var(--spacing) * .5)}.px-1\.5{padding-inline:calc(var(--spacing) * 1.5)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.py-\(--code-block-padding\){padding-block:var(--code-block-padding)}.py-0{padding-block:0}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-px{padding-block:1px}.pt-10{padding-top:calc(var(--spacing) * 10)}.pb-\(--code-block-expand-clearance\){padding-bottom:var(--code-block-expand-clearance)}.pb-2{padding-bottom:calc(var(--spacing) * 2)}.pl-\(--code-block-gutter-width\){padding-left:var(--code-block-gutter-width)}.text-left{text-align:left}.align-top{vertical-align:top}.font-mono{font-family:var(--font-mono)}.font-sans{font-family:var(--font-sans)}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\(length\:--code-block-font-size\){font-size:var(--code-block-font-size)}.text-\[0\.8em\]{font-size:.8em}.text-\[0\.6875rem\]{font-size:.6875rem}.leading-\(--code-block-line-height\){--tw-leading:var(--code-block-line-height);line-height:var(--code-block-line-height)}.leading-none{--tw-leading:1;line-height:1}.break-words{overflow-wrap:break-word}.whitespace-normal{white-space:normal}.whitespace-pre-wrap{white-space:pre-wrap}.text-\[var\(--x\)\]{color:var(--x)}.text-card-foreground,.text-foreground{color:var(--text)}.text-muted-foreground,.text-muted-foreground\/60{color:var(--muted)}@supports (color:color-mix(in lab, red, red)){.text-muted-foreground\/60{color:color-mix(in oklab, var(--muted) 60%, transparent)}}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.italic{font-style:italic}.underline{text-decoration-line:underline}.opacity-0{opacity:0}.ring,.ring-1{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring-primary\/20{--tw-ring-color:var(--text)}@supports (color:color-mix(in lab, red, red)){.ring-primary\/20{--tw-ring-color:color-mix(in oklab, var(--text) 20%, transparent)}}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.\[--code-block-bg\:transparent\]{--code-block-bg:transparent}.\[--code-block-bg\:var\(--card\)\]{--code-block-bg:var(--card)}.\[--code-block-caret-color\:var\(--primary\)\]{--code-block-caret-color:var(--primary)}.\[--code-block-copy-inset\:--spacing\(2\)\]{--code-block-copy-inset:calc(var(--spacing) * 2)}.\[--code-block-copy-top\:var\(--code-block-copy-inset\)\]{--code-block-copy-top:var(--code-block-copy-inset)}.\[--code-block-diff-add-bg\:color-mix\(in_oklch\,var\(--success\)_8\%\,transparent\)\]{--code-block-diff-add-bg:var(--success)}@supports (color:color-mix(in lab, red, red)){.\[--code-block-diff-add-bg\:color-mix\(in_oklch\,var\(--success\)_8\%\,transparent\)\]{--code-block-diff-add-bg:color-mix(in oklch,var(--success) 8%,transparent)}}.\[--code-block-diff-remove-bg\:color-mix\(in_oklch\,var\(--destructive\)_8\%\,transparent\)\]{--code-block-diff-remove-bg:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.\[--code-block-diff-remove-bg\:color-mix\(in_oklch\,var\(--destructive\)_8\%\,transparent\)\]{--code-block-diff-remove-bg:color-mix(in oklch,var(--destructive) 8%,transparent)}}.\[--code-block-error-bg\:color-mix\(in_oklch\,var\(--destructive\)_8\%\,transparent\)\]{--code-block-error-bg:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.\[--code-block-error-bg\:color-mix\(in_oklch\,var\(--destructive\)_8\%\,transparent\)\]{--code-block-error-bg:color-mix(in oklch,var(--destructive) 8%,transparent)}}.\[--code-block-expand-clearance\:--spacing\(9\)\]{--code-block-expand-clearance:calc(var(--spacing) * 9)}.\[--code-block-fold-width\:--spacing\(4\.5\)\]{--code-block-fold-width:calc(var(--spacing) * 4.5)}.\[--code-block-font-size\:0\.8125rem\]{--code-block-font-size:.8125rem}.\[--code-block-gutter-gap\:--spacing\(2\.5\)\]{--code-block-gutter-gap:calc(var(--spacing) * 2.5)}.\[--code-block-gutter-width\:--spacing\(9\)\]{--code-block-gutter-width:calc(var(--spacing) * 9)}.\[--code-block-header-height\:--spacing\(9\)\]{--code-block-header-height:calc(var(--spacing) * 9)}.\[--code-block-highlight-bar\:color-mix\(in_oklch\,var\(--primary\)_60\%\,transparent\)\]{--code-block-highlight-bar:var(--primary)}@supports (color:color-mix(in lab, red, red)){.\[--code-block-highlight-bar\:color-mix\(in_oklch\,var\(--primary\)_60\%\,transparent\)\]{--code-block-highlight-bar:color-mix(in oklch,var(--primary) 60%,transparent)}}.\[--code-block-highlight-bg\:color-mix\(in_oklch\,var\(--primary\)_6\%\,transparent\)\]{--code-block-highlight-bg:var(--primary)}@supports (color:color-mix(in lab, red, red)){.\[--code-block-highlight-bg\:color-mix\(in_oklch\,var\(--primary\)_6\%\,transparent\)\]{--code-block-highlight-bg:color-mix(in oklch,var(--primary) 6%,transparent)}}.\[--code-block-info-bg\:color-mix\(in_oklch\,var\(--info\)_8\%\,transparent\)\]{--code-block-info-bg:var(--info)}@supports (color:color-mix(in lab, red, red)){.\[--code-block-info-bg\:color-mix\(in_oklch\,var\(--info\)_8\%\,transparent\)\]{--code-block-info-bg:color-mix(in oklch,var(--info) 8%,transparent)}}.\[--code-block-line-height\:1\.5rem\]{--code-block-line-height:1.5rem}.\[--code-block-number-pad\:var\(--code-block-gutter-gap\)\]{--code-block-number-pad:var(--code-block-gutter-gap)}.\[--code-block-padding\:--spacing\(3\)\]{--code-block-padding:calc(var(--spacing) * 3)}.\[--code-block-radius\:var\(--radius-lg\)\]{--code-block-radius:var(--radius-lg)}.\[--code-block-warning-bg\:color-mix\(in_oklch\,var\(--warning\)_10\%\,transparent\)\]{--code-block-warning-bg:var(--warning)}@supports (color:color-mix(in lab, red, red)){.\[--code-block-warning-bg\:color-mix\(in_oklch\,var\(--warning\)_10\%\,transparent\)\]{--code-block-warning-bg:color-mix(in oklch,var(--warning) 10%,transparent)}}.ring-inset{--tw-ring-inset:inset}@media (hover:hover){.group-hover\/code-block\:opacity-100:is(:where(.group\/code-block):hover *){opacity:1}.hover\:bg-muted:hover{background-color:var(--surface)}.hover\:text-foreground:hover{color:var(--text)}}.focus-visible\:opacity-100:focus-visible{opacity:1}.focus-visible\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus-visible\:ring-\[3px\]:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.data-\[blurred\]\:opacity-40[data-blurred]{opacity:.4}.data-\[blurred\]\:blur-\[1\.5px\][data-blurred]{--tw-blur:blur(1.5px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.data-\[blurred\]\:transition-\[opacity\,filter\][data-blurred]{transition-property:opacity,filter;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}@media (hover:hover){.group-hover\/code-block\:data-\[blurred\]\:opacity-100:is(:where(.group\/code-block):hover *)[data-blurred]{opacity:1}.group-hover\/code-block\:data-\[blurred\]\:blur-none:is(:where(.group\/code-block):hover *)[data-blurred]{--tw-blur: ;filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}.data-\[diff\]\:after\:absolute[data-diff]:after{content:var(--tw-content);position:absolute}.data-\[diff\]\:after\:left-0[data-diff]:after{content:var(--tw-content);left:0}.data-\[diff\]\:after\:z-20[data-diff]:after{content:var(--tw-content);z-index:20}.data-\[diff\]\:after\:w-\(--code-block-padding\)[data-diff]:after{content:var(--tw-content);width:var(--code-block-padding)}.data-\[diff\]\:after\:text-center[data-diff]:after{content:var(--tw-content);text-align:center}.data-\[diff\]\:after\:select-none[data-diff]:after{content:var(--tw-content);-webkit-user-select:none;user-select:none}.data-\[diff\=add\]\:bg-\(--code-block-diff-add-bg\)[data-diff=add]{background-color:var(--code-block-diff-add-bg)}.data-\[diff\=add\]\:after\:content-\[\'\+\'\][data-diff=add]:after{--tw-content:"+";content:var(--tw-content)}.data-\[diff\=remove\]\:bg-\(--code-block-diff-remove-bg\)[data-diff=remove]{background-color:var(--code-block-diff-remove-bg)}.data-\[diff\=remove\]\:after\:content-\[\'-\'\][data-diff=remove]:after{--tw-content:"-";content:var(--tw-content)}.data-\[gutter-channel\]\:\[--code-block-number-pad\:calc\(var\(--code-block-gutter-gap\)\+var\(--code-block-fold-width\)\)\][data-gutter-channel]{--code-block-number-pad:calc(var(--code-block-gutter-gap) + var(--code-block-fold-width))}.data-\[has-diff\]\:\[--code-block-gutter-gap\:--spacing\(4\)\][data-has-diff]{--code-block-gutter-gap:calc(var(--spacing) * 4)}.data-\[has-header\]\:\[--code-block-copy-top\:calc\(var\(--code-block-header-height\)\+1px\+var\(--code-block-copy-inset\)\)\][data-has-header]{--code-block-copy-top:calc(var(--code-block-header-height) + 1px + var(--code-block-copy-inset))}.data-\[highlighted\]\:bg-\(--code-block-highlight-bg\)[data-highlighted]{background-color:var(--code-block-highlight-bg)}.data-\[highlighted\]\:shadow-\[inset_2px_0_0_0_var\(--code-block-highlight-bar\)\][data-highlighted]{--tw-shadow:inset 2px 0 0 0 var(--tw-shadow-color,var(--code-block-highlight-bar));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.data-\[level\=error\]\:bg-\(--code-block-error-bg\)[data-level=error]{background-color:var(--code-block-error-bg)}.data-\[level\=info\]\:bg-\(--code-block-info-bg\)[data-level=info]{background-color:var(--code-block-info-bg)}.data-\[level\=warning\]\:bg-\(--code-block-warning-bg\)[data-level=warning]{background-color:var(--code-block-warning-bg)}@media (prefers-reduced-motion:reduce){.motion-reduce\:animate-none{animation:none}}.dark\:\[--code-block-diff-add-bg\:color-mix\(in_oklch\,var\(--success\)_12\%\,transparent\)\]:where([data-theme=dark],[data-theme=dark] *){--code-block-diff-add-bg:var(--success)}@supports (color:color-mix(in lab, red, red)){.dark\:\[--code-block-diff-add-bg\:color-mix\(in_oklch\,var\(--success\)_12\%\,transparent\)\]:where([data-theme=dark],[data-theme=dark] *){--code-block-diff-add-bg:color-mix(in oklch,var(--success) 12%,transparent)}}.dark\:\[--code-block-diff-remove-bg\:color-mix\(in_oklch\,var\(--destructive\)_12\%\,transparent\)\]:where([data-theme=dark],[data-theme=dark] *){--code-block-diff-remove-bg:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.dark\:\[--code-block-diff-remove-bg\:color-mix\(in_oklch\,var\(--destructive\)_12\%\,transparent\)\]:where([data-theme=dark],[data-theme=dark] *){--code-block-diff-remove-bg:color-mix(in oklch,var(--destructive) 12%,transparent)}}.dark\:\[--code-block-error-bg\:color-mix\(in_oklch\,var\(--destructive\)_12\%\,transparent\)\]:where([data-theme=dark],[data-theme=dark] *){--code-block-error-bg:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.dark\:\[--code-block-error-bg\:color-mix\(in_oklch\,var\(--destructive\)_12\%\,transparent\)\]:where([data-theme=dark],[data-theme=dark] *){--code-block-error-bg:color-mix(in oklch,var(--destructive) 12%,transparent)}}.dark\:\[--code-block-highlight-bg\:color-mix\(in_oklch\,var\(--primary\)_12\%\,transparent\)\]:where([data-theme=dark],[data-theme=dark] *){--code-block-highlight-bg:var(--primary)}@supports (color:color-mix(in lab, red, red)){.dark\:\[--code-block-highlight-bg\:color-mix\(in_oklch\,var\(--primary\)_12\%\,transparent\)\]:where([data-theme=dark],[data-theme=dark] *){--code-block-highlight-bg:color-mix(in oklch,var(--primary) 12%,transparent)}}.dark\:\[--code-block-info-bg\:color-mix\(in_oklch\,var\(--info\)_12\%\,transparent\)\]:where([data-theme=dark],[data-theme=dark] *){--code-block-info-bg:var(--info)}@supports (color:color-mix(in lab, red, red)){.dark\:\[--code-block-info-bg\:color-mix\(in_oklch\,var\(--info\)_12\%\,transparent\)\]:where([data-theme=dark],[data-theme=dark] *){--code-block-info-bg:color-mix(in oklch,var(--info) 12%,transparent)}}.dark\:\[--code-block-warning-bg\:color-mix\(in_oklch\,var\(--warning\)_14\%\,transparent\)\]:where([data-theme=dark],[data-theme=dark] *){--code-block-warning-bg:var(--warning)}@supports (color:color-mix(in lab, red, red)){.dark\:\[--code-block-warning-bg\:color-mix\(in_oklch\,var\(--warning\)_14\%\,transparent\)\]:where([data-theme=dark],[data-theme=dark] *){--code-block-warning-bg:color-mix(in oklch,var(--warning) 14%,transparent)}}.\[\&_\[data-slot\=code-block-token\]\]\:text-\[color\:var\(--cb-c\,currentColor\)\] [data-slot=code-block-token]{color:var(--cb-c,currentColor)}.dark\:\[\&_\[data-slot\=code-block-token\]\]\:text-\[color\:var\(--cb-cd\,currentColor\)\]:where([data-theme=dark],[data-theme=dark] *) [data-slot=code-block-token]{color:var(--cb-cd,currentColor)}.\[\&_svg\]\:size-3\.5 svg{width:calc(var(--spacing) * 3.5);height:calc(var(--spacing) * 3.5)}[data-code-line-numbers] .\[\[data-code-line-numbers\]_\&\]\:pl-0{padding-left:0}[data-code-line-numbers] .\[\[data-code-line-numbers\]_\&\]\:before\:pointer-events-none:before{content:var(--tw-content);pointer-events:none}[data-code-line-numbers] .\[\[data-code-line-numbers\]_\&\]\:before\:sticky:before{content:var(--tw-content);position:sticky}[data-code-line-numbers] .\[\[data-code-line-numbers\]_\&\]\:before\:left-0:before{content:var(--tw-content);left:0}[data-code-line-numbers] .\[\[data-code-line-numbers\]_\&\]\:before\:z-10:before{content:var(--tw-content);z-index:10}[data-code-line-numbers] .\[\[data-code-line-numbers\]_\&\]\:before\:-ml-\(--code-block-gutter-width\):before{content:var(--tw-content);margin-left:calc(var(--code-block-gutter-width) * -1)}[data-code-line-numbers] .\[\[data-code-line-numbers\]_\&\]\:before\:inline-block:before{content:var(--tw-content);display:inline-block}[data-code-line-numbers] .\[\[data-code-line-numbers\]_\&\]\:before\:w-\(--code-block-gutter-width\):before{content:var(--tw-content);width:var(--code-block-gutter-width)}[data-code-line-numbers] .\[\[data-code-line-numbers\]_\&\]\:before\:bg-\(--code-block-bg\):before{content:var(--tw-content);background-color:var(--code-block-bg)}[data-code-line-numbers] .\[\[data-code-line-numbers\]_\&\]\:before\:pr-\(--code-block-number-pad\):before{content:var(--tw-content);padding-right:var(--code-block-number-pad)}[data-code-line-numbers] .\[\[data-code-line-numbers\]_\&\]\:before\:pl-\(--code-block-padding\):before{content:var(--tw-content);padding-left:var(--code-block-padding)}[data-code-line-numbers] .\[\[data-code-line-numbers\]_\&\]\:before\:text-right:before{content:var(--tw-content);text-align:right}[data-code-line-numbers] .\[\[data-code-line-numbers\]_\&\]\:before\:text-muted-foreground\/50:before{content:var(--tw-content);color:var(--muted)}@supports (color:color-mix(in lab, red, red)){[data-code-line-numbers] .\[\[data-code-line-numbers\]_\&\]\:before\:text-muted-foreground\/50:before{color:color-mix(in oklab, var(--muted) 50%, transparent)}}[data-code-line-numbers] .\[\[data-code-line-numbers\]_\&\]\:before\:tabular-nums:before{content:var(--tw-content);--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}[data-code-line-numbers] .\[\[data-code-line-numbers\]_\&\]\:before\:content-\[counter\(cb-line\)\]:before{--tw-content:counter(cb-line);content:var(--tw-content)}[data-code-line-numbers] .\[\[data-code-line-numbers\]_\&\]\:before\:select-none:before{content:var(--tw-content);-webkit-user-select:none;user-select:none}[data-code-line-numbers] .\[\[data-code-line-numbers\]_\&\]\:before\:\[counter-increment\:cb-line\]:before{content:var(--tw-content);counter-increment:cb-line}[data-code-line-numbers] .\[\[data-code-line-numbers\]_\&\]\:data-\[diff\]\:after\:-left-\(--code-block-gutter-gap\)[data-diff]:after{content:var(--tw-content);left:calc(var(--code-block-gutter-gap) * -1)}[data-code-line-numbers] .\[\[data-code-line-numbers\]_\&\]\:data-\[diff\]\:after\:w-\(--code-block-gutter-gap\)[data-diff]:after{content:var(--tw-content);width:var(--code-block-gutter-gap)}[data-code-line-numbers] .\[\[data-code-line-numbers\]_\&\[data-gutter\]\]\:before\:whitespace-pre[data-gutter]:before{content:var(--tw-content);white-space:pre}[data-code-line-numbers] .\[\[data-code-line-numbers\]_\&\[data-gutter\]\]\:before\:content-\[attr\(data-gutter\)\][data-gutter]:before{--tw-content:attr(data-gutter);content:var(--tw-content)}[data-selectable] .\[\[data-selectable\]_\&\]\:data-\[active\]\:bg-muted\/40[data-active]{background-color:var(--surface)}@supports (color:color-mix(in lab, red, red)){[data-selectable] .\[\[data-selectable\]_\&\]\:data-\[active\]\:bg-muted\/40[data-active]{background-color:color-mix(in oklab, var(--surface) 40%, transparent)}}[data-streaming] .\[\[data-streaming\]_\&\]\:duration-150{--tw-duration:.15s;transition-duration:.15s}[data-streaming] .\[\[data-streaming\]_\&\]\:ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-content{syntax:"*";inherits:false;initial-value:""}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@keyframes pulse{50%{opacity:.5}}
:root{--bg:#fafaf8;--surface:#f0f0f0;--text:#272b28;--muted:#686e65;--line:#e5e6e0;--accent:#53745d;--card:var(--surface);--radius:6px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--bg:#171a18;--surface:#242424;--text:#e4e8e1;--muted:#989e95;--line:#303730;--accent:#b0c4a7;--card:var(--surface);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{scrollbar-gutter:stable}body{isolation:isolate;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-family:Arial,Helvetica,sans-serif;font-size:15px;line-height:1.65;transition:background-color .22s,color .22s;position:relative}::selection{color:#20251e;background:#c5d4bb}a{color:inherit;text-decoration:none}button,input{font:inherit}button{color:inherit;cursor:pointer}button,a,input{-webkit-tap-highlight-color:transparent}button{touch-action:manipulation}:focus-visible{outline:2px solid var(--accent);outline-offset:5px}main{display:flow-root}main:focus{outline:none}button{border:0}img{max-width:100%;display:block}.site-wrap{max-width:672px;margin:0 auto;padding:0 24px}.site-header{--header-font-size:14px;justify-content:space-between;align-items:center;gap:20px;padding:48px 0 0;display:flex}.wordmark{letter-spacing:-.2px;padding:8px 0;font-size:16px;font-weight:750;line-height:1}.site-header .desktop-navigation{gap:23px;display:flex}.site-header .desktop-navigation a{font-size:var(--header-font-size);color:var(--muted);padding:12px 0;transition:color .18s;position:relative}.site-header .desktop-navigation a:after{content:"";background:var(--line);transform-origin:0;height:1px;transition:transform var(--nav-duration,.3s);position:absolute;bottom:5px;left:0;right:0;transform:scaleX(0)}.site-header .desktop-navigation a:hover,.site-header .desktop-navigation a[aria-current]{color:var(--text)}.site-header .desktop-navigation a:hover:after,.site-header .desktop-navigation a:focus-visible:after,.site-header .desktop-navigation a[aria-current=page]:after{transform:scaleX(1)}.site-header .desktop-navigation a:has([data-pending]):after{transform:scaleX(1)}.intro{max-width:490px;padding:100px 0 0}h1,h2,h3,p{margin:0}h1{letter-spacing:-1.2px;font-size:34px;font-weight:500;line-height:1.23}.intro h1 span{color:var(--muted)}.intro>p{letter-spacing:-.18px;max-width:450px;margin-top:25px;font-size:17px;line-height:1.7}.intro>p.intro-detail{color:var(--muted);margin-top:21px;font-size:13px;line-height:1.85}.text-link{color:var(--text);align-items:center;gap:5px;display:inline-flex}.text-link:hover{border-color:var(--text)}a svg{flex-shrink:0;transition:transform .2s}a:hover>svg{transform:translate(2px,-1px)}.home-section{margin-top:74px}.section-heading{justify-content:space-between;align-items:center;margin-bottom:22px;display:flex}.section-heading h2{letter-spacing:-.1px;font-size:14px;font-weight:600}.section-heading>a{color:var(--muted);align-items:center;gap:7px;padding:7px 0 7px 10px;font-size:11px;display:flex}.section-heading>a:hover{color:var(--text)}.experiment-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;display:grid}.experiment-visual{aspect-ratio:1.48;border-radius:var(--radius);background:var(--card);border:1px solid var(--line);display:block;position:relative;overflow:hidden}.preview-photo{border-radius:var(--radius);width:62%;height:68%;transition:transform .6s cubic-bezier(.2,.7,.2,1);position:absolute;top:16%;left:19%;overflow:hidden;transform:rotate(-6deg);box-shadow:0 10px 24px #00000012}.preview-photo img{object-fit:cover;scale:1.13}.velocity-preview:hover .preview-photo{transform:rotate(0)translateY(-3px)}.velocity-line{background:var(--muted);opacity:.4;width:1px;position:absolute;top:24%;bottom:22%;left:13%}.velocity-line:before,.velocity-line:after{content:"";background:var(--text);width:5px;height:1px;display:block;position:absolute;left:-2px}.velocity-line:after{bottom:0}.preview-number{color:var(--muted);font:10px/1.4 monospace;position:absolute;bottom:10px;left:13px}.preview-open{opacity:.45;transition:opacity .2s,transform .2s;position:absolute;bottom:8px;right:10px}.experiment-visual:hover .preview-open{opacity:1;transform:translate(2px,-2px)}.type-preview{justify-content:center;align-items:center;display:flex}.type-art{letter-spacing:-12px;margin-left:-8px;font-family:Georgia,Times New Roman,serif;font-size:94px;line-height:1;display:flex}.type-art span{transition:transform .5s cubic-bezier(.2,.8,.2,1);display:inline-block}.type-art span:first-child{color:var(--muted);font-style:italic}.type-art span:nth-child(2){color:var(--text);z-index:1}.type-art span:nth-child(3){color:var(--accent);font-style:italic}.type-preview:hover .type-art span:first-child{transform:translate(-7px,5px)rotate(-8deg)}.type-preview:hover .type-art span:last-child{transform:translate(8px,-5px)rotate(8deg)}.experiment-caption{justify-content:space-between;align-items:center;gap:8px;margin-top:15px;display:flex}.experiment-caption h3{font-size:14px;font-weight:500}.sample-label{color:var(--muted);font:9px/1.5 monospace}.experiment-card>p{color:var(--muted);margin-top:4px;font-size:12px}.experiment-links{gap:22px;margin-top:10px;display:flex}.experiment-links a{align-items:center;gap:4px;padding:4px 0;font-size:11px;display:inline-flex}.photo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.photo-grid.compact{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.photo-tile{aspect-ratio:1;border-radius:var(--radius);background:var(--surface);padding:0;position:relative;overflow:hidden}.photo-tile img{object-fit:cover;transition:filter .25s;scale:1.09}.photo-tile:hover img{filter:brightness(1.04)}.photo-expand{color:#fff;opacity:0;background:#0003;border-radius:50%;padding:7px;transition:opacity .2s,transform .2s;position:absolute;bottom:8px;right:9px;transform:translateY(4px)}.photo-tile:hover .photo-expand,.photo-tile:focus-visible .photo-expand{opacity:1;transform:none}.section-note{color:var(--muted);margin-top:15px;font-size:11px}.gallery-end{margin-top:24px}.post-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;padding:18px 0;display:flex}.post-row:first-child{border-top:1px solid var(--line)}.post-row h3{font-size:14px;font-weight:400;transition:color .2s}.post-row svg{color:var(--muted);opacity:.6}.post-row:hover h3{color:var(--accent)}.post-row:hover svg{opacity:1}.post-meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:12px;margin-top:5px;font-size:10px;display:flex}.post-meta>span{font:9px/1.4 monospace}.site-footer{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;margin-top:88px;padding:28px 0 42px;display:flex}.footer-name{letter-spacing:-.3px;font-size:13px;font-weight:600}.footer-note{color:var(--muted);margin-top:5px;font-size:10px;display:block}.footer-actions{align-items:center;gap:15px;display:flex}.footer-actions>a{align-items:center;gap:3px;font-size:11px;display:flex}.theme-toggle{border:1px solid var(--line);background:0 0;border-radius:50%;place-items:center;width:38px;height:38px;transition:background .2s,transform .3s;display:grid}.theme-toggle:hover{background:var(--surface);transform:rotate(12deg)}.moon-icon{display:none}[data-theme=dark] .moon-icon{display:block}[data-theme=dark] .sun-icon{display:none}.page-heading{max-width:500px;margin:90px 0 43px}.small-label{color:var(--muted);margin-bottom:16px;font-size:11px;display:block}.page-heading>p{color:var(--muted);margin-top:20px;font-size:15px;line-height:1.75}.page-heading>.text-link{margin-top:20px}.prose{max-width:590px;font-size:15px;line-height:1.85}.prose p{margin:0 0 24px}.prose h2{letter-spacing:-.45px;margin:45px 0 18px;font-size:20px;font-weight:500;line-height:1.4}.prose h3{margin:30px 0 14px;font-size:17px;font-weight:500}.prose a{text-decoration:none}.prose ul{margin:16px 0 25px;padding-left:20px}.prose li{margin:8px 0;padding-left:5px}.prose pre{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);margin:28px 0;padding:20px;font-size:12px;overflow-x:auto}.prose code{font-size:.85em}.prose blockquote{border-left:2px solid var(--line);color:var(--muted);margin:30px 0;padding-left:24px}.back-link{color:var(--muted);align-items:center;gap:8px;margin-top:64px;font-size:12px;display:inline-flex}.article-heading{margin:36px 0}.article-heading h1{margin-top:15px}.article-heading>p{color:var(--muted);margin-top:16px;font-size:16px}.example-notice{border-radius:var(--radius);border-left:2px solid var(--line);color:var(--muted);background:var(--surface);margin-bottom:34px;padding:12px 16px;font-size:12px}.demo-link{background:var(--text);color:var(--bg);border-radius:var(--radius);align-items:center;gap:14px;margin-top:25px;padding:9px 15px;font-size:12px;display:inline-flex}.about-contact{margin-top:48px}.about-contact h2{margin-bottom:16px;font-size:20px}.photo-dialog{background:var(--bg);width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;color:var(--text);border:0;margin:0;padding:0;overflow:hidden}.photo-dialog[open]{flex-direction:column;display:flex}.photo-dialog::backdrop{background:var(--bg)}.dialog-toolbar{flex-shrink:0;justify-content:space-between;align-items:center;padding:15px 24px;display:flex}.dialog-toolbar>span{color:var(--muted);font:11px monospace}.photo-dialog button{background:0 0;border-radius:50%;place-items:center;width:44px;height:44px;display:inline-grid}.photo-dialog button:hover{background:var(--surface)}.dialog-photo{flex:1;justify-content:center;align-items:center;min-height:0;padding:0 28px;display:flex}.dialog-photo img{object-fit:contain;border-radius:var(--radius);width:auto;max-width:100%;height:auto;max-height:100%}.dialog-bottom{flex-shrink:0;justify-content:space-between;align-items:center;gap:20px;padding:16px 24px;display:flex}.dialog-bottom p{color:var(--muted);font-size:12px}.dialog-bottom>div{flex-shrink:0;gap:8px;display:flex}::view-transition-group(*){animation-duration:.45s;animation-timing-function:cubic-bezier(.22,1,.36,1)}::view-transition-old(root){animation-duration:.22s}::view-transition-new(root){animation-duration:.22s}.demo-heading{justify-content:space-between;align-items:center;gap:20px;margin:40px 0 30px;display:flex}.demo-heading h1{letter-spacing:-.6px;font-size:22px}.demo-heading a{color:var(--muted);font-size:11px}.type-stage{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);justify-content:center;align-items:center;height:260px;display:flex;position:relative;overflow:hidden}.type-word{white-space:pre;font-family:Georgia,Times New Roman,serif;line-height:1;display:flex}.type-word span{display:inline-block}.stage-note{text-align:center;color:var(--muted);font-size:10px;position:absolute;bottom:17px;left:0;right:0}.demo-controls{grid-template-columns:1fr 1fr;gap:24px;padding:26px 0;display:grid}.demo-controls label{color:var(--muted);flex-direction:column;gap:9px;font-size:12px;display:flex}.demo-controls label:first-child{grid-column:1/-1}.demo-controls input[type=text]{width:100%;color:var(--text);border:0;border-bottom:1px solid var(--line);background:0 0;border-radius:0;padding:8px 0;font-size:17px}.demo-controls input[type=range]{width:100%;accent-color:var(--accent)}.drift-list{gap:55px;margin-top:38px;display:grid}.drift-frame{aspect-ratio:1.3;border-radius:var(--radius);background:var(--surface);position:relative;overflow:hidden}.drift-frame img{object-fit:cover;scale:1.1}.drift-caption{color:var(--muted);justify-content:space-between;margin-top:10px;font-size:10px;display:flex}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:100;background:var(--text);color:var(--bg);padding:12px;position:fixed;top:-100px;left:12px}.skip-link:focus{top:12px}@media (min-width:1500px){.site-wrap{max-width:688px}}@media (max-width:600px){.site-wrap{padding:0 23px}.site-header{flex-wrap:wrap;gap:14px;padding-top:28px}.site-header .desktop-navigation{gap:16px}.intro{padding-top:67px}h1{letter-spacing:-1px;font-size:30px}.intro>p{font-size:16px}.home-section{margin-top:56px}.experiment-grid{gap:14px}.experiment-visual{aspect-ratio:1.15}.type-art{letter-spacing:-9px;font-size:65px}.experiment-caption{gap:4px}.experiment-caption h3{font-size:13px}.sample-label{font-size:8px}.experiment-card>p{font-size:11px}.experiment-links{flex-wrap:wrap;gap:14px;margin-top:7px}.experiment-links a{min-height:30px;font-size:10px}.photo-grid{gap:10px}.photo-grid.compact{gap:7px}.section-heading{margin-bottom:16px}.section-heading>a{font-size:10px}.site-footer{margin-top:64px;padding-bottom:30px}.page-heading{margin-top:62px}.back-link{margin-top:46px}.dialog-photo{padding:0 12px}.dialog-toolbar,.dialog-bottom{padding:12px}.dialog-bottom p{font-size:10px}.dialog-bottom{gap:10px}.type-stage{height:220px}.type-word{max-width:100%}}@media (max-width:360px){.site-header{gap:10px}.site-header .desktop-navigation{gap:14px}.experiment-links{gap:9px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}::view-transition-group(*){animation:none!important}}:root[data-gallery-transition]::view-transition-group(root){z-index:0}:root[data-gallery-transition]::view-transition-group(gallery-photo){z-index:1}:root[data-gallery-transition=open]::view-transition-old(root){opacity:0;animation:none}:root[data-gallery-transition=open]::view-transition-new(root){opacity:1;animation:none}.site-footer{flex-wrap:wrap}.footer-legal{color:var(--muted);flex-basis:100%;gap:18px;font-size:12px;display:flex}.footer-legal a:hover{color:var(--text)}.nav-feedback{display:inline-block}.nav-word{vertical-align:middle;display:inline-flex}.nav-character{height:1.65em;display:block;overflow:hidden}.nav-character-track{flex-direction:column;display:flex}.nav-character-track>span{white-space:pre;height:1.65em;line-height:1.65;display:block}.nav-progress{z-index:1;background:var(--muted);opacity:.45;transform-origin:0;pointer-events:none;height:1px;position:absolute;bottom:5px;left:0;right:0;transform:scaleX(0)}.contact-invitation{isolation:isolate;border-radius:var(--radius);background:var(--surface);border:0;margin-top:74px;padding:28px;position:relative;overflow:hidden}.contact-invitation h2{letter-spacing:-.1px;font-size:14px;font-weight:600}.contact-invitation p{color:var(--muted);margin-top:10px;font-size:14px}.contact-link{align-items:center;gap:5px;margin-top:12px;padding-bottom:3px;font-size:13px;display:inline-flex;position:relative}.footer-actions{flex-wrap:wrap;margin-top:14px}@media (max-width:600px){.contact-invitation{margin-top:56px}}.animated-link{align-items:center;gap:5px;text-decoration:none;display:inline-flex}.animated-link-label{background:linear-gradient(var(--muted),var(--muted)) left bottom / 0% 1px no-repeat;padding-bottom:2px;transition:background-size .3s}.animated-link[data-underline=always] .animated-link-label{background-image:linear-gradient(var(--muted),var(--muted)),linear-gradient(var(--line),var(--line));background-size:0% 1px,100% 1px}.animated-link:hover .animated-link-label,.animated-link:focus-visible .animated-link-label{background-size:100% 1px}.animated-link[data-underline=always]:hover .animated-link-label,.animated-link[data-underline=always]:focus-visible .animated-link-label{background-size:100% 1px,100% 1px}.animated-link-icon{flex-shrink:0;transition:transform .3s;display:inline-flex}.animated-link:hover .animated-link-icon{transform:translate(2px,-1px)}.prose .animated-link{display:inline}.post-row h3{background:linear-gradient(var(--muted),var(--muted)) left bottom / 0% 1px no-repeat;padding-bottom:2px;transition:background-size .3s;display:inline}.post-row:hover h3,.post-row:focus-visible h3{background-size:100% 1px}.page-halftone{pointer-events:none;z-index:-1;width:100%;height:100%;position:absolute;inset:0}@media (max-width:600px){.contact-invitation{padding:22px}}.code-snippet{--primary:var(--text);--card:var(--surface);--code-block-radius:var(--radius);border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);min-width:0;max-width:100%;margin:28px 0;overflow:hidden}.code-snippet [data-slot=code-block-header]{border-bottom:1px solid var(--line);gap:12px;padding:8px 12px;font-size:12px}.code-snippet [data-slot=code-block-title]{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.code-snippet pre{background:0 0;border:0;border-radius:0;margin:0;padding-block:12px;font-size:12px;overflow:visible}.code-snippet code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px}.code-snippet .snippet-copy{margin-left:auto}.code-button{min-width:30px;min-height:30px;color:var(--muted);border-radius:var(--radius);background:0 0;justify-content:center;align-items:center;padding:6px;display:inline-flex}.code-button:hover{color:var(--text);background:var(--line)}.code-button svg{width:14px;height:14px}.experiment-example{min-width:0;margin:48px 0}.experiment-example h2{letter-spacing:-.45px;font-size:20px;font-weight:500}.experiment-example header p{color:var(--muted);margin-top:12px;font-size:14px}.example-preview{border-radius:var(--radius);background:var(--surface);margin-top:20px;padding:20px}.example-preview .type-stage{height:180px}.example-preview .demo-controls{margin-top:20px}.example-demo-link{font-size:13px}@media (max-width:600px){.example-preview{padding:14px}}.prose .code-snippet pre[data-code-line-numbers]{padding-left:var(--code-block-gutter-width);padding-right:0}.engraving-backdrop{pointer-events:none;z-index:-1;position:fixed;inset:0}body:has([data-not-found]) .engraving-backdrop{display:none}:root:not([data-gallery-transition])::view-transition-old(root){opacity:0;animation:none}:root:not([data-gallery-transition])::view-transition-new(root){opacity:1;animation:none}::view-transition-group(.page-fade){animation:none}::view-transition-old(.page-fade){mix-blend-mode:normal;animation:.24s ease-in both page-fade-out}::view-transition-new(.page-fade){mix-blend-mode:normal;animation:.36s ease-out .24s both page-fade-in}@keyframes page-fade-out{0%{opacity:1}to{opacity:0}}@keyframes page-fade-in{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){::view-transition-old(.page-fade){opacity:0;animation:none}::view-transition-new(.page-fade){opacity:1;animation:none}}.anchor-art{background-image:radial-gradient(var(--line) 1px,transparent 1px);background-size:12px 12px;justify-content:center;align-items:center;gap:12px;display:flex;position:absolute;inset:0}.anchor-art>span{background:var(--text);color:var(--bg);padding:8px;font:12px monospace}.anchor-art i{background:var(--bg);padding:14px;font:12px Georgia,serif;transform:translateY(-20px);box-shadow:0 4px 15px #0001}.lens-art{clip-path:circle(38%);position:absolute;inset:12%}.lens-art img{object-fit:cover}.dial-art{aspect-ratio:1;background:conic-gradient(from 40deg,#b3c6a4,#53745d 80deg,#0000 140deg,#dfe7d6);border-radius:50%;width:50%;position:absolute;top:15%;left:25%;-webkit-mask:radial-gradient(circle,#0000 46%,#000 47%);mask:radial-gradient(circle,#0000 46%,#000 47%)}.loom-art{letter-spacing:-.06em;flex-direction:column;justify-content:center;align-items:center;font:italic clamp(26px,4vw,46px)/1.05 Georgia,serif;display:flex;position:absolute;inset:0}.loom-art span:last-child{color:var(--accent);transform:translate(16px)}.language-switcher{gap:8px;font-size:12px;display:flex}.language-switcher a{color:var(--muted);padding:8px 0}.language-switcher a[aria-current]{color:var(--text);text-underline-offset:5px;text-decoration:underline}.language-switcher a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.footer-preferences{align-items:center;gap:20px;display:flex}.experiment-playground{margin:32px 0 56px}.experiment-explanation{border-top:1px solid var(--line);padding-top:24px}@media (max-width:600px){.site-header .desktop-navigation{display:none}.site-header{flex-wrap:nowrap}}.raster-art{width:100%;height:100%;display:block}