@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/space-grotesk-vietnamese-wght-normal-D0rl6rjA.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:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/space-grotesk-latin-ext-wght-normal-D9tNdqV9.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:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/space-grotesk-latin-wght-normal-BhU9QXUp.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:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(data:font/woff2;base64,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)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:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/jetbrains-mono-cyrillic-wght-normal-D73BlboJ.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/jetbrains-mono-greek-wght-normal-Bw9x6K1M.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/jetbrains-mono-vietnamese-wght-normal-Bt-aOZkq.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:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/jetbrains-mono-latin-ext-wght-normal-DBQx-q_a.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:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/jetbrains-mono-latin-wght-normal-B9CIFXIH.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{--bg:#0b0b0c;--surface:#121214;--stage:#0e0e10;--text:#f1eee7;--soft:#b9b5ac;--dim:#8f8b83;--hair:#f1eee71a;--hair-strong:#f1eee738;--wash:#f1eee712;--playhead:#fcd228;--paper-band:#ece8df;--ink:#141414;--ink-soft:#45423c;--display:"Space Grotesk Variable", Arial, sans-serif;--mono:"JetBrains Mono Variable", ui-monospace, Menlo, monospace;--gutter:56px;--wrap:1328px;--edge:max(var(--gutter), calc((100vw - var(--wrap)) / 2));--section:112px;--header:64px;background:var(--bg);color:var(--soft);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:var(--display);font-synthesis:none;scroll-padding-top:calc(var(--header) + 24px);-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{font:400 16px/1.6 var(--display);margin:0}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,select{cursor:pointer}button{color:inherit}button:disabled{cursor:default}a,button,input,select,summary{-webkit-tap-highlight-color:transparent}:is(a,button,input,select,summary):focus-visible{outline:2px solid var(--playhead);outline-offset:3px}::selection{background:var(--playhead);color:#111}:is(h1,h2,h3){color:var(--text);font-family:var(--display);text-wrap:balance}h2{letter-spacing:-.035em;margin:0;font-size:clamp(30px,3.3vw,44px);font-weight:600;line-height:1.06}.site-shell{min-height:100vh}.skip-link{z-index:30;background:var(--playhead);color:#111;border-radius:8px;padding:12px 16px;font-weight:600;position:fixed;top:-100px;left:20px}.skip-link:focus{top:8px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.eyebrow{color:var(--dim);font:500 12px/1.4 var(--mono);letter-spacing:.1em;text-transform:uppercase;align-items:center;gap:10px;margin:0 0 16px;display:flex}.eyebrow:before{content:"";background:var(--playhead);flex-shrink:0;width:6px;height:6px}.site-header{z-index:20;min-height:var(--header);padding:0 var(--edge);border-bottom:1px solid var(--hair);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0b0b0ced;align-items:center;gap:32px;display:flex;position:sticky;top:0}.brand{color:var(--text);font:600 16px/1 var(--display);letter-spacing:-.015em;white-space:nowrap;flex-shrink:0;align-items:center;gap:11px;display:flex}.brand-mark{flex-shrink:0;width:26px;height:26px}.site-header nav{font:500 15px/1 var(--display);gap:28px;margin-left:auto;display:flex}.site-header nav a{height:var(--header);color:var(--soft);align-items:center;transition:color .15s;display:flex}.site-header nav a:hover{color:var(--text)}.site-header nav a[aria-current]{color:var(--text);box-shadow:inset 0 -2px 0 var(--playhead)}.header-tools{color:var(--soft);align-items:center;gap:18px;display:flex}.menu-toggle{display:none}.saved-nav{align-items:center;gap:5px;min-height:44px;font-size:19px;transition:color .15s;display:flex}.saved-nav span{font:12px var(--mono)}.saved-nav:hover,.saved-nav[aria-current]{color:var(--playhead)}.github-link{border:1px solid var(--hair-strong);height:36px;color:var(--text);font:500 14px/1 var(--display);border-radius:8px;align-items:center;gap:8px;padding:0 13px;transition:background .15s,border-color .15s;display:flex}.github-link:hover{background:var(--wash);border-color:#f1eee766}.button{border:1px solid var(--hair-strong);min-height:46px;color:var(--text);font:600 15px/1 var(--display);background:0 0;border-radius:8px;justify-content:center;align-items:center;gap:10px;padding:0 20px;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.button:hover{background:var(--wash);border-color:#f1eee766}.button.primary{background:var(--playhead);border-color:var(--playhead);color:#111}.button.primary:hover{background:#ffe25c;border-color:#ffe25c}.hero-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.section-heading>a,.page-actions>a:not(.button){border-bottom:1px solid var(--hair-strong);color:var(--text);font:500 15px/1.4 var(--display);white-space:nowrap;gap:8px;padding-bottom:3px;transition:border-color .15s;display:inline-flex}.section-heading>a:hover,.page-actions>a:not(.button):hover{border-bottom-color:var(--playhead)}.main{min-height:60vh;padding:0 var(--edge) var(--section)}.page-intro{max-width:900px;padding:72px 0 48px}.page-intro h1{letter-spacing:-.04em;margin:0 0 20px;font-size:clamp(40px,4.6vw,60px);font-weight:600;line-height:1.02}.intro-copy{max-width:36em;color:var(--soft);text-wrap:pretty;margin:0;font-size:18px;line-height:1.6}.section{margin-top:96px}.section-heading{justify-content:space-between;align-items:flex-end;gap:32px;margin-bottom:32px;display:flex}.section-heading .eyebrow{margin-bottom:10px}.section-heading h2{font-size:clamp(28px,3vw,36px)}.breadcrumbs{color:var(--dim);font:12px/1.6 var(--mono);flex-wrap:wrap;gap:10px;padding:28px 0 0;display:flex}.breadcrumbs a{color:var(--soft);transition:color .15s}.breadcrumbs a:hover{color:var(--text)}.breadcrumbs+.page-intro{padding-top:36px}.page-actions{flex-wrap:wrap;align-items:center;gap:16px 24px;margin:0 0 56px;display:flex}.empty{border:1px dashed var(--hair-strong);text-align:center;border-radius:14px;padding:72px 24px}.empty strong{color:var(--text);letter-spacing:-.03em;font-size:26px;font-weight:600;display:block}.empty p{color:var(--soft);margin:8px 0 24px}.card-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:40px 28px;display:grid}.spotlight-count{color:var(--dim);font:12px/1.5 var(--mono);letter-spacing:.04em;text-transform:uppercase;margin:-12px 0 32px}.fable-frame{margin-top:28px}.fable-frame-title{color:var(--dim);font:500 12px/1.4 var(--mono);letter-spacing:.08em;text-transform:uppercase;margin:0 0 14px}.fable-spotlight-grid{align-items:start;gap:22px 14px;display:grid}.fable-frame[data-frame=landscape] .fable-spotlight-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.fable-frame[data-frame=portrait] .fable-spotlight-grid,.fable-frame[data-frame=square] .fable-spotlight-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.fable-frame .art-link{width:100%}.fable-frame[data-frame=landscape] .art-link{aspect-ratio:16/9}.fable-frame[data-frame=portrait] .art-link{aspect-ratio:9/16}.fable-frame[data-frame=square] .art-link{aspect-ratio:1}.fable-frame .preview-poster{aspect-ratio:auto;object-fit:cover;object-position:center;width:100%;height:100%;position:absolute;inset:0}.spotlight-card .card-foot a{color:var(--text);text-decoration:underline;-webkit-text-decoration-color:var(--hair-strong);text-decoration-color:var(--hair-strong);text-underline-offset:3px}.spotlight-card .card-foot a:hover{-webkit-text-decoration-color:var(--playhead);text-decoration-color:var(--playhead)}.spotlight-open{width:100%;color:inherit;font:inherit;text-align:inherit;cursor:pointer;background:0 0;border:0;gap:8px;margin:0;padding:0;display:flex}.spotlight-modal{z-index:40;background:#000000b8;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.spotlight-modal-dialog{border:1px solid var(--hair-strong);background:var(--bg);border-radius:14px;width:min(960px,100%);max-height:calc(100vh - 48px);padding:18px;position:relative;overflow:auto}.spotlight-modal-close{z-index:2;border:1px solid var(--hair-strong);min-height:36px;color:var(--text);background:#0b0b0cdb;border-radius:8px;padding:0 12px;position:absolute;top:12px;right:12px}.spotlight-modal-stage{background:#111113;border-radius:10px;width:100%;position:relative;overflow:hidden}.spotlight-modal-dialog[data-frame=landscape] .spotlight-modal-stage{aspect-ratio:16/9}.spotlight-modal-dialog[data-frame=portrait] .spotlight-modal-stage{aspect-ratio:9/16;width:min(100%,420px);margin-inline:auto}.spotlight-modal-dialog[data-frame=square] .spotlight-modal-stage{aspect-ratio:1;width:min(100%,640px);margin-inline:auto}.spotlight-modal-stage .preview-poster{aspect-ratio:auto;object-fit:cover;object-position:center;width:100%;height:100%;position:absolute;inset:0}.spotlight-modal-copy{padding:16px 4px 4px}.spotlight-modal-copy h2{margin:4px 0 8px;font-size:28px}.spotlight-modal-copy time{color:var(--dim);font:12px/1.5 var(--mono)}.spotlight-modal-text{white-space:pre-wrap;color:var(--soft)}.spotlight-modal-copy a{color:var(--text);text-decoration:underline;-webkit-text-decoration-color:var(--hair-strong);text-decoration-color:var(--hair-strong);text-underline-offset:3px}.resource-card{min-width:0;scroll-margin-top:calc(var(--header) + 24px)}.art-frame{border:1px solid var(--hair);background:#111113;border-radius:10px;transition:border-color .2s;position:relative;overflow:hidden}.resource-card:hover .art-frame{border-color:var(--hair-strong)}.art-link{background:#111113;display:block;position:relative;overflow:hidden}.art-caption{z-index:3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#d6d2c9;font:10.5px/1.3 var(--mono);letter-spacing:.06em;text-transform:uppercase;pointer-events:none;background:#0b0b0cbd;border-radius:5px;padding:5px 8px;position:absolute;bottom:8px;right:8px}.art-frame:has(.preview-player.is-armed) .art-caption{top:8px;bottom:auto}.preview-media{aspect-ratio:16/9;object-fit:contain;pointer-events:none;background:#111113;width:100%;height:auto;display:block}.preview-media.is-armed{pointer-events:auto}.preview-media.preview-player{z-index:1;aspect-ratio:auto;opacity:0;height:100%;position:absolute;inset:0}.preview-media.preview-player.is-armed{opacity:1}.preview-embed{aspect-ratio:16/9;color:var(--soft);background:#111113;flex-direction:column;justify-content:flex-end;gap:8px;padding:22px;display:flex}.preview-embed span{font:12px var(--mono);letter-spacing:.08em}.preview-embed b{color:var(--text);font:600 24px/1.15 var(--display);letter-spacing:-.025em}.preview-play{z-index:2;background:0 0;border:0;place-items:end start;margin:0;padding:8px;display:grid;position:absolute;inset:0}.preview-play span{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);height:34px;color:var(--text);font:600 13.5px/1 var(--display);background:#0b0b0cbd;border-radius:7px;align-items:center;gap:8px;padding:0 13px 0 11px;transition:background .15s,color .15s;display:inline-flex}.preview-play span:before{content:"";background:var(--playhead);clip-path:polygon(0 0,100% 50%,0 100%);width:9px;height:11px;transition:background .15s}.preview-play:hover span,.preview-play:focus-visible span{background:var(--playhead);color:#111}.preview-play:hover span:before,.preview-play:focus-visible span:before{background:#111}.preview-play.is-armed{width:max-content;height:max-content;padding:0;display:block;inset:8px auto auto 8px}.preview-play.is-armed span:before{display:none}.card-body{padding:14px 2px 0}.card-kicker{color:var(--soft);font:11.5px/1.4 var(--mono);letter-spacing:.06em;text-transform:uppercase;justify-content:space-between;align-items:center;display:flex}.card-meta{flex-wrap:wrap;min-width:0;display:flex}.card-spec{color:var(--dim)}.card-spec:before{content:"·";color:#5f5c55;margin:0 7px}.save-button{width:34px;height:34px;color:var(--soft);background:0 0;border:0;margin:-8px -8px -8px 0;font-size:21px;line-height:1;transition:color .15s}.save-button:hover,.save-button.is-saved{color:var(--playhead)}.card-body h3{letter-spacing:-.02em;margin:8px 0 6px;font-size:20px;font-weight:600;line-height:1.25}.card-body h3 a{gap:8px;display:flex}.card-body h3 a>span{color:var(--dim);flex-shrink:0;font-size:16px;font-weight:400;line-height:1.6;transition:color .15s,transform .15s}.card-body h3 a:hover>span{color:var(--playhead);transform:translate(2px,-2px)}.card-body>p{color:var(--soft);font:14.5px/1.55 var(--display);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0 0 14px;display:-webkit-box;overflow:hidden}.gallery-card .card-body>.card-description{-webkit-line-clamp:2}.card-foot{border-top:1px solid var(--hair);color:var(--dim);font:13px/1.45 var(--display);justify-content:space-between;gap:14px;padding:11px 0;display:flex}.card-foot span:first-child{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.card-foot span:last-child{color:var(--soft);flex-shrink:0}.preview-details{border-top:1px solid var(--hair)}.preview-summary{min-height:44px;color:var(--soft);font:13px/1.45 var(--display);cursor:pointer;justify-content:space-between;align-items:center;gap:14px;padding:10px 0;list-style:none;display:flex}.preview-summary::-webkit-details-marker{display:none}.preview-summary::marker{content:""}.preview-summary .card-project{min-width:0;color:var(--dim);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.preview-details-label{flex-shrink:0;align-items:center;gap:7px;transition:color .15s;display:inline-flex}.preview-details-label>span{color:var(--dim);font:16px/1 var(--mono);transition:transform .15s;display:inline-block}.preview-details[open] .preview-details-label>span{transform:rotate(45deg)}.preview-summary:hover .preview-details-label{color:var(--text)}.preview-details-content{border-top:1px solid var(--hair);overflow-wrap:anywhere;padding:14px 0 15px}.preview-details-content .preview-note{color:var(--soft);font:13.5px/1.6 var(--display);margin:0 0 11px}.preview-source{color:var(--text);font:500 14px/1.4 var(--display);text-decoration:underline;-webkit-text-decoration-color:var(--hair-strong);text-decoration-color:var(--hair-strong);text-underline-offset:3px;align-items:center;gap:6px;display:inline-flex}.preview-source:hover{-webkit-text-decoration-color:var(--playhead);text-decoration-color:var(--playhead)}.preview-review{color:var(--dim);font:12px/1.6 var(--mono);margin:10px 0 0}.visual{aspect-ratio:16/9;background:var(--stage);width:100%;color:var(--text);position:relative;overflow:hidden;container-type:size}.visual-hero{aspect-ratio:5/2}.visual-paper{color:var(--ink);background:#d9d4c8}.paper-sheet{border:1px solid var(--ink);background:#f6f3ec;width:92cqh;height:68cqh;position:absolute;top:16cqh;left:calc(50% - 46cqh)}.sheet-back{background:var(--playhead);transform:rotate(-9deg)}.sheet-front{padding:6cqh 8cqh;transform:rotate(4deg)}.sheet-front span{font:500 4.2cqh/1 var(--mono);letter-spacing:.1em;display:block}.sheet-front strong{font:700 14cqh/1.02 var(--display);letter-spacing:-.04em;white-space:pre-line;margin-top:4cqh;display:block}.sheet-front i{font-size:13cqh;font-style:normal;line-height:1;position:absolute;bottom:5cqh;right:7cqh}.paper-stamp{border:1.5px solid var(--ink);width:29cqh;height:29cqh;font:500 3.8cqh/1.4 var(--mono);text-align:center;background:#d9d4c8;border-radius:50%;place-content:center;display:grid;position:absolute;top:7cqh;left:calc(50% + 38cqh);transform:rotate(-16deg)}.visual-map{color:#f1eee780}.visual-map svg{fill:none;stroke:currentColor;stroke-width:1px;width:100%;height:100%;display:block;overflow:visible}.visual-map .route-path{stroke:var(--playhead);stroke-width:3px;stroke-dasharray:6 5}.visual-map circle{fill:var(--playhead);stroke:none}.coordinates{color:var(--playhead);font:4.4cqh/1 var(--mono);position:absolute;bottom:7cqh;left:8cqh}.visual-pixel{background-image:linear-gradient(#f1eee70a 1px,#0000 1px);background-size:100% 4px}.pixel-stars{color:var(--playhead);font:7cqh/1 var(--mono);letter-spacing:11cqh;white-space:nowrap;position:absolute;top:9cqh;left:calc(50% - 76cqh)}.pixel-word{font:700 17cqh/1.1 var(--mono);letter-spacing:-.05em;text-shadow:.9cqh .9cqh #f1eee72e;position:absolute;top:24cqh;left:calc(50% - 58cqh)}.pixel-word span{color:var(--playhead)}.pixel-ground{color:#5d5a52;font:12cqh/1 var(--mono);white-space:nowrap;position:absolute;bottom:14cqh;left:calc(50% - 76cqh)}.pixel-label{color:var(--dim);font:3.8cqh/1 var(--mono);letter-spacing:.3em;position:absolute;bottom:4cqh;left:calc(50% - 76cqh)}.type-kind{color:var(--dim);font:500 5cqh/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;position:absolute;top:11cqh;left:calc(50% - 68cqh)}.type-word{width:100cqh;font:700 16cqh/.96 var(--display);letter-spacing:-.045em;overflow-wrap:anywhere;position:absolute;bottom:14cqh;left:calc(50% - 68cqh)}.type-word[data-fit=short]{font-size:24cqh}.type-word[data-fit=medium]{font-size:19cqh}.type-word[data-fit=longest]{font-size:13cqh}.type-star{color:var(--playhead);font-size:34cqh;line-height:1;position:absolute;top:9cqh;left:calc(50% + 36cqh);transform:rotate(15deg)}.type-orbit{border:1px solid var(--hair-strong);width:92cqh;height:92cqh;box-shadow:0 0 0 7cqh var(--stage), 0 0 0 calc(7cqh + 1px) #f1eee733, 0 0 0 14cqh var(--stage), 0 0 0 calc(14cqh + 1px) #f1eee724;border-radius:50%;position:absolute;bottom:-48cqh;left:calc(50% + 38cqh)}.visual-chart{background:var(--paper-band);color:var(--ink)}.chart-label{font:500 4.2cqh/1 var(--mono);letter-spacing:.1em;position:absolute;top:10cqh;left:calc(50% - 66cqh)}.chart-bars{border-bottom:1.5px solid var(--ink);align-items:flex-end;gap:6cqh;width:132cqh;height:52cqh;display:flex;position:absolute;bottom:20cqh;left:calc(50% - 66cqh)}.chart-bars i{background:#18181a;flex:1}.chart-bars i:last-child{background:var(--playhead);box-shadow:inset 0 0 0 1.5px #18181a}.chart-caption{font:4.2cqh/1 var(--mono);letter-spacing:.3em;position:absolute;bottom:9cqh;left:calc(50% - 66cqh)}.visual-dark{background-image:linear-gradient(#f1eee70d 1px,#0000 1px),linear-gradient(90deg,#f1eee70d 1px,#0000 1px);background-size:22px 22px}.wire-box{width:50cqh;height:50cqh;box-shadow:6cqh -6cqh 0 -1px var(--stage), 6cqh -6cqh 0 0 #f1eee7b3;border:1px solid #f1eee7b3;position:absolute;top:24cqh;left:calc(50% - 28cqh);transform:rotate(-22deg)skew(10deg)}.wire-box div{border:1px solid #f1eee7b3;position:absolute;inset:15%}.wire-box div:nth-child(2){inset:30%}.wire-box div:nth-child(3){background:var(--playhead);border:0;inset:45%}.dark-label{color:var(--dim);font:4.2cqh/1 var(--mono);letter-spacing:.2em;position:absolute;bottom:8cqh;left:8cqh}.collection-grid{border:1px solid var(--hair);background:var(--hair);border-radius:14px;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;display:grid;overflow:hidden}.collection-card{background:var(--surface);padding:24px 26px 28px;transition:background .15s}.collection-card:hover{background:#19191c}.collection-num{color:var(--dim);font:12px/1.4 var(--mono);letter-spacing:.08em}.collection-symbol{display:none}.collection-card h3{font:600 28px/1.1 var(--display);letter-spacing:-.035em;justify-content:space-between;align-items:baseline;gap:14px;margin:46px 0 6px;display:flex}.collection-card h3 span{color:var(--dim);font-size:20px;font-weight:400;transition:color .15s,transform .15s}.collection-card:hover h3 span{color:var(--playhead);transform:translate(2px,-2px)}.collection-card p{color:var(--soft);font:15px/1.5 var(--display);margin:0}.collection-card:focus-visible{outline-offset:-4px}.collection-banner{background:var(--paper-band);color:var(--ink);border-radius:14px;align-items:baseline;gap:18px;margin-bottom:48px;padding:22px 26px;display:flex}.collection-banner>span{font-size:22px;line-height:1}.collection-banner p{letter-spacing:-.03em;flex:1;margin:0;font-size:24px;font-weight:600;line-height:1.2}.collection-banner b{color:#5d5a52;font:500 12px/1.4 var(--mono);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}.library-layout{grid-template-columns:248px minmax(0,1fr);align-items:start;gap:48px;display:grid}.filters{top:calc(var(--header) + 24px);position:sticky}.filter-heading{border-bottom:1px solid var(--hair);justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;padding-bottom:12px;display:flex}.filter-heading h2{color:var(--dim);font:500 12px/1.4 var(--mono);letter-spacing:.1em;text-transform:uppercase}.filter-heading button{color:var(--soft);font:500 14px/1 var(--display);text-decoration:underline;-webkit-text-decoration-color:var(--hair-strong);text-decoration-color:var(--hair-strong);text-underline-offset:4px;background:0 0;border:0;padding:6px 0;transition:color .15s}.filter-heading button:hover{color:var(--text)}.filters label{color:var(--soft);font:500 14px/1.4 var(--display);margin-bottom:20px;display:block}.filters select,.results-toolbar select{border:1px solid var(--hair-strong);background:var(--surface) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%23b9b5ac' stroke-width='1.6'/%3E%3C/svg%3E") no-repeat right 12px center;width:100%;height:44px;color:var(--text);font:400 15px/1 var(--display);text-overflow:ellipsis;appearance:none;border-radius:8px;margin-top:8px;padding:0 36px 0 12px;transition:border-color .15s;display:block}.filters select:hover,.results-toolbar select:hover{border-color:#f1eee766}.filter-note{border:1px solid var(--hair);background:var(--surface);border-radius:10px;margin-top:28px;padding:18px}.filter-note span{color:var(--dim);font:500 12px/1.4 var(--mono);letter-spacing:.1em}.filter-note p{color:var(--soft);margin:10px 0 12px;font-size:14.5px;line-height:1.55}.filter-note a{color:var(--text);text-decoration:underline;-webkit-text-decoration-color:var(--hair-strong);text-decoration-color:var(--hair-strong);text-underline-offset:4px;font-size:14px;font-weight:500}.filter-note a:hover{-webkit-text-decoration-color:var(--playhead);text-decoration-color:var(--playhead)}.search-box{border:1px solid var(--hair-strong);background:var(--surface);height:56px;color:var(--dim);border-radius:10px;align-items:center;gap:12px;padding:0 18px;transition:border-color .15s;display:flex}.search-box:focus-within{border-color:var(--playhead);box-shadow:0 0 0 1px var(--playhead)}.search-box svg{flex-shrink:0}.search-box input{min-width:0;color:var(--text);background:0 0;border:0;outline:none;flex:1;padding:8px 0;font-size:17px}.search-box input::placeholder{color:var(--dim)}.results-toolbar{color:var(--soft);justify-content:space-between;align-items:center;gap:16px;margin:18px 0 28px;font-size:14.5px;display:flex}.results-toolbar p{margin:0}.results-toolbar b{color:var(--text);font-weight:600}.results-toolbar label{color:var(--dim);font:500 12px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;align-items:center;gap:10px;display:flex}.results-toolbar select{letter-spacing:0;text-transform:none;width:auto;height:38px;margin:0;font-size:14px}.detail-layout{grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:56px;padding-top:28px;display:grid}.detail-art{margin:0}.detail-art .art-frame{border-radius:14px}.detail-art .art-caption{bottom:12px;right:12px}.detail-art .preview-play{padding:12px}.detail-art .preview-play span{height:42px;padding:0 17px 0 14px;font-size:15px}.detail-art .preview-play.is-armed{padding:0;inset:12px auto auto 12px}.detail-art .art-frame:has(.preview-player.is-armed) .art-caption{top:12px}.detail-credit{max-width:60em;color:var(--dim);font:13px/1.6 var(--display);overflow-wrap:anywhere;margin-top:12px}.detail-credit .preview-source{margin-left:4px;font-size:13px}.detail-title{padding:32px 0 0}.tag{color:var(--soft);font:500 12px/1.4 var(--mono);letter-spacing:.1em;text-transform:uppercase;align-items:center;gap:10px;display:inline-flex}.tag:before{content:"";background:var(--playhead);width:6px;height:6px}.detail-title h1{letter-spacing:-.035em;margin:14px 0 16px;font-size:clamp(34px,3.6vw,48px);font-weight:600;line-height:1.06}.detail-title p{max-width:44em;color:var(--soft);text-wrap:pretty;margin:0;font-size:17px;line-height:1.65}.prose-block{border-top:1px solid var(--hair);margin-top:40px;padding-top:28px}.prose-block h2{letter-spacing:-.03em;margin-bottom:14px;font-size:26px;line-height:1.15}.prose-block h3{letter-spacing:-.01em;margin:26px 0 8px;font-size:17px;font-weight:600}.prose-block p{max-width:44em;color:var(--soft);margin:0 0 12px;font-size:16px;line-height:1.65}.prose-block a:not(.button){color:var(--text);text-decoration:underline;-webkit-text-decoration-color:var(--hair-strong);text-decoration-color:var(--hair-strong);text-underline-offset:4px;transition:text-decoration-color .15s}.prose-block a:not(.button):hover{-webkit-text-decoration-color:var(--playhead);text-decoration-color:var(--playhead)}.prose-block a:not(.button)>span{margin-left:5px;display:inline-block}.prose-block small{color:var(--dim);font-size:13px}.topic-links{flex-wrap:wrap;gap:8px;margin:12px 0;display:flex}.prose-block .topic-links a{border:1px solid var(--hair-strong);border-radius:8px;padding:8px 14px;font-size:14.5px;font-weight:500;text-decoration:none;transition:background .15s,border-color .15s}.prose-block .topic-links a:hover{background:var(--wash);border-color:#f1eee766}.steps{counter-reset:step;margin:0;padding:0;list-style:none}.steps li{border-top:1px solid var(--hair);counter-increment:step;grid-template-columns:44px minmax(0,1fr);padding:16px 0;display:grid}.steps li:first-child{border-top:0;padding-top:4px}.steps li:before{content:counter(step, decimal-leading-zero);color:var(--dim);font:12px/1.4 var(--mono);grid-row:1/span 2;padding-top:4px}.steps li>*{grid-column:2}.steps b{color:var(--text);letter-spacing:-.01em;font-size:17px;font-weight:600}.steps p{margin:4px 0 0}.count-small{color:var(--dim);font:400 13px/1 var(--mono);letter-spacing:0;vertical-align:middle;margin-left:8px}.prose-block details{border-bottom:1px solid var(--hair);padding:14px 0}.prose-block summary{color:var(--text);cursor:pointer;font-size:16px;font-weight:600;line-height:1.5}.prose-block summary::marker{color:var(--dim)}.prose-block summary span{color:var(--dim);font:400 12px/1.5 var(--mono);margin-top:2px;padding-left:17px;display:block}.prose-block details p{margin:10px 0;font-size:15px}.detail-sidebar{top:calc(var(--header) + 24px);position:sticky}.source-panel{border:1px solid var(--hair);background:var(--surface);border-radius:14px;padding:24px}.source-panel .eyebrow{margin-bottom:10px}.source-panel h2{letter-spacing:-.03em;margin-bottom:20px;font-size:28px}.source-panel .button{justify-content:space-between;width:100%;margin-bottom:10px}.text-button{color:var(--soft);text-decoration:underline;-webkit-text-decoration-color:var(--hair-strong);text-decoration-color:var(--hair-strong);text-underline-offset:4px;background:0 0;border:0;padding:10px 0;font-size:14.5px;transition:color .15s;display:block}.text-button:hover,.text-button[aria-pressed=true]{color:var(--text)}.small-status{color:var(--dim);font-size:13px;line-height:1.5;display:block}.source-panel dl{border-top:1px solid var(--hair);margin:14px 0 0;padding-top:4px}.source-panel dt{color:var(--dim);font:12px/1.4 var(--mono);letter-spacing:.06em;text-transform:uppercase;margin-top:16px}.source-panel dd{color:var(--text);margin:4px 0 0;font-size:15px;font-weight:500}.source-panel dd a{text-decoration:underline;-webkit-text-decoration-color:var(--hair-strong);text-decoration-color:var(--hair-strong);text-underline-offset:4px}.source-panel dd a:hover{-webkit-text-decoration-color:var(--playhead);text-decoration-color:var(--playhead)}.license-note{border-top:1px solid var(--hair);color:var(--dim);margin:20px 0 0;padding-top:16px;font-size:13px;line-height:1.6}.project-list{border-top:1px solid var(--hair)}.project-row{border-bottom:1px solid var(--hair);grid-template-columns:40px minmax(0,1fr) auto 20px;align-items:center;gap:24px;padding:22px 12px;transition:background .15s;display:grid}.project-row:hover{background:#f1eee70a}.project-index{color:var(--dim);font:12px var(--mono)}.project-row h2{letter-spacing:-.025em;overflow-wrap:anywhere;margin:0 0 4px;font-size:22px;line-height:1.2}.project-row p{color:var(--dim);font:12px/1.5 var(--mono);overflow-wrap:anywhere;margin:0}.project-row>span:nth-last-child(2){color:var(--soft);font:12px var(--mono);white-space:nowrap}.project-row>span:last-child{color:var(--dim);transition:color .15s,transform .15s}.project-row:hover>span:last-child{color:var(--playhead);transform:translate(2px,-2px)}.project-row:focus-visible{outline-offset:-3px}.about-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:72px;display:grid}.about-grid>.prose-block,.about-grid>div>.prose-block:first-child{margin-top:0}.kind-definition{border-bottom:1px solid var(--hair);padding:16px 0}.prose-block .kind-definition h3{color:var(--soft);font:500 12px/1.4 var(--mono);letter-spacing:.1em;text-transform:uppercase;margin:0 0 6px}.prose-block .kind-definition p{margin:0;font-size:15.5px}.prose-block.yellow-panel{background:var(--paper-band);color:var(--ink-soft);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;border:0;border-radius:14px;padding:28px}.yellow-panel h2{color:var(--ink)}.yellow-panel p{color:var(--ink-soft)}.yellow-panel p:last-child{margin:16px 0 0}.yellow-panel .button.primary{border-color:var(--ink);background:var(--ink);color:var(--text);margin-top:8px}.yellow-panel .button.primary:hover{background:#2c2c2f;border-color:#2c2c2f}.yellow-panel a:not(.button){color:var(--ink);text-decoration-color:#14141459}.yellow-panel a:not(.button):hover{-webkit-text-decoration-color:var(--ink);text-decoration-color:var(--ink)}.yellow-panel :is(a,button):focus-visible{outline-color:var(--ink)}.footer{padding:44px var(--edge) 30px;border-top:1px solid var(--hair);color:var(--soft)}.footer-top{justify-content:space-between;align-items:flex-start;gap:40px;display:flex}.footer-top>p{border-left:1px solid var(--hair);font:15px/1.5 var(--display);margin:0 auto 0 0;padding-left:40px}.footer-top>div{color:var(--text);font:500 14.5px/1.4 var(--display);flex-direction:column;gap:10px;display:flex}.footer-top>div a{gap:8px;transition:color .15s;display:flex}.footer-top>div a:hover{color:var(--playhead)}.footer-bottom{border-top:1px solid var(--hair);color:var(--dim);font:12px/1.6 var(--mono);justify-content:space-between;gap:20px;margin-top:40px;padding-top:22px;display:flex}.footer-bottom a{color:var(--soft);gap:8px;transition:color .15s;display:flex}.footer-bottom a:hover{color:var(--text)}.privacy-choices{color:var(--dim);flex-wrap:wrap;align-items:center;gap:20px;margin:18px 0 0;font-size:13px;display:flex}.privacy-choices>a,.privacy-settings{text-underline-offset:4px;text-decoration:underline}.privacy-settings{color:inherit;background:0 0;border:0;padding:8px 0}.analytics-choice{z-index:100;border:1px solid var(--hair-strong);max-width:1040px;max-height:calc(100dvh - 40px);color:var(--text);background:#17171a;border-radius:14px;align-items:center;gap:28px;margin:0 auto;padding:24px;display:flex;position:fixed;inset:auto 20px 20px;overflow:auto;box-shadow:0 16px 60px #000a}.analytics-choice h2{letter-spacing:-.02em;margin:0 0 12px;font-size:22px;line-height:1.2}.analytics-choice p{max-width:680px;color:var(--soft);margin:8px 0;font-size:14px;line-height:1.6}.analytics-choice p a{color:var(--text);text-underline-offset:3px;text-decoration:underline}.analytics-choice-actions{flex-direction:column;gap:12px;min-width:180px;display:flex}.analytics-choice-actions button{border:1px solid var(--playhead);min-height:44px;color:var(--playhead);background:0 0;border-radius:8px;padding:10px 16px;font-size:14px;font-weight:600;transition:background .15s,color .15s}.analytics-choice-actions button:hover{background:var(--playhead);color:#111}.analytics-choice-actions .analytics-choice-close{border-color:var(--hair-strong);color:var(--text)}.analytics-choice-status{color:var(--text)}@media (width<=1180px){:root{--gutter:36px;--section:96px}.fable-frame[data-frame=landscape] .fable-spotlight-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.fable-frame[data-frame=portrait] .fable-spotlight-grid,.fable-frame[data-frame=square] .fable-spotlight-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.card-grid{gap:36px 22px}.library-layout{grid-template-columns:220px minmax(0,1fr);gap:36px}.library-results .card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-layout{grid-template-columns:minmax(0,1fr) 300px;gap:40px}.about-grid{gap:48px}}@media (width<=980px){.github-link{display:none}.card-grid,.collection-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.collection-card h3{margin-top:34px}.section-heading{flex-direction:column;align-items:flex-start;gap:20px}.detail-layout{flex-direction:column;align-items:stretch;gap:0;display:flex}.detail-main{display:contents}.detail-art{order:0}.detail-title{order:1}.detail-sidebar{order:2;margin-top:28px;position:static}.detail-main>.prose-block{order:3}.source-panel dl{grid-template-columns:1fr 1fr;gap:0 20px;display:grid}.about-grid{grid-template-columns:minmax(0,1fr);gap:40px}.footer-top{flex-wrap:wrap;gap:24px 32px}.footer-top>p{padding-left:32px}.footer-top>div{flex-flow:wrap;flex-basis:100%;gap:12px 28px}.footer-bottom{flex-wrap:wrap;gap:8px 24px}}@media (width<=760px){.site-header{flex-wrap:wrap;gap:0 14px}.header-tools{order:1;gap:14px;margin-left:auto}.menu-toggle{min-height:var(--header);color:var(--text);font:500 15px/1 var(--display);background:0 0;border:0;order:2;padding:0 0 0 4px;display:block}.site-header nav{border-top:1px solid var(--hair);flex-basis:100%;order:3;justify-content:space-between;gap:12px;margin:0;padding:4px 0 8px;display:none}.site-header nav.open{display:flex}.site-header nav a{height:44px}.page-intro{padding:52px 0 36px}.library-layout{grid-template-columns:minmax(0,1fr);gap:28px}.filters{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid;position:static}.filter-heading{grid-column:1/-1;margin:0}.filters label{margin:0;font-size:13px}.filter-note{display:none}.project-row{grid-template-columns:28px minmax(0,1fr) 16px;gap:6px 14px;padding:18px 4px}.project-row>span:nth-last-child(2){grid-area:2/2}.project-row>span:last-child{grid-area:1/3}.project-row h2{font-size:20px}.collection-banner{flex-wrap:wrap;gap:8px 14px;padding:20px}.collection-banner p{font-size:21px}.collection-banner b{flex-basis:100%}}@media (width<=640px){:root{--gutter:20px;--section:76px}.fable-frame[data-frame=landscape] .fable-spotlight-grid,.fable-frame[data-frame=portrait] .fable-spotlight-grid,.fable-frame[data-frame=square] .fable-spotlight-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 12px}.card-grid,.library-results .card-grid{grid-template-columns:minmax(0,1fr);gap:34px}.collection-grid{grid-template-columns:minmax(0,1fr)}.collection-card{padding:20px 20px 22px}.collection-card h3{margin-top:22px;font-size:25px}.intro-copy{font-size:17px}.visual-hero{aspect-ratio:16/9}.section{margin-top:72px}.results-toolbar{flex-wrap:wrap}.detail-title p{font-size:16px}.source-panel{padding:20px}.prose-block.yellow-panel{padding:22px}.footer-top>p{border-left:0;flex-basis:100%;padding-left:0}.footer-top>p br{display:none}.analytics-choice{max-height:calc(100dvh - 24px);padding:18px;display:block;inset:auto 12px 12px}.analytics-choice-actions{flex-flow:wrap;margin-top:16px}.analytics-choice-actions button{flex:1}.analytics-choice h2{font-size:20px}}@media (width<=520px){.filters{grid-template-columns:minmax(0,1fr)}.filters label{grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);align-items:center;gap:10px;display:grid}.filters select{margin:0}}@media (width<=380px){.brand{font-size:15px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.home-site .main{padding:0}.home-site .home-content{padding-inline:var(--edge)}.home-site .brand-hero{padding:64px var(--edge) 60px;grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:center;gap:64px;display:grid}.home-site .brand-hero-copy{min-width:0}.home-site .brand-hero h1{letter-spacing:-.045em;margin:0 0 26px;font-size:clamp(46px,5.3vw,78px);font-weight:700;line-height:.98}.home-site .brand-hero h1 span{display:block}.home-site .hero-code{color:var(--soft);font:400 .76em/1.05 var(--mono);letter-spacing:-.06em;word-spacing:-.28em;white-space:nowrap;margin-bottom:.16em}.home-site .hero-code i{margin-inline:-.16em -.1em;font-style:normal}.home-site .hero-code:after{content:"";vertical-align:-.08em;background:var(--playhead);width:.42em;height:.86em;margin-left:.12em;animation:1.1s step-end infinite home-caret;display:inline-block}@keyframes home-caret{50%{opacity:0}}.home-site .brand-hero-description{max-width:31em;color:var(--soft);text-wrap:pretty;margin:0;font-size:17px;line-height:1.6}.home-site .brand-hero .hero-actions{gap:12px;margin-top:32px}.home-site .brand-hero-art{min-width:0;margin:0;container-type:inline-size}.home-site .brand-hero-art figcaption{color:var(--dim);font:12px/1.5 var(--mono);margin-top:14px}.home-site .hero-motion{--reel-progress:0;border:1px solid var(--hair);background:var(--surface);border-radius:14px;grid-template-columns:minmax(0,296px) minmax(0,1fr);grid-template-areas:"head head""code stage""transport transport";display:grid;overflow:hidden;box-shadow:0 40px 90px -40px #000,inset 0 1px #ffffff0a}.home-site .reel-head{border-bottom:1px solid var(--hair);height:38px;color:var(--dim);font:12px/1 var(--mono);grid-area:head;justify-content:space-between;align-items:center;gap:16px;padding:0 16px;display:flex}.home-site .reel-tab{color:var(--soft);align-items:center;gap:9px;display:inline-flex}.home-site .reel-tab:before{content:"";background:var(--playhead);border-radius:50%;width:6px;height:6px}.home-site .reel-code{border-right:1px solid var(--hair);min-width:0;color:var(--soft);font:12.5px/23px var(--mono);white-space:pre;grid-area:code;align-content:center;align-self:stretch;padding:14px 0;display:grid;overflow:hidden}.home-site .reel-line{border-left:2px solid #0000;min-height:23px;padding-right:14px}.home-site .reel-no{color:#5a5750;text-align:right;width:30px;margin-right:14px;display:inline-block}.home-site .reel-comment{color:#77736b}.home-site .reel-keyword{color:#9a968d}.home-site .reel-call{color:var(--text)}.home-site .reel-string,.home-site .reel-number{color:#d9cba6}.home-site .hero-motion[data-shot=type] .reel-line[data-reel-shot=type],.home-site .hero-motion[data-shot=chart] .reel-line[data-reel-shot=chart],.home-site .hero-motion[data-shot=route] .reel-line[data-reel-shot=route],.home-site .hero-motion[data-shot=title] .reel-line[data-reel-shot=title]{border-left-color:var(--playhead);background:#fcd22817}.home-site .hero-motion[data-shot=type] .reel-line[data-reel-shot=type] .reel-no,.home-site .hero-motion[data-shot=chart] .reel-line[data-reel-shot=chart] .reel-no,.home-site .hero-motion[data-shot=route] .reel-line[data-reel-shot=route] .reel-no,.home-site .hero-motion[data-shot=title] .reel-line[data-reel-shot=title] .reel-no{color:var(--playhead)}.home-site .reel-stage{aspect-ratio:16/9;background:var(--stage);box-shadow:0 0 0 1px var(--hair);border-radius:6px;grid-area:stage;align-self:center;margin:16px;position:relative;overflow:hidden}.home-site .hero-motion-canvas,.home-site .hero-motion-fallback{width:100%;height:100%;display:block;position:absolute;inset:0}.home-site .hero-motion-fallback{font-family:var(--display)}.home-site .hero-motion-canvas{opacity:0}.home-site .hero-motion:not([data-state=loading]) .hero-motion-canvas{opacity:1}.home-site .hero-motion:not([data-state=loading]) .hero-motion-fallback{visibility:hidden}.home-site .reel-transport{border-top:1px solid var(--hair);grid-area:transport;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px 14px 10px 10px;display:grid}.home-site .hero-motion-toggle{width:36px;height:36px;color:var(--text);background:#f1eee714;border:0;border-radius:7px;place-items:center;transition:background .15s,color .15s;display:grid}.home-site .hero-motion-toggle:hover:not(:disabled){background:var(--playhead);color:#111}.home-site .hero-motion-toggle:disabled{color:var(--dim);cursor:default}.home-site .reel-track{background:#f1eee70d;border-radius:7px;height:36px;position:relative;overflow:hidden}.home-site .reel-track:has(:focus-visible){outline:2px solid var(--playhead);outline-offset:3px}.home-site .reel-track:before{content:"";width:calc(var(--reel-progress) * 100%);background:#f1eee712;position:absolute;inset:0 auto 0 0}.home-site .reel-track:after{content:"";top:0;bottom:0;left:calc(var(--reel-progress) * (100% - 2px));background:var(--playhead);width:2px;position:absolute}.home-site .reel-shots{display:flex;position:absolute;inset:0}.home-site .reel-shots span{min-width:0;color:var(--dim);font:11.5px/36px var(--mono);flex:1 0 0;padding:0 10px;transition:color .15s;overflow:hidden}.home-site .reel-shots span+span{border-left:1px solid var(--hair)}.home-site .hero-motion[data-shot=type] .reel-shots [data-reel-shot=type],.home-site .hero-motion[data-shot=chart] .reel-shots [data-reel-shot=chart],.home-site .hero-motion[data-shot=route] .reel-shots [data-reel-shot=route],.home-site .hero-motion[data-shot=title] .reel-shots [data-reel-shot=title]{color:var(--text)}.home-site .reel-scrubber{opacity:0;cursor:ew-resize;appearance:none;width:100%;height:100%;margin:0;position:absolute;inset:0}.home-site .reel-scrubber:disabled{cursor:default}.home-site .reel-scrubber::-webkit-slider-thumb{-webkit-appearance:none;width:2px;height:36px}.home-site .reel-scrubber::-moz-range-thumb{border:0;width:2px;height:36px}.home-site .reel-clock{min-width:8ch;color:var(--soft);font:12.5px/1 var(--mono);font-variant-numeric:tabular-nums;text-align:right}@container (width<=620px){.home-site .hero-motion{grid-template-columns:minmax(0,1fr);grid-template-areas:"head""stage""code""transport"}.home-site .reel-stage{margin:12px}.home-site .reel-code{border-right:0;border-top:1px solid var(--hair);padding:10px 0;font-size:12px;line-height:21px}.home-site .reel-line{min-height:21px}}@container (width<=400px){.home-site .reel-spec{display:none}.home-site .reel-shots span{padding:0 7px;font-size:10.5px}}.home-site .collection-signal{border-block:1px solid var(--hair);position:relative}.home-site .collection-signal:after{content:"";background:repeating-linear-gradient(90deg, var(--hair-strong) 0 1px, transparent 1px 12px);opacity:.7;height:6px;position:absolute;inset:auto 0 0}.home-site .signal-stats{grid-template-columns:repeat(5,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.home-site .signal-stats li{align-items:baseline;gap:12px;padding:24px 0 28px 24px;display:flex}.home-site .signal-stats li+li{border-left:1px solid var(--hair)}.home-site .signal-stats li:first-child{padding-left:0}.home-site .signal-stats b{color:var(--text);font:500 34px/1 var(--display);letter-spacing:-.035em;font-variant-numeric:tabular-nums}.home-site .signal-stats span{color:var(--dim);font:12px/1.35 var(--mono);letter-spacing:.04em;text-transform:uppercase}.home-site :is(.featured-heading,.index-heading,.start-heading){justify-content:space-between;align-items:flex-end;gap:32px;margin-bottom:32px;display:flex}.home-site :is(.featured-heading,.index-heading) a,.home-site .editorial-lead a,.home-site .start-links a{border-bottom:1px solid var(--hair-strong);color:var(--text);font:500 15px/1.4 var(--display);white-space:nowrap;gap:8px;padding-bottom:3px;transition:border-color .15s;display:inline-flex}.home-site :is(.featured-heading,.index-heading) a:hover,.home-site .editorial-lead a:hover,.home-site .start-links a:hover{border-bottom-color:var(--playhead)}.home-site .fable-spotlight{margin-top:72px}.home-site .fable-spotlight-copy{max-width:46em;color:var(--soft);text-wrap:pretty;margin:14px 0 0;font-size:16px;line-height:1.6}.home-site .fable-spotlight-grid .card-body{padding-top:10px}.home-site .fable-spotlight-grid .card-body h3{margin:6px 0 4px;font-size:15px}.home-site .fable-spotlight-grid .card-body>p{-webkit-line-clamp:2;margin-bottom:8px;font-size:13px}.home-site .featured-gallery{margin-top:72px}.home-site .featured-tools{flex-shrink:0;align-items:center;gap:24px;display:flex}.home-site .featured-steps{gap:8px;display:flex}.home-site .featured-steps button{border:1px solid var(--hair-strong);width:40px;height:40px;color:var(--text);font:17px/1 var(--display);background:0 0;border-radius:8px;place-items:center;transition:background .15s,border-color .15s;display:grid}.home-site .featured-steps button:hover{background:#f1eee712;border-color:#f1eee766}.home-site .featured-track{margin-inline:calc(-1 * var(--edge));padding:4px var(--edge) 8px;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scroll-padding-inline:var(--edge);scrollbar-width:none;counter-reset:reel;grid-auto-columns:min(420px,78vw);grid-auto-flow:column;gap:24px;display:grid;overflow-x:auto}.home-site .featured-track::-webkit-scrollbar{display:none}.home-site .featured-item{scroll-snap-align:start;counter-increment:reel;min-width:0}.home-site .featured-item:before{content:counter(reel, decimal-leading-zero);border-top:1px solid var(--hair);color:var(--dim);font:12px/1 var(--mono);letter-spacing:.06em;margin-bottom:12px;padding-top:10px;display:block}.home-site .start-paths{margin-top:var(--section)}.home-site .start-heading>p{max-width:27em;color:var(--soft);margin:0;font-size:16px}.home-site .start-grid{border:1px solid var(--hair);background:var(--surface);border-radius:14px;grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid;overflow:hidden}.home-site .start-card{flex-direction:column;padding:28px 28px 30px;display:flex}.home-site .start-card+.start-card{border-left:1px solid var(--hair)}.home-site .start-kind{color:var(--soft);font:500 12px/1.4 var(--mono);letter-spacing:.08em;text-transform:uppercase;gap:12px;margin:0 0 22px;display:flex}.home-site .start-kind span{color:var(--dim)}.home-site .start-timeline{width:264px;max-width:100%;height:auto;display:block}.home-site .start-timeline rect{fill:none;stroke:#f1eee74d;stroke-width:1.5px;stroke-dasharray:3 4}.home-site .start-timeline rect.is-built{fill:var(--text);stroke:var(--text);stroke-dasharray:none}.home-site .start-status{color:var(--dim);font:12px/1.4 var(--mono);margin:10px 0 0}.home-site .start-card h3{letter-spacing:-.03em;margin:30px 0 10px;font-size:25px;font-weight:600;line-height:1.14}.home-site .start-text{color:var(--soft);margin:0 0 24px;font-size:15px;line-height:1.6}.home-site .start-links{flex-wrap:wrap;gap:10px 24px;margin:auto 0 0;display:flex}.home-site .motion-index{margin-top:var(--section);scroll-margin-top:calc(var(--header) + 24px)}.home-site .gallery-navigation{border-bottom:1px solid var(--hair);flex-wrap:nowrap;gap:30px;padding:0;display:flex}.home-site .gallery-navigation button{min-height:52px;color:var(--dim);font:500 16px/1.2 var(--display);background:0 0;border:0;border-bottom:2px solid #0000;align-items:center;gap:9px;margin-bottom:-1px;padding:12px 0;transition:color .15s,border-color .15s;display:flex}.home-site .gallery-navigation button:hover{color:var(--text);border-bottom-color:var(--hair-strong)}.home-site .gallery-navigation button[aria-selected=true]{color:var(--text);border-bottom-color:var(--playhead)}.home-site .gallery-navigation span{color:var(--dim);font:12px/1 var(--mono);flex-shrink:0}.home-site .home-gallery{scroll-margin-top:calc(var(--header) + 24px);margin-top:0}.home-site .home-gallery[hidden]{display:none}.home-site .gallery-orientations{border:1px solid var(--hair);border-radius:9px;flex-wrap:wrap;gap:2px;margin-top:22px;padding:3px;display:inline-flex}.home-site .gallery-orientations button{color:var(--dim);font:500 14px/1.3 var(--display);background:0 0;border:0;border-radius:6px;padding:7px 12px;transition:background .15s,color .15s}.home-site .gallery-orientations button:hover{color:var(--text)}.home-site .gallery-orientations button[aria-pressed=true]{color:var(--text);background:#f1eee71c}.home-site .gallery-orientations span{font:11.5px var(--mono);color:var(--dim);margin-left:6px}.home-site .gallery-context{justify-content:space-between;align-items:baseline;gap:24px;padding:20px 0 26px;display:flex}.home-site .gallery-lead{max-width:46em;color:var(--soft);font:15px/1.55 var(--display);margin:0}.home-site .gallery-format{color:var(--dim);font:12px/1.5 var(--mono);flex-shrink:0}.home-site .gallery-pagination{border-top:1px solid var(--hair);justify-items:center;gap:16px;margin-top:48px;padding:32px 0 0;display:grid}.home-site .gallery-progress,.home-site .gallery-complete{color:var(--dim);font:12px/1.5 var(--mono);text-align:center;margin:0}.home-site .gallery-load-more{min-width:200px}.home-site .home-main .gallery-portrait{grid-template-columns:repeat(4,minmax(0,1fr))}.home-site .gallery-portrait .preview-media{aspect-ratio:9/16}.home-site .gallery-square .preview-media{aspect-ratio:1}.home-site .gallery-portrait .preview-player,.home-site .gallery-square .preview-player{aspect-ratio:auto;height:100%}.home-site .use-case-band{margin:var(--section) calc(-1 * var(--edge)) 0;padding:88px var(--edge) 96px;background:var(--paper-band);color:#45423c;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.home-site .use-case-intro{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:end;gap:12px 64px;margin-bottom:40px;display:grid}.home-site .use-case-intro .eyebrow{color:#5d5a52}.home-site .use-case-intro .eyebrow:before{background:var(--ink)}.home-site .use-case-intro h2{color:var(--ink)}.home-site .use-case-intro>p{max-width:27em;margin:0;font-size:17px}.home-site .use-case-band .collection-grid{background:#14141433;border-color:#14141433}.home-site .use-case-band .collection-card{background:var(--paper-band)}.home-site .use-case-band .collection-card:hover{background:var(--playhead)}.home-site .use-case-band .collection-num{color:#5d5a52}.home-site .use-case-band .collection-card:hover .collection-num{color:#3b3511}.home-site .use-case-band .collection-card :is(h3,h3 span){color:var(--ink)}.home-site .use-case-band .collection-card p{color:var(--ink-soft)}.home-site .use-case-band .collection-card:hover p{color:#2c2810}.home-site .use-case-band a:focus-visible{outline-color:var(--ink);outline-offset:-4px}.home-site .editorial-note{padding:var(--section) 0;grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start;gap:64px;display:grid}.home-site .editorial-lead h2{margin-bottom:28px}.home-site .editorial-points{margin:0;padding:0;list-style:none}.home-site .editorial-points li{border-top:1px solid var(--hair);grid-template-columns:minmax(0,210px) minmax(0,1fr);gap:8px 32px;padding:22px 0;display:grid}.home-site .editorial-points li:last-child{border-bottom:1px solid var(--hair)}.home-site .editorial-points b{color:var(--text);font:600 17px/1.4 var(--display);letter-spacing:-.015em}.home-site .editorial-points p{color:var(--soft);margin:0;font-size:15.5px;line-height:1.6}@media (width<=1180px){.home-site .brand-hero{gap:44px;padding-block:56px}.home-site .signal-stats li{flex-direction:column;gap:8px;padding-left:20px}.home-site .signal-stats b{font-size:30px}.home-site .start-card{padding:24px 22px 26px}}@media (width<=980px){.home-site .brand-hero{grid-template-columns:minmax(0,1fr);gap:44px;padding-block:52px 56px}.home-site .brand-hero h1{font-size:clamp(46px,9vw,72px)}.home-site :is(.featured-heading,.index-heading,.start-heading){flex-direction:column;align-items:flex-start;gap:20px}.home-site .featured-tools{justify-content:space-between;width:100%}.home-site .home-main .gallery-portrait{grid-template-columns:repeat(3,minmax(0,1fr))}.home-site .gallery-format{display:none}.home-site .start-grid{grid-template-columns:minmax(0,1fr)}.home-site .start-card+.start-card{border-left:0;border-top:1px solid var(--hair)}.home-site .start-card h3{margin-top:24px}.home-site .use-case-band{padding-block:72px 76px}.home-site .use-case-intro{grid-template-columns:minmax(0,1fr)}.home-site .editorial-note{grid-template-columns:minmax(0,1fr);gap:40px}}@media (width<=760px){.home-site .signal-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.home-site .signal-stats li{padding:18px 0 18px 20px}.home-site .signal-stats li:first-child{border-bottom:1px solid var(--hair);flex-direction:row;grid-column:1/-1;gap:12px}.home-site .signal-stats li:nth-child(2n){border-left:0;padding-left:0}.home-site .signal-stats li:nth-child(n+4){border-top:1px solid var(--hair)}.home-site .signal-stats li:last-child,.home-site .signal-stats li:nth-child(4){padding-bottom:24px}}@media (width<=640px){.home-site .brand-hero{gap:36px;padding-block:40px 48px}.home-site .brand-hero h1{margin-bottom:20px;font-size:clamp(42px,13.2vw,60px)}.home-site .brand-hero-description{font-size:16px}.home-site .brand-hero .hero-actions{grid-template-columns:1fr 1fr;gap:10px;margin-top:26px;display:grid}.home-site .brand-hero .button{min-width:0;padding-inline:10px}.home-site .hero-motion-toggle{width:44px;height:44px}.home-site .reel-track{height:44px}.home-site .reel-shots span{line-height:44px}.home-site .reel-scrubber::-webkit-slider-thumb{height:44px}.home-site .fable-spotlight,.home-site .featured-gallery{margin-top:60px}.home-site .featured-track{grid-auto-columns:82vw;gap:16px}.home-site .gallery-navigation{scrollbar-width:none;gap:18px;overflow-x:auto}.home-site .gallery-navigation button{white-space:nowrap;flex-shrink:0;font-size:15px}.home-site .home-main .gallery-portrait{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 16px}.home-site .use-case-band{padding-block:56px 60px}.home-site .editorial-points li{grid-template-columns:minmax(0,1fr);padding:20px 0}}@media (width<=380px){.home-site .brand-hero .button{gap:6px;font-size:14px}.home-site .home-main .gallery-portrait{grid-template-columns:minmax(0,1fr)}}