.animated-top-dock-component,.article-headings-component,.at-the-horizon,.hypnotic-loops,.iso-mail-lightshafts,.isometric-illustration,.isometric-motion-grid,.japanese-tower-landscape,.landscape-scene,.liquid-metal-button,.mechanical-keyboard,.retro-metallic,.sakura-branch-scene,.scalability-bricks,.spark-badge,.terrain-plume-component,.tetrahedron-365,.text-path-study,.threeui-background,.threeui-mount,.typography-vortex-component{position:relative;width:100%;height:100%;min-width:0;min-height:0;overflow:hidden}.mechanical-keyboard{isolation:isolate;background:#090a0c}.mechanical-keyboard__frame{position:absolute;inset:0;display:block;width:100%;height:100%;border:0;background:#090a0c;opacity:0;transition:opacity .18s ease-out;touch-action:none}.mechanical-keyboard__frame.is-ready{opacity:1}.retro-metallic{isolation:isolate;background:#08090a}.retro-metallic__frame{position:absolute;inset:0;display:block;width:100%;height:100%;border:0;background:#08090a;opacity:0;transition:opacity .18s ease-out;touch-action:none}.retro-metallic__frame.is-ready{opacity:1}.japanese-tower-landscape{isolation:isolate;background:#ecdcbc}.japanese-tower-landscape__frame{position:absolute;inset:0;display:block;width:100%;height:100%;border:0;background:#ecdcbc;opacity:0;transition:opacity .18s ease-out}.japanese-tower-landscape__frame.is-ready{opacity:1}.landscape-scene{isolation:isolate;background:#ecdcbc}.landscape-scene__frame{position:absolute;inset:0;display:block;width:100%;height:100%;border:0;background:#ecdcbc;opacity:0;transition:opacity .18s ease-out;touch-action:none}.landscape-scene__frame.is-ready{opacity:1}.sakura-branch-scene{isolation:isolate;background:#d4738a}.sakura-branch-scene__frame{position:absolute;inset:0;display:block;width:100%;height:100%;border:0;background:#d4738a;opacity:0;transition:opacity .18s ease-out}.sakura-branch-scene__frame.is-ready{opacity:1}@media (prefers-reduced-motion:reduce){.sakura-branch-scene__frame{transition:none}}.isometric-motion-grid{isolation:isolate;background:#08090a}.isometric-motion-grid__stage{position:absolute;top:50%;left:50%;width:1200px;height:675px;transform-origin:50% 50%}.isometric-motion-grid__frame{display:block;width:100%;height:100%;border:0;background:#08090a;opacity:0;transition:opacity .18s ease-out}.isometric-motion-grid__frame.is-ready{opacity:1}.isometric-illustration{isolation:isolate;background:#111}.isometric-illustration__frame{position:absolute;inset:0;display:block;width:100%;height:100%;border:0;background:#111;opacity:0;transition:opacity .18s ease-out}.isometric-illustration__frame.is-ready{opacity:1}.tetrahedron-365{isolation:isolate;background:#000}.tetrahedron-365__frame{position:absolute;inset:0;display:block;width:100%;height:100%;border:0;background:#000;opacity:0;transition:opacity .18s ease-out}.tetrahedron-365__frame.is-ready{opacity:1}@media (prefers-reduced-motion:reduce){.tetrahedron-365__frame{transition:none}}.liquid-metal-button{isolation:isolate;background:#070708}.liquid-metal-button__frame{position:absolute;inset:0;display:block;width:100%;height:100%;border:0;background:#070708;opacity:0;transition:opacity .18s ease-out}.liquid-metal-button__frame.is-ready{opacity:1}@media (prefers-reduced-motion:reduce){.liquid-metal-button__frame{transition:none}}.iso-mail-lightshafts{isolation:isolate;background:#140f0b}.iso-mail-lightshafts__frame{position:absolute;inset:0;display:block;width:100%;height:100%;border:0;background:#140f0b;opacity:0;transition:opacity .18s ease-out}.iso-mail-lightshafts__frame.is-ready{opacity:1}.spark-badge{isolation:isolate;background:#000}.spark-badge__frame{position:absolute;inset:0;display:block;width:100%;height:100%;border:0;background:#000;opacity:0;transition:opacity .18s ease-out}.spark-badge__frame.is-ready{opacity:1}.hypnotic-loops{isolation:isolate;background:#f15a24}.hypnotic-loops__frame{position:absolute;inset:0;display:block;width:100%;height:100%;border:0;background:#f15a24;opacity:0}.hypnotic-loops__frame.is-ready{opacity:1}.at-the-horizon{isolation:isolate;background:#000}.at-the-horizon__frame{position:absolute;inset:0;display:block;width:100%;height:100%;border:0;background:#000;opacity:0;transition:opacity .18s ease-out}.at-the-horizon__frame.is-ready{opacity:1}.scalability-bricks{isolation:isolate;background:#0b0b0c}.scalability-bricks__frame{position:absolute;inset:0;display:block;width:100%;height:100%;border:0;background:#0b0b0c;opacity:0;transition:opacity .18s ease-out}.scalability-bricks__frame.is-ready{opacity:1}.text-path-study{isolation:isolate;background:#08090a}.text-path-study--light{background:#f3f5f8}.text-path-study-frame{position:absolute;inset:0;display:block;width:100%;height:100%;border:0;background:transparent;transform-origin:50% 50%}.threeui-background{position:relative;isolation:isolate;background:#030304}.threeui-background.condensation{background:transparent}.threeui-background.data-pixel-arc--light,.threeui-background.predictive-arc--light{background:#f3f6f1}.typography-vortex-component.typography-vortex-component--light{background:#eef1f6}.typography-vortex-component--light .typography-vortex-component__hint{color:rgba(28,30,38,.55)}.cross-beam-canvas,.terrain-plume-canvas,.threeui-background>canvas{position:absolute;inset:0;display:block;width:100%;height:100%}.terrain-plume-component{pointer-events:none;--fe-bg:#030304;--fe-band:clamp(260px,52cqw,820px);isolation:isolate;container-type:inline-size;background:linear-gradient(180deg,#050505,#020202 44%,#000)}.terrain-plume-component[data-terrain-scene=river]{--fe-bg:#03070a;background:linear-gradient(180deg,#05090d,#020507 44%,#000)}.terrain-plume-component[data-terrain-scene=desert]{--fe-bg:#0a0603;background:linear-gradient(180deg,#0d0805,#060302 44%,#000)}.terrain-plume-component[data-terrain-scene=bridge-city]{--fe-bg:#03050b;background:linear-gradient(180deg,#050810,#020407 44%,#000)}.terrain-plume-component[data-terrain-scene=bridge-city] .terrain-plume-canvas,.terrain-plume-component[data-terrain-scene=desert] .terrain-plume-canvas,.terrain-plume-component[data-terrain-scene=river] .terrain-plume-canvas{top:auto;bottom:calc(var(--fe-band) * .33)}.terrain-plume-component[data-terrain-scene=bridge-city]:after,.terrain-plume-component[data-terrain-scene=desert]:after,.terrain-plume-component[data-terrain-scene=river]:after{background:radial-gradient(circle at 50% 100%,hsla(0,0%,100%,.07),transparent 34%),linear-gradient(180deg,rgba(0,0,0,.06),rgba(0,0,0,.3) 72%,rgba(0,0,0,.62))}.terrain-plume-component:after,.terrain-plume-component:before{position:absolute;inset:0;z-index:0;pointer-events:none;content:""}.terrain-plume-component:before{background:linear-gradient(90deg,transparent calc(50% - .5px),hsla(0,0%,100%,.05) calc(50% - .5px) calc(50% + .5px),transparent calc(50% + .5px)),repeating-linear-gradient(90deg,hsla(0,0%,100%,.022) 0 1px,transparent 1px 11.5vw),repeating-linear-gradient(180deg,hsla(0,0%,100%,.018) 0 1px,transparent 1px 5.8rem);opacity:.74}.terrain-plume-component:after{background:radial-gradient(circle at 50% 100%,hsla(0,0%,100%,.09),transparent 34%),linear-gradient(180deg,rgba(0,0,0,.1),rgba(0,0,0,.62) 72%,rgba(0,0,0,.9))}.terrain-plume-canvas{z-index:0}.footer-engraved-terrain{right:0;bottom:0;left:0;z-index:1;height:var(--fe-band)}.footer-engraved-reveal,.footer-engraved-terrain{position:absolute;display:block;width:100%;pointer-events:none}.footer-engraved-reveal{inset:0;z-index:5;height:100%}.footer-engraved-grain{position:absolute;inset:0;z-index:6;pointer-events:none;opacity:.05;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/></filter><rect width='160' height='160' filter='url(%23n)'/></svg>");background-size:160px 160px}.sunset-valley-canvas,.sunset-valley-scene{display:block;width:100%;height:100%}.sunset-valley-scene{position:relative;overflow:hidden;background:#090d16}.sunset-valley-canvas{position:relative;z-index:1;opacity:0;touch-action:none}.sunset-valley-canvas.is-ready{opacity:1}img.sunset-valley-fallback{position:absolute;inset:0;object-fit:cover;object-position:center}.temple-night-canvas,.temple-night-scene,img.sunset-valley-fallback{display:block;width:100%;height:100%}.temple-night-scene{position:relative;overflow:hidden;background:#05070a}.temple-night-canvas{position:relative;z-index:1;opacity:0;touch-action:none}.temple-night-canvas.is-ready{opacity:1}.temple-night-unavailable{position:absolute;inset:0;display:grid;place-items:center;margin:0;color:#a9b2b7;background:#05070a}.yosemite-sunset-canvas,.yosemite-sunset-scene{display:block;width:100%;height:100%}.yosemite-sunset-scene{position:relative;overflow:hidden;background:#241a26}.yosemite-sunset-canvas{position:relative;z-index:1;opacity:0;touch-action:none}.yosemite-sunset-canvas.is-ready{opacity:1}.yosemite-sunset-unavailable{position:absolute;inset:0;display:grid;place-items:center;margin:0;color:#e0c3ab;background:#241a26}.presidio-sunset-canvas,.presidio-sunset-scene{display:block;width:100%;height:100%}.presidio-sunset-scene{position:relative;overflow:hidden;background:#2a1c22}.presidio-sunset-canvas{position:relative;z-index:1;opacity:0;touch-action:none}.presidio-sunset-canvas.is-ready{opacity:1}.presidio-sunset-unavailable{position:absolute;inset:0;display:grid;place-items:center;margin:0;color:#e6c1ad;background:#2a1c22}.lake-louise-canvas,.lake-louise-scene{display:block;width:100%;height:100%}.lake-louise-scene{position:relative;overflow:hidden;background:#171d2c}.lake-louise-canvas{position:relative;z-index:1;opacity:0;touch-action:none}.lake-louise-canvas.is-ready{opacity:1}.lake-louise-unavailable{position:absolute;inset:0;display:grid;place-items:center;margin:0;color:#b9c8d6;background:#171d2c}.bookshelf,.bookshelf__canvas,.sketchbook,.sketchbook__frame{display:block;width:100%;height:100%}.bookshelf{position:relative;container-type:inline-size;overflow:hidden;background:#171a24;outline:none}.bookshelf__canvas{position:absolute;inset:0;opacity:0;touch-action:none}.bookshelf__canvas.is-ready{opacity:1}.bookshelf__source-controls{display:none}.bookshelf__unavailable{position:absolute;inset:0;display:grid;place-items:center;margin:0;padding:24px;color:#f4eee6;text-align:center}.sketchbook{position:relative;overflow:hidden;background:#ece7dc}.sketchbook__frame{border:0;opacity:0;background:#ece7dc}.sketchbook__frame.is-ready{opacity:1}.animated-top-dock-component,.article-headings-component,.typography-vortex-component{container-type:inline-size;color:#ecece8;background:#0b0b0b;font-family:Geist,Helvetica Neue,Helvetica,Arial,sans-serif}.article-headings-component{display:grid;grid-template-rows:auto 1fr 1fr;padding:clamp(20px,5.4cqw,74px) clamp(20px,6.2cqw,86px);isolation:isolate}.animated-top-dock-component:after,.article-headings-component:after,.typography-vortex-component:after{position:absolute;inset:0;z-index:5;pointer-events:none;content:"";opacity:.12;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.16'/%3E%3C/svg%3E");mix-blend-mode:soft-light}.article-headings-component__header{display:flex;justify-content:space-between;padding-bottom:clamp(14px,2.6cqw,30px);color:#62625e;font:400 clamp(8px,.85cqw,10px) /1 ThreeUI Fragment Mono,ui-monospace,monospace;letter-spacing:.12em}.article-headings-component__entry{display:grid;grid-template-columns:clamp(28px,4cqw,56px) minmax(0,1fr) auto;align-items:center;gap:clamp(10px,2.2cqw,30px);border-top:1px solid #2a2a28}.article-headings-component__entry h2{margin:0;color:#e9e9e5;font-size:clamp(18px,3.2cqw,44px);font-weight:600;line-height:1.08;letter-spacing:-.02em}.article-headings-component__index,.article-headings-component__meta{color:#60605c;font:400 clamp(8px,.85cqw,10px) /1.3 ThreeUI Fragment Mono,ui-monospace,monospace;letter-spacing:.06em}.article-headings-component__meta{text-align:right}.article-headings-component--light{color:#202128;background:#f3f5f8}.article-headings-component--light .article-headings-component__header,.article-headings-component--light .article-headings-component__index,.article-headings-component--light .article-headings-component__meta{color:#71737b}.article-headings-component--light .article-headings-component__entry{border-color:#d9dce3}.article-headings-component--light .article-headings-component__entry h2{color:#1d1f26}.typography-vortex-component{position:relative;isolation:isolate;touch-action:none;cursor:crosshair}.typography-vortex-component canvas{position:absolute;inset:0;display:block;width:100%;height:100%}.animated-top-dock-component__caption,.typography-vortex-component__hint{position:absolute;z-index:6;color:#62625e;font:400 9px/1 ThreeUI Fragment Mono,ui-monospace,monospace;letter-spacing:.1em}.typography-vortex-component__hint{right:18px;bottom:16px}.animated-top-dock-component{position:relative;display:grid;place-items:center;isolation:isolate;background:radial-gradient(circle at 50% 20%,hsla(0,0%,100%,.035),transparent 34%),#080808}.animated-top-dock__nav{position:absolute;top:clamp(24px,5cqw,46px);left:50%;z-index:10;display:flex;align-items:flex-start;gap:3px;height:38px;padding:4px;overflow:visible;border:1px solid #292929;border-radius:11px;background:hsla(0,0%,5%,.86);box-shadow:0 12px 34px rgba(0,0,0,.48),inset 0 1px hsla(0,0%,100%,.035);backdrop-filter:blur(18px) saturate(75%);transform:translateX(-50%);isolation:isolate}.animated-top-dock__item{position:relative;z-index:6;display:inline-flex;flex:none;align-items:center;justify-content:center;height:28px;min-width:0;padding:0;border:1px solid transparent;border-radius:7px;outline:none;color:#858580;background:rgba(21,21,20,.9);font:400 10px/1 ThreeUI Fragment Mono,ui-monospace,monospace;letter-spacing:.1em;white-space:nowrap;backdrop-filter:blur(14px) saturate(70%);transform-origin:50% 0;transition:color .15s,border-color .18s,background .18s,box-shadow .18s;will-change:width,height,transform;cursor:pointer}.animated-top-dock__item:focus-visible,.animated-top-dock__item[data-dock-near=true]{z-index:7;color:#ecece8;border-color:#41413e;background:rgba(27,27,26,.94);box-shadow:0 7px 16px rgba(0,0,0,.26)}.animated-top-dock__logo{width:28px;height:28px;overflow:hidden;background:#e8e8e3}.animated-top-dock__logo svg{display:block;width:100%;height:100%}.animated-top-dock__link{gap:6px;width:94px;padding:0 9px}.animated-top-dock__link[aria-pressed=true]{color:#111;border-color:#e8e8e3;background:#e8e8e3;box-shadow:0 7px 18px rgba(0,0,0,.28)}.animated-top-dock__icon{display:inline-flex;flex:none;align-items:center;justify-content:center;width:13px;height:13px;opacity:.62;transition:opacity .16s}.animated-top-dock__icon svg{display:block;width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round}.animated-top-dock__item:focus-visible .animated-top-dock__icon,.animated-top-dock__item[data-dock-near=true] .animated-top-dock__icon{opacity:1}.animated-top-dock-component__caption{right:18px;bottom:16px}@media (max-width:600px){.article-headings-component{padding:18px}.article-headings-component__entry{grid-template-columns:24px minmax(0,1fr)}.article-headings-component__entry h2{font-size:clamp(17px,5.5vw,26px)}.article-headings-component__meta{display:none}.animated-top-dock__nav{top:24px;gap:2px;height:36px}.animated-top-dock__item{height:26px!important;transform:none!important}.animated-top-dock__logo{width:26px!important;height:26px!important}.animated-top-dock__link{width:auto!important;padding:0 7px;font-size:8px;letter-spacing:.07em}.animated-top-dock__icon{display:none}}@media (prefers-reduced-motion:reduce){.animated-top-dock__item{transform:none!important}}