@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-cyrillic-ext-wght-normal-DjL33-gN.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-cyrillic-wght-normal-BEAKL7Jp.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-vietnamese-wght-normal-6IgcOCM7.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-latin-ext-wght-normal-DC-KSUi6.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-latin-wght-normal-BgDaEnEv.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-cyrillic-ext-wght-normal-X_5orZeX.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-cyrillic-wght-normal-DiZS0aHC.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-symbols2-wght-normal-CO5SzqOn.woff2)format("woff2-variations");unicode-range:U+2000-2001,U+2004-2008,U+200A,U+23B8-23BD,U+2500-259F}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-vietnamese-wght-normal-DadHysG0.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-latin-ext-wght-normal-Bwz-egvJ.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-latin-wght-normal-XN7g48iV.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--radius:.625rem;--background:oklch(14.5% 0 0);--foreground:oklch(98.5% 0 0);--card:oklch(20.5% 0 0);--card-foreground:oklch(98.5% 0 0);--popover:oklch(20.5% 0 0);--popover-foreground:oklch(98.5% 0 0);--primary:oklch(92.2% 0 0);--primary-foreground:oklch(20.5% 0 0);--secondary:oklch(26.9% 0 0);--secondary-foreground:oklch(98.5% 0 0);--muted:oklch(26.9% 0 0);--muted-foreground:oklch(70.8% 0 0);--accent:oklch(26.9% 0 0);--accent-foreground:oklch(98.5% 0 0);--destructive:oklch(70.4% .191 22.216);--border:oklch(100% 0 0/.1);--input:oklch(100% 0 0/.15);--ring:oklch(55.6% 0 0);--radius-sm:calc(var(--radius) * .6);--radius-md:calc(var(--radius) * .8);--radius-lg:var(--radius);--radius-xl:calc(var(--radius) * 1.4);--container-narrow:40rem;--container-page:52rem;--container-wide:72rem;--font-sans:"Geist Variable", ui-sans-serif, system-ui, sans-serif;--font-mono:"Geist Mono Variable", ui-monospace, SFMono-Regular, Menlo, monospace;--ease:cubic-bezier(.4, 0, .2, 1);--duration:.15s;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box;border:0 solid var(--border);margin:0;padding:0}html{height:100%;font-family:var(--font-sans);-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}body{background:var(--background);min-height:100%;color:var(--foreground)}h1,h2,p{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}button{font:inherit;color:inherit;cursor:pointer;background:0 0}img,svg{display:block}img{max-width:100%;height:auto}[hidden]{display:none!important}:focus-visible{outline:2px solid color-mix(in oklch, var(--ring) 50%, transparent);outline-offset:2px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.icon{flex-shrink:0}.icon-3\.5{width:.875rem;height:.875rem}.icon-4{width:1rem;height:1rem}.icon-8{width:2rem;height:2rem}.text-sm{font-size:.875rem;line-height:1.25rem}.muted{color:var(--muted-foreground)}.link-muted{color:var(--muted-foreground);transition:color var(--duration) var(--ease);align-items:center;gap:.25rem;display:inline-flex}.link-muted:hover{color:var(--foreground)}.show-xs{display:none}@media (width<=380px){.hide-xs{display:none}.show-xs{display:inline}}.btn{border-radius:var(--radius-lg);white-space:nowrap;-webkit-user-select:none;user-select:none;height:2rem;transition:all var(--duration) var(--ease);background-clip:padding-box;border:1px solid #0000;flex-shrink:0;justify-content:center;align-items:center;gap:.375rem;padding-inline:.625rem;font-size:.875rem;font-weight:500;line-height:1.25rem;display:inline-flex}.btn:focus-visible{border-color:var(--ring);box-shadow:0 0 0 3px color-mix(in oklch, var(--ring) 50%, transparent);outline:none}.btn:active{translate:0 1px}.btn--sm{border-radius:min(var(--radius-md), 12px);gap:.25rem;height:1.75rem;font-size:.8rem}.btn--primary{background-color:var(--primary);color:var(--primary-foreground)}.btn--primary:hover{background-color:color-mix(in oklch, var(--primary) 80%, transparent)}.btn--outline{border-color:var(--input);background-color:color-mix(in oklch, var(--input) 30%, transparent)}.btn--outline:hover{background-color:color-mix(in oklch, var(--input) 50%, transparent);color:var(--foreground)}.container{width:100%;margin-inline:auto;padding-inline:1.5rem}@media (width>=40rem){.container{padding-inline:2rem}}@media (width>=64rem){.container{padding-inline:3rem}}.container--narrow{max-width:var(--container-narrow)}.container--page{max-width:var(--container-page)}.container--wide{max-width:var(--container-wide)}.site-header{z-index:50;border-bottom:1px solid color-mix(in oklch, var(--border) 60%, transparent);background-color:color-mix(in oklch, var(--background) 80%, transparent);-webkit-backdrop-filter:blur(12px);position:sticky;top:0}.site-header__bar{justify-content:space-between;align-items:center;height:3.5rem;display:flex}.site-header__brand{letter-spacing:-.025em;transition:opacity var(--duration) var(--ease);font-size:.875rem;font-weight:500;line-height:1.25rem}.site-header__brand:hover{opacity:.7}@media (width<=360px){.site-header__brand{font-size:.75rem;line-height:1rem}}.site-footer{border-top:1px solid color-mix(in oklch, var(--border) 60%, transparent);margin-top:2rem;padding-block:2.5rem}.site-footer__row{flex-direction:column;justify-content:space-between;align-items:flex-start;gap:1.5rem;display:flex}@media (width>=40rem){.site-footer__row{flex-direction:row;align-items:center}}.gallery{padding-block:3.5rem}@media (width>=40rem){.gallery{padding-top:5rem}}.gallery__back{gap:.375rem;margin-bottom:2rem}.gallery__title{letter-spacing:-.025em;font-size:1.5rem;font-weight:600;line-height:2rem}@media (width>=40rem){.gallery__title{font-size:1.875rem;line-height:2.25rem}}.gallery__lede{max-width:36rem;color:var(--muted-foreground);text-wrap:pretty;margin-top:.75rem;font-size:1rem;line-height:1.625}.gallery__lede a{color:var(--foreground);text-underline-offset:.2em;text-decoration:underline}.mosaic{margin-top:2.5rem;container-type:inline-size}.mosaic-grid{--mosaic-gap:2.5cqw;column-gap:var(--mosaic-gap);grid-template-columns:repeat(1,minmax(0,1fr));grid-auto-rows:.25cqw;grid-auto-flow:dense;row-gap:0;display:grid}.mosaic-item{grid-column:span 1;grid-row:span var(--row-1);padding-bottom:var(--mosaic-gap)}@media (width>=40rem){.mosaic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mosaic-item{grid-column:span var(--col-2);grid-row:span var(--row-2)}}@media (width>=64rem){.mosaic-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.mosaic-item{grid-column:span var(--col-3);grid-row:span var(--row-3)}}.tile{display:block}.tile-img,.tile-placeholder{border-radius:var(--radius-xl);background-color:var(--muted);width:100%;box-shadow:0 0 0 1px color-mix(in oklch, var(--foreground) 10%, transparent);transition:all var(--duration) var(--ease)}.tile-img{height:auto}.tile:hover .tile-img{opacity:.9;box-shadow:0 0 0 1px color-mix(in oklch, var(--foreground) 25%, transparent)}.tile-placeholder{aspect-ratio:4/3;color:var(--muted-foreground);justify-content:center;align-items:center;display:flex}.tile-caption{justify-content:space-between;align-items:baseline;gap:.5rem;margin-top:.75rem;display:flex}.tile-title{letter-spacing:-.025em;font-size:1rem;font-weight:500;line-height:1.5rem}.tile-tech{color:var(--muted-foreground);margin-left:.5rem;font-size:.875rem;font-weight:400;line-height:1.25rem}.tile-arrow{color:var(--muted-foreground);transition:all var(--duration) var(--ease)}.tile:hover .tile-arrow{color:var(--foreground);translate:.125rem -.125rem}.player{z-index:50;background:var(--background);position:fixed;inset:0}.player__slot--fill{width:100%;height:100%}.player__letterbox{justify-content:center;align-items:center;width:100%;height:100%;padding-inline:1.5rem;display:flex;overflow:hidden}.player__frame{aspect-ratio:16/10;border:1px solid var(--border);border-radius:var(--radius-xl);width:100%;position:relative;overflow:hidden}.player__scrim{pointer-events:none;inset-inline:0;z-index:20;background-image:linear-gradient(to bottom, color-mix(in oklch, var(--background) 80%, transparent), transparent);padding-bottom:4rem;position:absolute;top:0}.player__bar{width:100%;max-width:var(--container-wide);justify-content:space-between;align-items:center;gap:1rem;margin-inline:auto;padding:1rem 1.5rem 0;display:flex}@media (width>=40rem){.player__bar{padding-top:1.5rem}}.player__scrim--bottom{background-image:linear-gradient(to top, color-mix(in oklch, var(--background) 80%, transparent), transparent);padding-top:4rem;padding-bottom:0;top:auto;bottom:0}.player__scrim--bottom .player__bar{padding:0 1.5rem 1rem}@media (width>=40rem){.player__scrim--bottom .player__bar{padding-bottom:1.5rem}}.player__step{flex:1 1 0;gap:.375rem;min-width:0}.player__step--next{justify-content:flex-end}.player__step-title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.player__step .icon{transition:translate var(--duration) var(--ease);flex-shrink:0}.player__step:hover .icon{translate:-.125rem}.player__step--next:hover .icon{translate:.125rem}.player__jump{border-radius:var(--radius-md);color:var(--muted-foreground);cursor:pointer;transition:color var(--duration) var(--ease), background-color var(--duration) var(--ease);outline:none;flex-shrink:0;align-items:center;gap:.375rem;padding:.25rem .5rem;display:inline-flex}.player__jump:hover{background:color-mix(in oklch, var(--foreground) 8%, transparent);color:var(--foreground)}.player__jump:focus-visible{box-shadow:0 0 0 3px color-mix(in oklch, var(--ring) 50%, transparent)}.player__count{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:.75rem;line-height:1rem}.player__bar--top{grid-template-columns:1fr minmax(0,auto) 1fr;display:grid}.player__bar--top .variant-switcher{justify-self:end}.player__title{text-overflow:ellipsis;white-space:nowrap;text-align:center;letter-spacing:-.025em;min-width:0;font-size:.875rem;font-weight:500;line-height:1.25rem;overflow:hidden}.player__tech{letter-spacing:normal;color:var(--muted-foreground);margin-left:.375rem;font-weight:400}@media (width<40rem){.player__tech{display:none}}.player__back,.player__step,.player__jump,.variant-switcher{pointer-events:auto}.player__back{gap:.375rem}.stage{width:100%;height:100%;position:relative}.stage__canvas{width:100%;height:100%}.stage--card{background-color:var(--card);color:var(--foreground)}.stage__loading{pointer-events:none;opacity:1;transition:opacity .5s var(--ease);position:absolute;inset:0;overflow:hidden}.stage__loading:not([data-state=loading]){opacity:0}.stage__shimmer{background-image:linear-gradient(to right, transparent, color-mix(in oklch, var(--foreground) 5%, transparent), transparent);animation:1.6s infinite shimmer;position:absolute;inset:0;translate:-100%}@keyframes shimmer{to{translate:100%}}.stage__spinner-wrap{flex-direction:column;justify-content:center;align-items:center;gap:.75rem;display:flex;position:absolute;inset:0}.stage__spinner{border:2px solid color-mix(in oklch, var(--muted-foreground) 25%, transparent);border-top-color:color-mix(in oklch, var(--foreground) 70%, transparent);border-radius:9999px;width:1.25rem;height:1.25rem;animation:1s linear infinite spin}@keyframes spin{to{rotate:360deg}}.stage__loading-label{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted-foreground);font-size:11px}.stage__error{text-align:center;color:var(--muted-foreground);place-items:center;padding:1.5rem;font-size:.875rem;line-height:1.25rem;display:grid;position:absolute;inset:0}@media (prefers-reduced-motion:reduce){.stage__shimmer{animation:none}}.variant-switcher{position:relative}.variant-trigger{border-radius:var(--radius-md);outline:none;align-items:center;gap:.5rem;margin-inline:-.375rem;padding:.25rem .375rem;display:inline-flex}.variant-trigger:focus-visible{box-shadow:0 0 0 3px color-mix(in oklch, var(--ring) 50%, transparent)}.variant-trigger__name{letter-spacing:-.025em;font-size:.875rem;font-weight:500;line-height:1.25rem}.variant-trigger__count{font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--muted-foreground);transition:color var(--duration) var(--ease);font-size:.75rem;line-height:1rem}.variant-trigger__chevron{color:var(--muted-foreground);transition:all var(--duration) var(--ease)}.variant-trigger:hover .variant-trigger__count,.variant-trigger[data-state=open] .variant-trigger__count,.variant-trigger:hover .variant-trigger__chevron,.variant-trigger[data-state=open] .variant-trigger__chevron{color:var(--foreground)}.variant-trigger[data-state=open] .variant-trigger__chevron{rotate:180deg}.menu{z-index:50;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--popover);min-width:10rem;max-height:20rem;color:var(--popover-foreground);transform-origin:100% 0;transition:opacity var(--duration) var(--ease), scale var(--duration) var(--ease), translate var(--duration) var(--ease);padding:.25rem;position:absolute;top:calc(100% + 10px);right:-.375rem;overflow:hidden auto;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}.menu[data-state=closed]{opacity:0;translate:0 -.5rem;scale:.95}@starting-style{.menu[data-state=open]{opacity:0;translate:0 -.5rem;scale:.95}}.menu__item{border-radius:var(--radius-sm);text-align:left;cursor:default;-webkit-user-select:none;user-select:none;outline:none;align-items:center;gap:.5rem;width:100%;padding:.375rem .5rem .375rem 2rem;font-size:.875rem;line-height:1.25rem;display:flex;position:relative}.menu__item:hover,.menu__item:focus{background:var(--accent);color:var(--accent-foreground)}.menu__check{pointer-events:none;justify-content:center;align-items:center;width:.875rem;height:.875rem;display:flex;position:absolute;left:.5rem}.menu__item[data-state=checked] .menu__check:after{content:"";background:currentColor;border-radius:9999px;width:.5rem;height:.5rem}.picker{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--popover);width:min(28rem,100vw - 2rem);max-height:min(32rem,100svh - 4rem);color:var(--popover-foreground);transition:opacity var(--duration) var(--ease), scale var(--duration) var(--ease), overlay var(--duration) allow-discrete, display var(--duration) allow-discrete;flex-direction:column;margin:max(2rem,12svh) auto auto;padding:0;overflow:hidden;box-shadow:0 20px 25px -5px #0000004d,0 8px 10px -6px #0000004d}.picker[open]{display:flex}.picker:not([open]){opacity:0;scale:.97}@starting-style{.picker[open]{opacity:0;scale:.97}}.picker::backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000080}.picker__search{border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:.5rem;padding:0 .75rem;display:flex}.picker__search-icon{color:var(--muted-foreground);flex-shrink:0}.picker__input{min-width:0;height:2.75rem;color:inherit;font:inherit;background:0 0;outline:none;flex:1;font-size:.875rem}.picker__input::placeholder{color:var(--muted-foreground)}.picker__kbd{border:1px solid var(--border);border-radius:var(--radius-sm);font-family:var(--font-mono);color:var(--muted-foreground);flex-shrink:0;padding:.125rem .375rem;font-size:.6875rem;line-height:1rem}.picker__list{overscroll-behavior:contain;flex:1;min-height:0;padding:.25rem;overflow-y:auto}.picker__item{border-radius:var(--radius-sm);outline:none;align-items:center;gap:.75rem;padding:.375rem .5rem;font-size:.875rem;line-height:1.25rem;display:flex}.picker__item[hidden]{display:none}.picker__item[aria-selected=true]{background:var(--accent);color:var(--accent-foreground)}.picker__thumb{border-radius:calc(var(--radius-sm) * .75);background:var(--muted);object-fit:cover;width:2.5rem;height:1.75rem;box-shadow:0 0 0 1px color-mix(in oklch, var(--foreground) 10%, transparent);flex-shrink:0}.picker__title{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.picker__item[aria-current=page] .picker__title:after{content:"Now viewing";color:var(--muted-foreground);margin-left:.5rem;font-size:.75rem}.picker__num{font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--muted-foreground);flex-shrink:0;font-size:.75rem}.picker__empty{text-align:center;color:var(--muted-foreground);padding:1.5rem 1rem;font-size:.875rem}@media (prefers-reduced-motion:reduce){.picker{transition:none}}.not-found{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;min-height:70vh;display:flex}.not-found__copy{flex-direction:column;gap:.5rem;display:flex}.not-found__code{letter-spacing:.1em;text-transform:uppercase;color:var(--muted-foreground);font-size:.875rem;font-weight:500;line-height:1.25rem}.not-found__title{letter-spacing:-.025em;font-size:1.5rem;font-weight:600;line-height:2rem}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}