@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-vietnamese-standard-normal-Czevyj-6.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:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-latin-ext-standard-normal-CJcjJNj7.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:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-latin-standard-normal-DihXLNYH.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:Fraunces Variable;font-style:italic;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-vietnamese-standard-italic-DxWqP7Ku.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:Fraunces Variable;font-style:italic;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-latin-ext-standard-italic-CGbN9UgK.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:Fraunces Variable;font-style:italic;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-latin-standard-italic-lSdLDfvT.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:DM Sans Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(/assets/dm-sans-latin-ext-wght-normal-BOFOeGcA.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:DM Sans Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(/assets/dm-sans-latin-wght-normal-Xz1IZZA0.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}@property --wall-1{syntax:"<color>";inherits:true;initial-value:#4d5a7c}@property --wall-2{syntax:"<color>";inherits:true;initial-value:#36445f}@property --wall-3{syntax:"<color>";inherits:true;initial-value:#27324b}@property --wall-4{syntax:"<color>";inherits:true;initial-value:#1a2234}@property --page{syntax:"<color>";inherits:true;initial-value:#12151c}@property --on-wall{syntax:"<color>";inherits:true;initial-value:#f3eadf}@property --on-wall-2{syntax:"<color>";inherits:true;initial-value:#c3c9da}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--font-display:"Fraunces Variable", "Iowan Old Style", Georgia, serif;--font-body:"DM Sans Variable", system-ui, sans-serif;--font-mono:"JetBrains Mono Variable", ui-monospace, "SF Mono", Menlo, monospace;--bg:var(--lightningcss-light,#f5efe6)var(--lightningcss-dark,#12151c);--page:var(--lightningcss-light,#f5efe6)var(--lightningcss-dark,#12151c);--bg-raised:var(--lightningcss-light,#fbf7f1)var(--lightningcss-dark,#181c25);--bg-sunken:var(--lightningcss-light,#ece3d7)var(--lightningcss-dark,#0e1117);--text:var(--lightningcss-light,#1b2335)var(--lightningcss-dark,#ede3d6);--text-2:var(--lightningcss-light,#45506a)var(--lightningcss-dark,#b4bacb);--text-3:var(--lightningcss-light,#5f6680)var(--lightningcss-dark,#8a91a8);--accent:var(--lightningcss-light,#7b5f31)var(--lightningcss-dark,#e0cba4);--link:var(--lightningcss-light,#2f4370)var(--lightningcss-dark,#e6d3b0);--line:var(--lightningcss-light,#1b23351c)var(--lightningcss-dark,#ede3d617);--line-strong:var(--lightningcss-light,#1b233533)var(--lightningcss-dark,#ede3d629);--focus:var(--lightningcss-light,#3a4c72)var(--lightningcss-dark,#e4d1b1);--shadow:var(--lightningcss-light,#282e4224)var(--lightningcss-dark,#00000080);--gold-1:var(--lightningcss-light,#5b4628)var(--lightningcss-dark,#8a7552);--gold-2:var(--lightningcss-light,#8b6d3f)var(--lightningcss-dark,#cdb68d);--gold-3:var(--lightningcss-light,#c3a36a)var(--lightningcss-dark,#f6ecd8);--gold-4:var(--lightningcss-light,#9a7a45)var(--lightningcss-dark,#d9c39c);--gold-5:var(--lightningcss-light,#6c5430)var(--lightningcss-dark,#a88f68);--gold-6:var(--lightningcss-light,#b39159)var(--lightningcss-dark,#ecdcbc);--gilt:linear-gradient(105deg, var(--gold-1) 0%, var(--gold-2) 16%, var(--gold-3) 30%, var(--gold-4) 44%, var(--gold-5) 60%, var(--gold-6) 78%, var(--gold-1) 100%);--mark-1:var(--lightningcss-light,#34466c)var(--lightningcss-dark,#f7eedc);--mark-2:var(--lightningcss-light,#1f2a44)var(--lightningcss-dark,#dcc69f);--mark-3:var(--lightningcss-light,#141b2c)var(--lightningcss-dark,#a98f66);--mark-4:var(--lightningcss-light,#2c3b5e)var(--lightningcss-dark,#efe1c3);--gilt-plate:linear-gradient(170deg, #f7eedb 0%, #e6d3ae 22%, #cdb58a 48%, #b59c73 66%, #d8c29b 84%, #efe2c4 100%);--wall-1:var(--lightningcss-light,#f3eee3)var(--lightningcss-dark,#4d5a7c);--wall-2:var(--lightningcss-light,#d2dbeb)var(--lightningcss-dark,#36445f);--wall-3:var(--lightningcss-light,#b7c5df)var(--lightningcss-dark,#27324b);--wall-4:var(--lightningcss-light,#9eb0d3)var(--lightningcss-dark,#1a2234);--wall:radial-gradient(130% 110% at 88% -10%, var(--wall-1) 0%, var(--wall-2) 32%, var(--wall-3) 64%, var(--wall-4) 100%);--on-wall:var(--lightningcss-light,#1b2335)var(--lightningcss-dark,#f3eadf);--on-wall-2:var(--lightningcss-light,#3a4766)var(--lightningcss-dark,#c3c9da);--turn:2.2s cubic-bezier(.45, 0, .55, 1);transition:--wall-1 var(--turn), --wall-2 var(--turn), --wall-3 var(--turn), --wall-4 var(--turn), --on-wall var(--turn), --on-wall-2 var(--turn);--panel:linear-gradient(165deg, var(--lightningcss-light,#fdfbf7)var(--lightningcss-dark,#232a3a) 0%, var(--lightningcss-light,#f4eee5)var(--lightningcss-dark,#1b2130) 100%);--panel-edge:inset 0 1px 0 var(--lightningcss-light,#ffffffe6)var(--lightningcss-dark,#c5cde424), inset 0 -1px 0 var(--lightningcss-light,#1b233514)var(--lightningcss-dark,#00000059);--panel-shadow:0 1px 2px var(--shadow), 0 18px 40px -24px var(--shadow);--code-bg:linear-gradient(170deg, #1e2536 0%, #171c29 100%);--code-text:#e4dccf;--brush:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='600' height='300'%3E%3Cfilter id='b'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.03 1.1' numOctaves='2' seed='4' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.4 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23b)'/%3E%3C/svg%3E");--grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' seed='9' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.5 0 0 0 0 0.55 0 0 0 0 0.7 0 0 0 0.35 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)'/%3E%3C/svg%3E");--ease:cubic-bezier(.22, .8, .24, 1);--radius:14px;--gutter:clamp(20px, 5vw, 64px);--measure:1240px}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}:root.light{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root.dark{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root.dark [data-hour=day],:root.light [data-hour=night]{display:none}@media (prefers-color-scheme:dark){:root:not(.light) [data-hour=day]{display:none}}@media (prefers-color-scheme:light){:root:not(.dark) [data-hour=night]{display:none}}*,:before,:after{box-sizing:border-box}@media (prefers-reduced-motion:reduce){:root{transition:none}}html{background:var(--bg);scroll-behavior:smooth;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:96px}body{background:var(--bg);min-height:100vh;color:var(--text);font:400 16px/1.65 var(--font-body);font-optical-sizing:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;margin:0}h1,h2,h3,h4,p,figure,blockquote,ol,ul,dl,dd,pre{margin:0}ol,ul{padding:0}img,svg,video{max-width:100%;display:block}img{height:auto}a{color:inherit;text-decoration:none}button,input{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0;padding:0}h1,h2,h3,h4{font-family:var(--font-display);font-variation-settings:"opsz" 48;letter-spacing:-.012em;text-wrap:balance;font-weight:360;line-height:1.08}em,i{font-style:italic}p{text-wrap:pretty}::selection{background:color-mix(in oklab, var(--gold-4) 55%, transparent);color:var(--text)}:focus-visible{outline:2px solid var(--focus);outline-offset:3px;border-radius:6px}[tabindex="-1"]:focus{outline:none}.wrap{width:100%;max-width:calc(var(--measure) + 2 * var(--gutter));padding-inline:var(--gutter);margin-inline:auto}.eyebrow{font:500 .7rem/1.4 var(--font-body);letter-spacing:.26em;text-transform:uppercase;color:var(--text-3)}.gilt{background-image:var(--brush), var(--gilt);background-blend-mode:soft-light, normal;color:#0000;-webkit-text-fill-color:transparent;background-position:0 0,0%;background-size:600px 300px,220% 100%;-webkit-background-clip:text;background-clip:text}.gilt-sheen{animation:sheen 9s var(--ease) infinite alternate}@keyframes sheen{0%{background-position:0 0,0%}to{background-position:0 0,100%}}.button{--lift:0px;min-height:46px;font:500 .92rem/1 var(--font-body);letter-spacing:.01em;white-space:nowrap;transition:transform .3s var(--ease), box-shadow .3s var(--ease), background-position .9s var(--ease);transform:translateY(var(--lift));border-radius:999px;align-items:center;gap:.7em;padding:0 1.35em;display:inline-flex}.button-gold{color:#1f2638;background-image:var(--brush), var(--gilt-plate);background-blend-mode:soft-light, normal;background-position:0 0,50% 0;background-size:600px 300px,100% 180%;box-shadow:inset 0 1px #fffaeed9,inset 0 -1px #5a462873,0 1px 1px #281e0f40,0 10px 24px -12px #785a288c}.button-gold:hover{--lift:-1px;background-position:0 0,50% 100%}.button-ghost{color:inherit;opacity:.92;box-shadow:inset 0 0 0 1px}.button-ghost:hover{--lift:-1px;opacity:1}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;overflow:hidden;position:absolute!important}.skip-link{z-index:100;background:var(--text);color:var(--bg);transition:transform .2s var(--ease);border-radius:999px;padding:10px 16px;position:fixed;top:12px;left:12px;transform:translateY(-160%)}.skip-link:focus{transform:none}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.site{flex-direction:column;min-height:100vh;display:flex}.contents{display:contents}.site-header{z-index:50;color:var(--text);-webkit-backdrop-filter:blur()saturate();backdrop-filter:blur()saturate();transition:background-color .45s var(--ease), color .45s var(--ease), backdrop-filter .45s var(--ease), -webkit-backdrop-filter .45s var(--ease), box-shadow .45s var(--ease);background-color:#0000;position:sticky;top:0}.site-header.overlaid{margin-bottom:-72px}.site-header[data-scrolled]{background-color:color-mix(in oklab, var(--bg) 72%, transparent);-webkit-backdrop-filter:blur(18px)saturate(1.3);backdrop-filter:blur(18px)saturate(1.3);box-shadow:0 14px 34px -26px var(--shadow)}.site-header[data-over=wall]{color:var(--on-wall)}.site-header[data-over=wall] :is(.site-nav a,.icon-button){color:inherit}.site-header[data-over=wall] .site-nav a:not([aria-current],:hover){opacity:.8}.site-header[data-over=wall][data-scrolled]{background-color:color-mix(in oklab, var(--wall-3) 58%, transparent)}.site-header-inner{align-items:center;gap:28px;height:72px;display:flex}.brand{border-radius:10px;flex:none;align-items:center;display:flex}.brand .logo{width:50px;height:auto;transition:transform .5s var(--ease);translate:0 27%}.brand:hover .logo{transform:translateY(-1px)rotate(-2deg)}.site-nav{align-items:center;gap:4px;margin-left:12px;font-size:.92rem;display:flex}.site-nav a{color:var(--text-2);transition:color .2s var(--ease);border-radius:999px;padding:8px 12px;position:relative}.site-nav a:hover,.site-nav a[aria-current]{color:var(--text)}.site-nav a[aria-current]:after{content:"";background:var(--gilt);width:4px;height:4px;box-shadow:0 0 8px color-mix(in oklab, var(--gold-3) 60%, transparent);border-radius:50%;margin-left:-2px;position:absolute;bottom:1px;left:50%}.site-tools{align-items:center;gap:4px;margin-left:auto;display:flex}.icon-button{width:40px;height:40px;color:var(--text-2);transition:color .2s var(--ease), background-color .2s var(--ease);border-radius:999px;place-items:center;display:inline-grid}.icon-button:hover{color:var(--text);background:color-mix(in oklab, var(--text) 7%, transparent)}.icon-button .icon{width:19px;height:19px}.theme-toggle .icon-sun{display:none}:root.dark .theme-toggle .icon-sun{display:block}:root.dark .theme-toggle .icon-moon{display:none}@media (prefers-color-scheme:dark){:root:not(.light) .theme-toggle .icon-sun{display:block}:root:not(.light) .theme-toggle .icon-moon{display:none}}.progress{z-index:60;opacity:0;height:2px;animation:fade-in .2s var(--ease) .18s forwards;position:fixed;inset:0 0 auto;overflow:hidden}.progress:before{content:"";background:linear-gradient(90deg, transparent, var(--gold-3), var(--gold-2), transparent);width:40%;animation:thread 1.1s var(--ease) infinite;position:absolute;inset:0}@keyframes thread{0%{transform:translate(-100%)}to{transform:translate(260%)}}@keyframes fade-in{to{opacity:1}}.scene{outline:none;flex:1}.scene[data-turn=a]>*{animation:enter-a .62s var(--ease) both}.scene[data-turn=b]>*{animation:enter-b .62s var(--ease) both}@keyframes enter-a{0%{opacity:0;transform:translateY(10px)}}@keyframes enter-b{0%{opacity:0;transform:translateY(10px)}}.failure{max-width:860px;padding-block:clamp(80px,14vh,160px)}.failure h1{margin:18px 0 20px;font-size:clamp(2.6rem,6vw,4.6rem)}.failure p:not(.eyebrow){color:var(--text-2);max-width:520px;font-size:1.08rem}.actions{flex-wrap:wrap;align-items:center;gap:14px;margin-top:34px;display:flex}.site-footer{color:#d9d6d6;background:var(--grain), radial-gradient(120% 140% at 20% 0%, #3a4460 0%, #2b3249 45%, #20263a 100%);margin-top:auto;padding-block:72px 36px;box-shadow:inset 0 1px #c8d2eb1f}.site-footer-inner{flex-wrap:wrap;justify-content:space-between;gap:48px;display:flex}.footer-brand{max-width:300px}.site-footer{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.footer-brand .logo{width:64px}.footer-brand p{color:#aeb4c7;font:italic 300 1.15rem/1.4 var(--font-display);margin-top:18px}.site-footer nav{flex-wrap:wrap;gap:32px 72px;display:flex}.site-footer nav div{flex-direction:column;gap:8px;display:flex}.site-footer .eyebrow{color:#a9b0c4;margin-bottom:6px}.site-footer nav a{color:#e3ddd4;width:fit-content;font-size:.94rem}.site-footer nav a:hover{color:#f1e2c3}.footer-note{color:#a9b0c4;margin-top:64px;font-size:.8rem}.menu-button{display:none}.sheet{width:min(360px,88vw);height:100%;max-height:none;color:var(--text);background:var(--bg-raised);border:0;margin:0 0 0 auto;padding:72px 28px 28px;position:fixed;inset:0 0 0 auto;box-shadow:-30px 0 60px -30px #080c1880}.sheet[open]{animation:slide-in .36s var(--ease)}:root.light .sheet{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root.dark .sheet{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (prefers-color-scheme:light){:root:not(.dark) .sheet{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}}@media (prefers-color-scheme:dark){:root:not(.light) .sheet{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}.sheet::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0e121e66}.sheet-close{position:absolute;top:16px;right:16px}.sheet-nav{flex-direction:column;gap:4px;display:flex}.sheet-nav a{font:360 1.7rem/1.2 var(--font-display);color:var(--text-2);padding:10px 0}.sheet-nav a[aria-current]{color:var(--text)}@keyframes slide-in{0%{opacity:0;transform:translate(24px)}}.failure{justify-items:start;display:grid}.failure-art{width:min(360px,80%);margin-bottom:12px;animation:8s ease-in-out infinite alternate drift}@media (width<=860px){.site-nav{display:none}.menu-button{display:inline-grid}}.code{border-radius:var(--radius);background:var(--code-bg);min-width:0;color:var(--code-text);margin:0;position:relative;overflow:hidden;box-shadow:inset 0 1px #c8d2eb1a,inset 0 -1px #0006,0 1px 2px #0a0e1a4d,0 24px 48px -30px #0a0e1ab3}.code-head{font:500 .74rem/1.4 var(--font-body);letter-spacing:.02em;color:#9da5bb;justify-content:space-between;align-items:center;gap:16px;padding:10px 10px 0 20px;display:flex}.code-title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.code-copy{color:#b9c0d3;height:30px;transition:color .2s var(--ease), background-color .2s var(--ease);border-radius:999px;flex:none;align-items:center;gap:6px;padding:0 10px;font-size:.72rem;display:inline-flex}.code-copy:hover{color:#f1e2c3;background:#ffffff0f}.code-copy .icon{width:14px;height:14px}.code pre{font:400 .84rem/1.72 var(--font-mono);font-variant-ligatures:none;tab-size:2;scrollbar-width:thin;scrollbar-color:#c8d2eb2e transparent;margin:0;padding:14px 20px 20px;overflow:auto}.code pre:focus-visible{outline-offset:-4px}.code code{font:inherit}.tok-k{color:#d9bf8c}.tok-s{color:#a9c1dd}.tok-c{color:#8a93aa;font-style:italic}.tok-n{color:#e8b98a}.tok-t{color:#efd9ab}.tok-f{color:#c9d3ea}.tok-a{color:#b4bfd8}.tok-g{color:#e6c98f}.tok-v{color:#e8b98a}.tok-o{color:#b4bfd8}:not(pre)>code{font:400 .88em/1 var(--font-mono);background:color-mix(in oklab, var(--text) 7%, transparent);color:var(--text);white-space:nowrap;border-radius:6px;padding:.16em .4em}.code-tabs [role=tablist]{gap:4px;margin-bottom:10px;display:flex;overflow-x:auto}.code-tabs [role=tab]{font:500 .8rem/1.2 var(--font-mono);color:var(--text-2);transition:color .2s var(--ease), background-color .2s var(--ease);border-radius:999px;padding:7px 14px}.code-tabs [role=tab]:hover{color:var(--text)}.code-tabs [role=tab][aria-selected=true]{color:#1f2638;background-image:var(--brush), var(--gilt-plate);background-blend-mode:soft-light, normal;background-size:600px 300px,100% 100%;box-shadow:inset 0 1px #fffaeecc,inset 0 -1px #5a462859}.code-tabs [role=tabpanel]:focus-visible{outline-offset:4px}.install{min-height:46px;font:400 .86rem/1 var(--font-mono);color:inherit;background:color-mix(in oklab, currentColor 8%, transparent);box-shadow:inset 0 0 0 1px color-mix(in oklab, currentColor 18%, transparent);transition:background-color .2s var(--ease);border-radius:999px;align-items:center;gap:10px;padding:0 16px 0 18px;display:inline-flex}.install:hover{background:color-mix(in oklab, currentColor 13%, transparent)}.install code{font:inherit;color:inherit;background:0 0;padding:0}.install-prompt{opacity:.55}.install .icon{opacity:.75;width:15px;height:15px}.hero,.tech-hero{--dune:clamp(96px, 21vh, 250px);isolation:isolate;min-height:max(100svh,560px);color:var(--on-wall);background:var(--grain), var(--wall);flex-direction:column;padding-top:72px;display:flex;position:relative;overflow:hidden}.hero{min-height:max(calc(100svh + var(--shore)), 560px);--shore:40px}.hero-grid{z-index:2;padding-block:clamp(12px, 3vh, 48px) calc(var(--dune) * .62 + 2vh);flex:1;grid-template-columns:minmax(0,1fr);align-items:center;gap:40px;display:grid;position:relative}.hero-copy{max-width:700px}.hero .eyebrow{color:var(--on-wall-2);opacity:.8}.hero h1{font-variation-settings:"opsz" 60;letter-spacing:-.025em;margin:clamp(10px,2.4vh,22px) 0 clamp(14px,2.8vh,26px);font-size:clamp(2.6rem,min(5.6vw,8.4vh),5.1rem);font-weight:340;line-height:1}.hero h1 em{padding-bottom:.08em;display:inline-block}.lead{max-width:560px;font-size:clamp(1.06rem,1.5vw,1.22rem);line-height:1.6}.hero .lead{color:var(--on-wall-2);font-size:clamp(1rem,min(1.5vw,2.2vh),1.22rem)}.hero .actions{margin-top:clamp(18px,3.8vh,34px)}.seaside{z-index:1;pointer-events:none;--horizon:57%;position:absolute;inset:0}.seaside>div{transition:opacity 1.2s var(--ease)}.js .seaside>div:not([data-shown]){opacity:0}.seaside-far,.seaside-near{position:absolute;inset:0}.seaside-near{z-index:2}.seaside canvas{opacity:0;width:100%;height:100%;position:absolute;inset:0}.seaside canvas[data-ready]{opacity:1}.seaside [data-covered]>img[data-asset]{visibility:hidden}.seaside img{width:auto;max-width:none;display:block;position:absolute}.seaside .hero-sea{left:0;top:var(--horizon);width:100%;height:calc(100% - var(--horizon))}.seaside :is(.hero-moon,.hero-sun){--x:72%;--y:7%;--low:var(--horizon);--fade:1;left:var(--x);top:var(--y);height:12%;translate:-50%}@media (prefers-reduced-motion:no-preference){.seaside .seaside-far[data-turn] :is(.hero-moon,.hero-sun){display:block}.seaside-far[data-turn=day] .hero-moon,.seaside-far[data-turn=night] .hero-sun{animation:1.4s cubic-bezier(.2,.6,.4,1) both set-x,1.4s cubic-bezier(.6,0,.8,.5) both set-y}.seaside-far[data-turn=day] .hero-sun,.seaside-far[data-turn=night] .hero-moon{animation:2s cubic-bezier(.6,0,.8,.5) .6s both rise-x,2s cubic-bezier(.2,.6,.4,1) .6s both rise-y}}@keyframes set-x{to{left:calc(var(--x) + 8%)}}@keyframes set-y{to{top:var(--low);opacity:var(--fade)}}@keyframes rise-x{0%{left:calc(var(--x) - 8%)}}@keyframes rise-y{0%{top:var(--low);opacity:var(--fade)}}.hero-headland{--h:27%;--w:.864;height:var(--h);right:-1vw;top:calc(var(--horizon) - var(--h) * var(--w))}.hero-pier{--h:min(34%, 40vw);--w:.767;height:var(--h);right:9vw;top:calc(var(--horizon) + 11% - var(--h) * var(--w))}.hero-bottle{--h:12%;--w:.718;height:var(--h);left:46vw;top:calc(80% - var(--h) * var(--w))}.hero-kite{--zone:max(var(--gutter), (100vw - var(--measure)) / 2);--kh:min(34vh, var(--zone) * 2.9);height:var(--kh);top:6%;left:calc(var(--zone) * .45 - var(--kh) * .4766)}.seaside .hero-dune{--dw:100vw;width:var(--dw);height:max(calc(var(--dw) / 3), 22vh);bottom:0;left:0}.hero-grass-left{height:40%;bottom:0;left:-2vw}.hero-grass-right{height:31%;bottom:0;right:-3vw}@keyframes drift{0%{transform:translate(0)rotate(-1deg)}to{transform:translate(6px,-14px)rotate(1.2deg)}}.stars{z-index:1;pointer-events:none;transition:opacity 1.2s var(--ease);position:absolute;inset:0}:root.light .stars{opacity:0}@media (prefers-color-scheme:light){:root:not(.dark) .stars{opacity:0}}.stars svg{fill:#efe0c0;filter:drop-shadow(0 0 6px #efe0c0b3);animation:5s ease-in-out infinite twinkle;position:absolute}@keyframes twinkle{0%,to{opacity:.25;transform:scale(.8)}50%{opacity:1;transform:scale(1)}}.dune{z-index:1;height:var(--dune);pointer-events:none;position:absolute;inset:auto 0 0}.dune-body{background-image:var(--brush), linear-gradient(104deg, #fffaec00 22%, #fffaec8c 40%, #fffaec00 52%, #fffaec00 70%, #fffaec4d 84%, #fffaec00 94%), linear-gradient(180deg, #f3e7cb 0%, #e2cda3 16%, #c9ae7e 42%, #ae9264 70%, #8f7650 100%);background-blend-mode:overlay, screen, normal;background-size:600px 300px,100% 100%,100% 100%;position:absolute;inset:0;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 240' preserveAspectRatio='none'%3E%3Cpath d='M0 196C300 214 620 196 900 142C1120 100 1300 58 1440 36V240H0Z'/%3E%3C/svg%3E") 0 0/100% 100% no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 240' preserveAspectRatio='none'%3E%3Cpath d='M0 196C300 214 620 196 900 142C1120 100 1300 58 1440 36V240H0Z'/%3E%3C/svg%3E") 0 0/100% 100% no-repeat}:root.dark .dune-body{filter:brightness(.86)saturate(.95)}@media (prefers-color-scheme:dark){:root:not(.light) .dune-body{filter:brightness(.86)saturate(.95)}}.dune-edge{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.dune-edge path{fill:none;stroke:#fbf3e0;stroke-width:1.5px;opacity:.9;filter:drop-shadow(0 -2px 3px #0e142473)}.sea{--edge:40px;z-index:1;margin-top:calc(-1 * var(--edge) + 4px);padding-block:calc(var(--edge) + clamp(56px, 9vh, 104px)) calc(var(--edge) + clamp(64px, 10vh, 112px));color:var(--on-wall);background:linear-gradient(180deg, #f6efe01f, transparent 64px), radial-gradient(55% 50% at 50% 40%, #ecdab41c, transparent 70%), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='470' height='148'%3E%3Cg fill='none' stroke='%23fff' stroke-linecap='round' stroke-width='1'%3E%3Cpath d='M40 30q10-3 20 0t20 0t20 0' opacity='.06'/%3E%3Cpath d='M300 64q12-4 24 0' opacity='.07'/%3E%3Cpath d='M150 118q14-4 28 0t28 0' opacity='.05'/%3E%3Cpath d='M390 132q9-3 18 0' opacity='.06'/%3E%3C/g%3E%3C/svg%3E"), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='320' height='96'%3E%3Cg fill='none' stroke='%23fff' stroke-linecap='round' stroke-width='1.2'%3E%3Cpath d='M14 18q14-5 28 0t28 0' opacity='.09'/%3E%3Cpath d='M170 40q12-4 24 0' opacity='.07'/%3E%3Cpath d='M92 70q16-5 32 0t32 0' opacity='.06'/%3E%3Cpath d='M236 84q12-4 24 0t24 0' opacity='.08'/%3E%3Cpath d='M260 22q10-3 20 0' opacity='.06'/%3E%3C/g%3E%3C/svg%3E"), var(--grain), linear-gradient(180deg, var(--wall-2) 0%, var(--wall-3) 50%, var(--wall-4) 100%);-webkit-mask:var(--sea-top) top / 100% var(--edge) no-repeat, linear-gradient(#000 0 0) center / 100% calc(100% - 2 * var(--edge) + 2px) no-repeat, var(--sea-bottom) bottom / 100% var(--edge) no-repeat;-webkit-mask:var(--sea-top) top / 100% var(--edge) no-repeat, linear-gradient(#000 0 0) center / 100% calc(100% - 2 * var(--edge) + 2px) no-repeat, var(--sea-bottom) bottom / 100% var(--edge) no-repeat;mask:var(--sea-top) top / 100% var(--edge) no-repeat, linear-gradient(#000 0 0) center / 100% calc(100% - 2 * var(--edge) + 2px) no-repeat, var(--sea-bottom) bottom / 100% var(--edge) no-repeat;background-size:auto,auto,470px 148px,320px 96px,auto,auto;animation:90s linear infinite tide;position:relative}@keyframes tide{to{background-position:0 0,0 0,-470px 0,640px 0,0 0,0 0}}.foam{width:100%;height:var(--edge);pointer-events:none;position:absolute;left:0}.foam-top{top:0}.foam-bottom{bottom:0}.foam path{fill:none;stroke:#f6efe0}.foam path:first-child{stroke-width:1.6px;opacity:.8}.foam path:last-child{stroke-width:1px;opacity:.28}.map{position:relative}.map-path{inset:38px var(--gutter) auto;width:calc(100% - 2 * var(--gutter));height:120px;position:absolute;overflow:visible}.map-path path{fill:none;stroke:var(--gold-4);stroke-width:1.6px;stroke-dasharray:1 9;stroke-linecap:round;opacity:.8}.map ol{grid-template-columns:repeat(4,1fr);gap:24px;list-style:none;display:grid;position:relative}.map a{text-align:center;border-radius:20px;flex-direction:column;align-items:center;padding:8px;display:flex}.map-art{object-fit:contain;width:auto;max-width:100%;height:150px;transition:transform .6s var(--ease)}.map{--band:150px}.map .living.map-art{max-width:none;height:calc(var(--band) / sqrt(var(--ratio)));margin-top:calc(var(--band) - var(--band) / sqrt(var(--ratio)))}.map a:hover .map-art{transform:translateY(-4px)}.map-chapter{font:500 .68rem/1.4 var(--font-body);letter-spacing:.24em;text-transform:uppercase;color:var(--accent);margin-top:14px}.map-name{font:330 1.5rem/1.2 var(--font-display);margin-top:4px}.map-role{color:var(--on-wall-2);font-size:.9rem}.chapter{padding-block:clamp(72px,10vw,136px);scroll-margin-top:40px}.chapter-grid{grid-template-columns:minmax(0,5fr) minmax(0,7fr);grid-template-areas:"art text""art example";align-items:start;gap:44px clamp(32px,6vw,96px);display:grid}.chapter:nth-of-type(odd) .chapter-grid{grid-template-columns:minmax(0,7fr) minmax(0,5fr);grid-template-areas:"text art""example art"}.chapter-art{grid-area:art;place-items:center;display:grid;position:sticky;top:120px}.chapter-art .art{width:min(100%,440px)}.chapter-art .living.art{width:min(100%, calc(430px * sqrt(var(--ratio))))}.chapter-text{grid-area:text;max-width:640px}.chapter-example{grid-area:example;min-width:0}.chapter-mark{letter-spacing:.08em;color:var(--text-3);font-size:.8rem}.chapter-mark .gilt{letter-spacing:.2em;text-transform:uppercase;font-size:.72rem;font-weight:600}.chapter h2{margin:16px 0 20px;font-size:clamp(2.3rem,4.4vw,3.6rem)}.chapter-summary{color:var(--text-2);font-size:1.08rem;line-height:1.7}.facts{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:36px 0 0;display:grid}.facts dt{font:400 1.08rem/1.3 var(--font-display);margin-bottom:6px}.facts dd{color:var(--text-2);margin:0;font-size:.88rem;line-height:1.6}.status{color:var(--text-3);margin-top:28px;font-size:.86rem}.status span{letter-spacing:.2em;text-transform:uppercase;color:var(--accent);margin-right:8px;font-size:.66rem;font-weight:500}.chapter-links{flex-wrap:wrap;align-items:center;gap:12px 28px;margin-top:26px;display:flex}.link{color:var(--link);font-weight:500}.link:hover{text-underline-offset:5px;text-decoration:underline;text-decoration-thickness:1px}.link.quiet{color:var(--text-2);font-weight:400}.demo{gap:14px;display:grid}.demo-stage{border-radius:var(--radius);background:var(--panel);box-shadow:var(--panel-edge), var(--panel-shadow);place-items:center;padding:30px 24px;display:grid}.demo-lanterns{justify-items:center;gap:16px;display:grid}.demo-lanterns p{font:italic 330 1.3rem/1.3 var(--font-display);color:var(--text)}.demo-lanterns .lanterns{gap:14px;display:flex}.demo-lanterns .lanterns span{background:color-mix(in oklab, var(--text) 12%, transparent);width:22px;height:22px;transition:background .5s var(--ease), box-shadow .5s var(--ease), transform .5s var(--ease);border-radius:50%;box-shadow:inset 0 1px 2px #0003}.demo-lanterns .lanterns span.lit{background:radial-gradient(circle at 35% 30%,#fff8e6 0%,#efdcae 30%,#caa56a 70%,#8d6d3c 100%);transform:scale(1.08);box-shadow:0 0 0 1px #8d6d3c59,0 0 18px 2px #e8c88c8c}.demo-lanterns button{color:#1f2638;background-image:var(--brush), var(--gilt-plate);background-blend-mode:soft-light, normal;background-size:600px 300px,100% 100%;border-radius:999px;min-height:40px;padding:0 18px;font-size:.88rem;font-weight:500;box-shadow:inset 0 1px #fffaeed9,inset 0 -1px #5a462873,0 6px 16px -8px #785a2899}.demo-note{color:var(--text-3);font-size:.84rem;line-height:1.6}.pipeline{counter-reset:step;gap:0;list-style:none;display:grid}.pipeline li{counter-increment:step;padding:0 0 30px 40px;position:relative}.pipeline li:before{content:counter(step);width:26px;height:26px;font:600 .72rem/1 var(--font-body);color:#1f2638;background-image:var(--gilt-plate);border-radius:50%;place-items:center;display:grid;position:absolute;top:0;left:0;box-shadow:inset 0 1px #fffaeecc,0 2px 6px -2px #5a462880}.pipeline li:not(:last-child):after{content:"";border-left:1.5px dotted var(--gold-4);opacity:.7;position:absolute;top:32px;bottom:6px;left:12.5px}.pipeline-step{font:500 .95rem/1.4 var(--font-mono);display:block}.pipeline-out{font:400 .8rem/1.4 var(--font-mono);color:var(--accent);margin-top:4px;display:inline-block}.pipeline p{color:var(--text-2);margin-top:6px;font-size:.92rem}.ecosystem{background:var(--bg-sunken);padding-block:clamp(72px,10vw,128px)}.ecosystem-head{grid-template-columns:minmax(0,360px) minmax(0,1fr);align-items:center;gap:clamp(28px,5vw,72px);margin-bottom:56px;display:grid}.ecosystem-art{width:100%}.ecosystem h2{margin:14px 0 16px;font-size:clamp(2.3rem,4.4vw,3.6rem)}.ecosystem-head p:not(.eyebrow){color:var(--text-2);max-width:460px;font-size:1.08rem}.packages{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px;list-style:none;display:grid}.packages a{border-radius:var(--radius);background:var(--panel);height:100%;box-shadow:var(--panel-edge), 0 1px 2px var(--shadow);transition:transform .4s var(--ease), box-shadow .4s var(--ease);grid-template-columns:1fr auto;gap:6px 12px;padding:20px 22px;display:grid}.packages a:hover{box-shadow:var(--panel-edge), var(--panel-shadow);transform:translateY(-2px)}.package-name{font:500 .95rem/1.4 var(--font-mono)}.package-version{font:400 .74rem/1.4 var(--font-mono);color:var(--accent);align-self:center}.package-summary{color:var(--text-2);grid-column:1/-1;font-size:.88rem;line-height:1.55}.shore{text-align:center;padding-block:clamp(72px,9vw,120px) clamp(80px,10vw,140px);position:relative;overflow:hidden}.shore-art{width:min(92%,1100px);margin-inline:auto}.shore-copy{margin-top:-24px;position:relative}.shore h2{font-size:clamp(2.3rem,4.8vw,4rem)}.shore p{max-width:520px;color:var(--text-2);margin:18px auto 0;font-size:1.08rem}.shore .actions{justify-content:center}@media (width<=980px){.hero-grid{grid-template-columns:1fr}.seaside{--horizon:66%}.hero-kite{--kh:26vh;top:5%;left:auto;right:calc(10vw - var(--kh) * .16)}.hero-headland{--h:20%}.hero-pier{--h:min(26%, 44vw);right:2vw}.hero-bottle{--h:8%;left:12vw;top:calc(86% - var(--h) * var(--w))}.seaside :is(.hero-moon,.hero-sun){height:8%}.seaside .hero-dune{--dw:175vw;left:-70vw}.chapter-grid,.chapter:nth-of-type(odd) .chapter-grid{grid-template-columns:1fr;grid-template-areas:"art""text""example"}.chapter-art{position:static}.chapter-art .art{width:min(80%,360px)}.facts{grid-template-columns:1fr;gap:16px}.ecosystem-head{grid-template-columns:1fr}.ecosystem-art{width:min(80%,320px)}.map ol{grid-template-columns:repeat(2,1fr);row-gap:32px}.map-path{display:none}}@media (width<=560px){.seaside{--horizon:74%}.seaside .hero-headland{display:none}.seaside .hero-dune{--dw:290vw;left:-170vw}.hero-pier{--h:15%;--w:.767;right:-7vw;top:calc(var(--horizon) + 8% - var(--h) * var(--w))}.hero-kite{--kh:17vh;top:9%;right:calc(9vw - var(--kh) * .16)}.seaside :is(.hero-moon,.hero-sun){--x:58%;--y:10%;--low:22%;--fade:0;height:5%}.hero-bottle{--h:6%;left:8vw;top:calc(90% - var(--h) * var(--w))}.hero-grass-left{height:24%}.hero-grass-right{height:18%}.map{--band:110px}.map-art{height:110px}.map-name{font-size:1.25rem}}.tech-hero-grid{z-index:2;padding-block:clamp(12px, 3vh, 48px) calc(var(--dune) * .62 + 2vh);flex:1;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center;gap:40px;display:grid;position:relative}.tech-hero .eyebrow{color:var(--on-wall-2);opacity:.8}.tech-hero h1{margin:clamp(10px,2vh,18px) 0 6px;font-size:clamp(2.6rem,min(6vw,8.4vh),5rem);line-height:1}.tech-title{font:italic 340 clamp(1.5rem, 2.6vw, 2.1rem)/1.25 var(--font-display)}.tech-hero .lead{color:var(--on-wall-2);margin-top:clamp(12px,2.4vh,22px);font-size:clamp(1rem,min(1.5vw,2.2vh),1.22rem)}.tech-hero .actions{margin-top:clamp(18px,3.8vh,34px)}.tech-art{justify-self:center;width:min(100%,460px)}.tech-art.living{width:min(100%, calc(450px * sqrt(var(--ratio))), calc(56vh * var(--ratio)))}.tech-hero-grid>.tech-art{justify-self:center;animation:9s ease-in-out infinite alternate drift}.tech-features{padding-block:clamp(56px,8vw,96px) 24px}.tech-features ul{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;list-style:none;display:grid}.tech-features a{border-radius:var(--radius);background:var(--panel);height:100%;box-shadow:var(--panel-edge), 0 1px 2px var(--shadow);transition:transform .4s var(--ease), box-shadow .4s var(--ease);flex-direction:column;gap:8px;padding:24px 24px 26px;display:flex}.tech-features a:hover{box-shadow:var(--panel-edge), var(--panel-shadow);transform:translateY(-2px)}.tech-feature-title{font:400 1.3rem/1.25 var(--font-display)}.tech-feature-text{color:var(--text-2);font-size:.93rem;line-height:1.65}.tech-example{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:start;gap:clamp(28px,5vw,72px);padding-block:clamp(56px,8vw,96px);display:grid}.tech-example h2{overflow-wrap:anywhere;margin:12px 0 18px;font-size:clamp(1.8rem,2.8vw,2.3rem)}.tech-packages{gap:14px;margin-top:26px;list-style:none;display:grid}.tech-packages a{font-size:.95rem}.tech-packages a span{font:400 .76rem/1 var(--font-mono);color:var(--accent)}.tech-packages p{color:var(--text-2);margin-top:2px;font-size:.88rem}.tech-turn{justify-content:space-between;gap:16px;padding-block:24px clamp(72px,9vw,120px);display:flex}.tech-turn-link{background:var(--panel);box-shadow:var(--panel-edge), 0 1px 2px var(--shadow);transition:transform .4s var(--ease);border-radius:20px;align-items:center;gap:18px;padding:14px 22px 14px 14px;display:flex}.tech-turn-link.next{text-align:right;margin-left:auto;padding:14px 14px 14px 22px}.tech-turn-link:hover{transform:translateY(-2px)}.tech-turn-link .art{object-fit:contain;width:96px;height:72px}.tech-turn-link span{font:400 1.35rem/1.2 var(--font-display);flex-direction:column;display:flex}.tech-turn-link small{font:500 .66rem/1.4 var(--font-body);letter-spacing:.2em;text-transform:uppercase;color:var(--accent)}@media (width<=980px){.tech-hero-grid{grid-template-columns:1fr}.tech-art{order:-1;width:min(70%,340px)}.tech-features ul{grid-template-columns:1fr 1fr}.tech-example{grid-template-columns:1fr}}@media (width<=620px){.tech-features ul{grid-template-columns:1fr}.tech-turn{flex-direction:column}.tech-turn-link.next{margin-left:0}}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.map li,.chapter-art,.chapter-text,.chapter-example,.ecosystem-head,.packages li,.shore-art,.shore-copy,.tech-features li,.tech-example>*{animation:linear both settle;animation-timeline:view();animation-range:entry entry 70%}.map li:nth-child(2),.packages li:nth-child(4n+2),.tech-features li:nth-child(3n+2){animation-range:entry 8% entry 78%}.map li:nth-child(3),.packages li:nth-child(4n+3),.tech-features li:nth-child(3n){animation-range:entry 16% entry 86%}.map li:nth-child(4),.packages li:nth-child(4n){animation-range:entry 24% entry 94%}.map-path{animation:linear both draw;animation-timeline:view();animation-range:entry 10% cover 50%}}}@keyframes draw{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}@keyframes settle{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}.living{display:block;position:relative}.living-paint,.living-paint>*{width:100%;height:100%;display:block;position:absolute;inset:0}.living-paint>canvas{opacity:0;pointer-events:none}.living-paint>canvas[data-ready]{opacity:1}.living-paint>img[data-covered]{visibility:hidden}.docs{grid-template-columns:236px minmax(0,1fr) 208px;align-items:start;gap:clamp(28px,4vw,64px);padding-block:40px 96px;display:grid}.docs-side{flex-direction:column;gap:18px;max-height:calc(100vh - 104px);display:flex;position:sticky;top:88px}.docs-nav{scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent;margin-inline:-8px;padding:0 8px 24px;overflow-y:auto}.docs-nav-list{position:relative}.docs-nav-section+.docs-nav-section{margin-top:22px}.docs-nav-title{font:500 .66rem/1.4 var(--font-body);letter-spacing:.22em;text-transform:uppercase;color:var(--accent);margin-bottom:6px}.docs-nav ul{list-style:none}.docs-nav a{z-index:1;color:var(--text-2);transition:color .2s var(--ease);border-radius:9px;padding:5px 12px;font-size:.9rem;display:block;position:relative}.docs-nav a:hover{color:var(--text)}.docs-nav a[aria-current]{color:var(--text);font-weight:500}.docs-nav-list[data-indicator=true]:before{content:"";width:var(--indicator-w);height:var(--indicator-h);transform:translate(var(--indicator-x), var(--indicator-y));background:color-mix(in oklab, var(--gold-4) 16%, transparent);transition:transform .42s var(--ease), height .42s var(--ease), width .42s var(--ease);border-radius:9px;position:absolute;top:0;left:0}.docs-menu{display:none}.search-trigger{width:100%;height:42px;color:var(--text-3);background:var(--panel);box-shadow:var(--panel-edge), 0 1px 2px var(--shadow);transition:color .2s var(--ease);border-radius:12px;align-items:center;gap:10px;padding:0 10px 0 14px;font-size:.88rem;display:flex}.search-trigger:hover{color:var(--text)}.search-trigger .icon{width:17px;height:17px}.search-trigger kbd{font:500 .7rem/1.5 var(--font-body);color:var(--text-3);background:color-mix(in oklab, var(--text) 7%, transparent);border-radius:6px;margin-left:auto;padding:2px 7px}.doc{min-width:0;max-width:760px}.doc[data-turn=a]{animation:enter-a .52s var(--ease) both}.doc[data-turn=b]{animation:enter-b .52s var(--ease) both}.doc-head{padding-bottom:12px}.doc-head h1{margin:14px 0 16px;font-size:clamp(2.4rem,4.6vw,3.5rem)}.doc-head .lead{color:var(--text-2);font-size:1.14rem}.prose{color:var(--text);font-size:1.02rem;line-height:1.78}.prose>*+*{margin-top:1.1em}.prose p,.prose li{color:var(--text-2)}.prose strong{color:var(--text);font-weight:600}.prose a:not(.anchor,.card a,[class]){color:var(--link);text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:1px;-webkit-text-decoration-color:color-mix(in oklab, var(--link) 40%, transparent);text-decoration-color:color-mix(in oklab, var(--link) 40%, transparent)}.prose a:not(.anchor,[class]):hover{text-decoration-color:currentColor}.prose ul,.prose ol:not(.steps){padding-left:1.3em}.prose li+li{margin-top:.4em}.prose li::marker{color:var(--gold-4)}.prose h2{margin-top:2.4em;scroll-margin-top:96px;font-size:clamp(1.7rem,2.6vw,2.1rem)}.prose h3{margin-top:1.9em;scroll-margin-top:96px;font-size:1.32rem}.prose h2+*,.prose h3+*{margin-top:.7em}.anchor{position:relative}.anchor:after{content:"#";color:var(--gold-4);opacity:0;transition:opacity .2s var(--ease);margin-left:.3em;position:absolute;left:100%}.anchor:hover:after,.anchor:focus-visible:after{opacity:.8}.prose .code,.prose .code-tabs{margin-block:1.4em}.prose .code-tabs .code{margin:0}.note{border-radius:var(--radius);background:var(--panel);box-shadow:var(--panel-edge), 0 1px 2px var(--shadow);margin-block:1.6em;padding:16px 20px}.note-title{font:500 .68rem/1.4 var(--font-body);letter-spacing:.2em;text-transform:uppercase;color:var(--accent)}.note-body{margin-top:6px;font-size:.95rem;line-height:1.7}.note-body>*+*{margin-top:.6em}.note-caution{background:linear-gradient(165deg, color-mix(in oklab, var(--gold-4) 12%, var(--bg-raised)), color-mix(in oklab, var(--gold-4) 6%, var(--bg-raised)))}.table{border-radius:var(--radius);background:var(--panel);box-shadow:var(--panel-edge), 0 1px 2px var(--shadow);margin-block:1.5em;overflow-x:auto}.table table{border-collapse:collapse;width:100%;font-size:.9rem;line-height:1.55}.table caption{text-align:left;color:var(--text-3);padding:14px 18px 0;font-size:.8rem}.table th{text-align:left;font:500 .68rem/1.4 var(--font-body);letter-spacing:.18em;text-transform:uppercase;color:var(--accent);white-space:nowrap;padding:12px 18px 8px}.table td{vertical-align:top;color:var(--text-2);padding:10px 18px}.table tbody tr:nth-child(odd) td{background:color-mix(in oklab, var(--text) 3%, transparent)}.table td:first-child{color:var(--text)}.steps{counter-reset:step;padding:0;list-style:none}.steps>li{counter-increment:step;padding-left:44px;position:relative}.steps>li+li{margin-top:1.6em}.steps>li:before{content:counter(step);width:28px;height:28px;font:600 .76rem/1 var(--font-body);color:#1f2638;background-image:var(--gilt-plate);border-radius:50%;place-items:center;display:grid;position:absolute;top:.15em;left:0;box-shadow:inset 0 1px #fffaeecc,0 2px 6px -2px #5a462880}.cards{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px;list-style:none;display:grid;padding:0!important}.cards li+li{margin-top:0}.cards a{border-radius:var(--radius);background:var(--panel);height:100%;box-shadow:var(--panel-edge), 0 1px 2px var(--shadow);transition:transform .4s var(--ease);flex-direction:column;gap:4px;padding:16px 18px;display:flex}.cards a:hover{transform:translateY(-2px)}.card-title{font:400 1.1rem/1.3 var(--font-display);color:var(--text)}.card-text{color:var(--text-2);font-size:.88rem;line-height:1.55}.source{color:var(--text-3);font-size:.86rem}.pager{justify-content:space-between;gap:16px;margin-top:72px;display:flex}.pager-link{border-radius:var(--radius);min-width:0;max-width:48%;font:400 1.1rem/1.3 var(--font-display);background:var(--panel);box-shadow:var(--panel-edge), 0 1px 2px var(--shadow);transition:transform .4s var(--ease);flex-direction:column;gap:2px;padding:14px 18px;display:flex}.pager-link:hover{transform:translateY(-2px)}.pager-link span{font:500 .66rem/1.4 var(--font-body);letter-spacing:.2em;text-transform:uppercase;color:var(--accent)}.pager-link.next{text-align:right;margin-left:auto}.doc-figure{place-items:center;margin-block:8px 28px;display:grid}.doc-figure .art{width:min(100%,340px);animation:8s ease-in-out infinite alternate drift}.docs-contents{max-height:calc(100vh - 120px);font-size:.84rem;position:sticky;top:96px;overflow-y:auto}.docs-contents-title{font:500 .66rem/1.4 var(--font-body);letter-spacing:.22em;text-transform:uppercase;color:var(--text-3);margin-bottom:10px}.docs-contents ul{list-style:none}.docs-contents li[data-level="3"]{padding-left:12px}.docs-contents a{color:var(--text-3);transition:color .2s var(--ease);padding:4px 0;display:block}.docs-contents a:hover{color:var(--text)}.docs-contents a[aria-current]{color:var(--text);font-weight:500}.search-dialog{width:min(640px,100vw - 32px);max-height:min(620px,100vh - 120px);color:var(--text);background:var(--bg-raised);box-shadow:var(--panel-edge), 0 40px 80px -30px #080c1899;border:0;border-radius:18px;margin:12vh auto auto;padding:0;overflow:hidden}.search-dialog[open]{animation:rise .32s var(--ease);flex-direction:column;display:flex}.search-dialog::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0e121e73}@keyframes rise{0%{opacity:0;transform:translateY(8px)scale(.99)}}.search-command{flex-direction:column;min-height:0;display:flex}.search-field{box-shadow:inset 0 -1px 0 var(--line);align-items:center;gap:12px;padding:0 20px;display:flex}.search-field-icon{background:var(--gold-4);flex:none;width:18px;height:18px;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'%3E%3Ccircle cx='10.8' cy='10.8' r='6.3'/%3E%3Cpath d='m15.5 15.5 4.8 4.8'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'%3E%3Ccircle cx='10.8' cy='10.8' r='6.3'/%3E%3Cpath d='m15.5 15.5 4.8 4.8'/%3E%3C/svg%3E") 50%/contain no-repeat}.search-field input{background:0 0;border:0;outline:none;flex:1;min-width:0;height:60px;font-size:1.05rem}.search-field input::placeholder{color:var(--text-3)}.search-field input::-webkit-search-cancel-button{display:none}.search-results{padding:8px;overflow-y:auto}.search-results:empty{display:none}.search-result{cursor:pointer;border-radius:12px;gap:2px;padding:10px 14px;display:grid}.search-result[data-highlighted=true]{background:color-mix(in oklab, var(--gold-4) 14%, transparent)}.search-result-path{font:500 .66rem/1.4 var(--font-body);letter-spacing:.16em;text-transform:uppercase;color:var(--accent)}.search-result-title{font:400 1.05rem/1.35 var(--font-display)}.search-result-text{color:var(--text-2);font-size:.84rem;line-height:1.5}.search-empty{color:var(--text-2);padding:22px;font-size:.92rem}@media (width<=1180px){.docs{grid-template-columns:220px minmax(0,1fr)}.docs-contents{display:none}}@media (width<=860px){.docs{grid-template-columns:1fr;padding-top:20px}.docs-side{gap:12px;max-height:none;position:static}.docs-menu{background:var(--panel);height:46px;box-shadow:var(--panel-edge), 0 1px 2px var(--shadow);border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:0 16px;font-weight:500;display:flex}.docs-menu-hint{color:var(--accent);font-size:.8rem;font-weight:400}.docs-nav{border-radius:var(--radius);background:var(--panel);box-shadow:var(--panel-edge);margin:0;padding:16px;display:none}.docs-nav[data-open]{display:block}.pager-link{flex:1;max-width:none}.doc-figure .art{width:min(60%,240px)}}