@font-face{font-family:Hanken Grotesk;src:url(/fonts/hanken-400.ttf)format("truetype");font-weight:400;font-display:swap}@font-face{font-family:Hanken Grotesk;src:url(/fonts/hanken-500.ttf)format("truetype");font-weight:500;font-display:swap}:root{--ground:#10110f;--surface:#191a17;--raised:#24251f;--ink:#eeede7;--secondary:#b5b3a7;--accent:#d6c69c;--pad:clamp(24px, 5.5vw, 100px);--body:18px;--small:14px;--heading:clamp(46px, 5.4vw, 82px);--masthead-height:91px;--navigation-height:80px;--ease:cubic-bezier(.22, 1, .36, 1);color:var(--ink);background:var(--ground);font-synthesis:none;font-family:Hanken Grotesk,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{font-size:var(--body);margin:0;line-height:1.55}a{color:inherit;text-underline-offset:6px;text-decoration:none}button,input{font:inherit}button{cursor:pointer;border:0}button,a,label{-webkit-tap-highlight-color:transparent}:focus-visible{outline:2px solid var(--accent);outline-offset:5px}::selection{color:var(--ground);background:var(--accent)}h1,h2,h3,p,figure{margin:0}h1,h2,h3{text-wrap:balance;letter-spacing:-.045em;font-weight:500;line-height:1.05}h1{font-size:var(--heading)}h2{font-size:clamp(36px,3.5vw,54px)}h3{font-size:28px;line-height:1.2}p{text-wrap:pretty}pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:var(--small);margin:0;line-height:1.9}code{font-family:monospace}.site-shell{isolation:isolate;position:relative;overflow:clip}.masthead,.navigation,main,.site-footer{z-index:1;position:relative}.mechanical-world{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.mechanical-stage{inset:calc(var(--masthead-height) + var(--navigation-height)) 0 0;position:absolute;container-type:size}.mechanical-canvas{opacity:0;width:100%;height:100%;position:absolute;inset:0}.mechanical-poster{left:var(--poster-left);top:var(--poster-top);width:var(--poster-width);height:var(--poster-height);opacity:.9;position:absolute}.mechanical-world[data-renderer=webgl] .mechanical-canvas{opacity:.9}.mechanical-world[data-renderer=webgl] .mechanical-poster{opacity:0}.art-left main>:is(.page-heading,.chapter,.foundation-overview,.quick-layout,.docs-index,.docs-layout){margin-left:auto}.skip-link{z-index:10;background:var(--accent);width:0;height:0;color:var(--ground);padding:0;position:absolute;top:15px;left:20px;overflow:hidden}.skip-link:focus{width:auto;height:auto;padding:12px}.masthead{height:var(--masthead-height);padding:28px var(--pad) 20px;justify-content:space-between;align-items:center;gap:30px;display:flex}.wordmark{letter-spacing:-.075em;align-items:center;gap:10px;font-size:43px;font-weight:500;line-height:1;display:flex}.wordmark svg{width:30px}.masthead p{white-space:nowrap;color:var(--secondary);font-size:var(--small);margin-left:auto;line-height:1.35}.masthead>a:last-child{font-size:var(--small);margin-left:40px}.navigation{height:var(--navigation-height);padding:18px var(--pad);gap:35px;display:flex}.navigation a{font-size:var(--body);padding:8px 0}.navigation small{display:none}.navigation .is-active{color:var(--accent);text-decoration:underline}.button{background:var(--accent);min-height:56px;color:var(--ground);transition:transform .18s var(--ease);justify-content:space-between;align-items:center;gap:32px;padding:15px 23px;font-weight:500;display:inline-flex}.button:active{transform:scale(.97)}.arrow-icon{vertical-align:-.05em;flex:none;width:.85em;height:.85em;margin-left:.2em}.button>.arrow-icon{vertical-align:baseline;width:28px;height:28px;margin-left:0}.text-link{margin-top:25px;text-decoration:underline;display:inline-block}.small-note{color:var(--secondary);font-size:var(--small)}main{padding:0 var(--pad)}.home-hero{align-items:center;min-height:76svh;display:flex}.hero-copy{width:min(47%,650px);padding:35px 0 80px}.hero-copy h1{background:var(--ground);width:fit-content;font-size:clamp(64px,7vw,108px)}.hero-copy>p{background:#10110ff0;max-width:430px;margin:32px 0}.hero-copy .small-note{background:var(--ground);width:fit-content;margin-top:40px;display:block}.foundation-strip{flex-direction:column;gap:20px;width:min(48%,650px);padding:30px 0;display:flex}.foundation-strip>span{font-size:var(--small);color:var(--secondary)}.foundation-strip>div{flex-wrap:wrap;gap:12px 26px;display:flex}.chapter{margin-top:160px}.chapter,.foundation-overview,.quick-layout,.docs-index,.integration-layout{width:min(48%,680px)}.section-heading,.page-heading{flex-direction:column;align-items:start;gap:30px;display:flex}.page-heading{width:min(49%,700px);padding:65px 0 75px}.page-heading>div{max-width:530px}.section-heading{margin-bottom:35px}.section-heading p{max-width:440px}.story-copy,.home-foundation,.home-start,.docs-invitation,.foundation-overview,.foundation-detail,.next-step,.docs-note{background:#10110ff0}.story-copy p,.home-foundation p,.foundation-overview p,.foundation-detail p,.docs-invitation p{margin-top:25px}:where(.home-foundation,.foundation-detail) .code-block{margin-top:32px}.home-start>div:first-child{padding-bottom:32px}.home-start p,.next-step p,.docs-note p{margin:25px 0}.code-block,.command-output{background:var(--surface);min-width:0;padding:25px}.code-caption{font-size:var(--small);color:var(--secondary);margin-bottom:22px}.integration-layout{width:min(44%,650px)}.integration-controls{background:#10110ff7;padding:0}.stack-builder fieldset{border:0;min-width:0;margin:0 0 38px;padding:0}.stack-builder legend{justify-content:space-between;align-items:baseline;gap:16px;width:100%;margin-bottom:17px;font-size:28px;display:flex}.stack-builder :where(legend) span{font-size:var(--small);color:var(--secondary)}.options{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.option{background:var(--surface);cursor:pointer;min-height:72px;transition:transform .18s var(--ease);align-items:center;gap:10px;padding:12px;font-size:15px;display:flex;position:relative}.option input{width:14px;height:14px;accent-color:var(--accent);flex-shrink:0;margin:0}.option:has(input:checked){color:var(--ink);background:#34352c}.option:has(input:disabled){opacity:.38;cursor:not-allowed}.option-art{flex-shrink:0;width:46px;height:50px}.field-note{font-size:var(--small);color:var(--secondary);margin-top:13px}.command-output pre{min-height:90px}.command-output .button{width:100%;margin-top:22px}.copy-feedback{font-size:var(--small);min-height:42px;margin-top:15px}.assembly-workbench{margin-top:35px}.assembly-note{color:var(--secondary);margin-bottom:22px}.compatibility-table{background:var(--surface);padding:20px;overflow-x:auto}table{border-collapse:collapse;text-align:left;width:100%;min-width:650px;font-size:14px}caption{text-align:left;margin-bottom:22px;font-size:18px}th,td{border-bottom:1px solid #45463e;padding:14px 12px}th{font-weight:500}thead{background:var(--raised)}.integration-notes{gap:35px;margin-top:40px;display:grid}.integration-notes p{margin-top:16px}.quick-machine{margin-bottom:45px}.quick-machine p{color:var(--secondary);font-size:var(--small)}.quick-steps{gap:90px;margin:0;padding:0;list-style:none;display:grid}.quick-steps li{background:#10110ff0}.quick-steps h2{font-size:42px}.quick-steps p{margin-top:24px}.quick-steps .code-block,.quick-steps .command-output{margin-top:28px}.docs-intro{padding-bottom:65px}.docs-intro h2{font-size:36px}.docs-intro p{margin:25px 0}.document-list{gap:36px;display:grid}.document-list a{background:var(--surface);padding:30px;display:block;position:relative}.document-list h2{font-size:32px}.document-list p{margin-top:18px;padding-right:35px}.document-list span{font-size:28px;position:absolute;bottom:25px;right:25px}.docs-layout{width:min(57%,820px);padding-top:50px}.docs-sidebar{margin-bottom:60px}.docs-sidebar>.text-link{font-size:var(--small);color:var(--secondary);margin:0 0 25px}.docs-sidebar nav{flex-wrap:wrap;gap:10px 25px;display:flex}.docs-sidebar :where(nav) a{padding:8px 0;font-size:15px}.docs-sidebar .is-active{color:var(--accent);text-decoration:underline}.document header h1{font-size:clamp(45px,4.5vw,70px)}.document :where(header) p{max-width:600px;margin-top:26px;font-size:24px}.document-contents{flex-wrap:wrap;gap:9px;margin:35px 0 65px;display:flex}.document-contents a{background:var(--surface);font-size:var(--small);padding:10px 14px}.document>section{background:#10110ff0;margin-top:80px;padding:6px 0 20px}.document h2{font-size:34px}.document p{margin-top:23px}.document .code-block{margin-top:28px}.document-bottom{background:var(--surface);justify-content:space-between;gap:20px;margin-top:70px;padding:24px;display:flex}.site-footer{margin:180px var(--pad) 0;background:var(--ground);grid-template-columns:1.4fr 1fr 1fr;gap:35px;padding-top:45px;display:grid}.site-footer>div:first-child{padding-right:25px}.site-footer h2{font-size:clamp(36px,3.5vw,54px)}.site-footer p{font-size:var(--small);color:var(--secondary);margin-top:25px}.site-footer nav{flex-direction:column;gap:15px;padding-left:25px;display:flex}.footer-cta{background:var(--accent);color:var(--ground);justify-content:space-between;align-items:start;padding:25px;font-size:24px;display:flex}.footer-cta span{align-self:end;font-size:48px}.footer-mark{letter-spacing:-.075em;grid-column:1/-1;padding:25px 0;font-size:23vw;font-weight:500;line-height:1;overflow:hidden}.credits{font-size:var(--small);color:var(--secondary);grid-column:1/-1;justify-content:space-between;gap:25px;padding-bottom:35px;display:flex}.empty-page{padding:100px 0}.empty-page p{margin:25px 0}@media (hover:hover){a:not(.button):hover{text-decoration:underline}:is(.button:hover,.option:not(:has(input:disabled)):hover){transform:translateY(-2px)}}@media (width<=1100px){.site-footer{grid-template-columns:1fr 1fr}.site-footer>div:first-child{grid-column:1/-1}:root{--pad:35px;--body:17px}.hero-copy,.chapter,.foundation-overview,.quick-layout,.docs-index,.integration-layout{width:53%}.page-heading{width:56%}.docs-layout{width:65%}.option-art{width:34px}.option{gap:7px;padding:10px;font-size:14px}}@media (width<=760px){:root{--pad:24px;--heading:48px}.masthead{gap:20px;height:auto;padding-top:25px}.masthead p{display:none}.masthead>a:last-child{font-size:var(--small);margin-left:auto}.wordmark{gap:8px;font-size:36px}.wordmark svg{width:26px}.navigation{grid-template-columns:1fr 1fr;gap:6px 24px;height:auto;padding-top:12px;display:grid}.navigation a{font-size:14px}.home-hero{align-items:start;min-height:86svh}.hero-copy{width:100%;padding-top:55px;padding-bottom:190px}.hero-copy h1{font-size:clamp(56px,12vw,82px)}.hero-copy>p{background:#10110fe6;max-width:330px;padding:10px 0}.hero-copy .small-note{margin-top:25px}.foundation-strip{background:#10110ff0;width:100%}.chapter,.foundation-overview,.quick-layout,.docs-index,.integration-layout,.page-heading,.docs-layout{width:100%}.page-heading{padding:50px 0 60px}.page-heading>div{background:#10110ff0;max-width:460px}.chapter{margin-top:110px}.section-heading{background:#10110ff0}.integration-layout{padding-top:24svh}.integration-controls{padding-top:24px}.option{min-height:76px;padding:12px;font-size:14px}.option-art{width:42px}.stack-builder legend{font-size:26px}.stack-builder :where(legend) span{font-size:var(--small)}.assembly-workbench{background:#10110ff0}.docs-layout{padding-top:38px}.docs-sidebar{background:#10110fe6;margin-bottom:45px}.document header{background:#10110fe6;padding-bottom:16px}.document header h1{font-size:45px}.document :where(header) p{font-size:22px}.document h2{font-size:30px}.document-contents{margin-bottom:90px}.document>section{margin-top:75px}.code-block,.command-output{padding:22px}.docs-intro{background:#10110ff0}.document-list a{padding:25px}.document-list h2{font-size:30px}.site-footer{grid-template-columns:1fr 1fr;gap:30px;margin-top:130px}.site-footer>div:first-child{grid-column:1/-1}.site-footer nav{font-size:var(--body);padding:0}.site-footer h2{font-size:42px}.footer-cta{padding:20px;font-size:20px}.footer-mark{font-size:22vw}.credits{flex-direction:column;gap:12px}}@media (width<=380px){:root{--pad:18px}.option{gap:6px;padding:10px}.option-art{width:32px}.document header h1{font-size:40px}}@keyframes page-enter{0%{opacity:0;transform:translateY(18px)}}main{animation:page-enter .52s var(--ease) backwards}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}main{animation:none}.button,.option{transition:none}}@media (width<=760px){.mechanical-stage{top:0}.mechanical-poster{left:var(--poster-mobile-left);top:var(--poster-mobile-top);width:var(--poster-mobile-width);height:var(--poster-mobile-height)}.art-left main>:is(.page-heading,.chapter,.foundation-overview,.quick-layout,.docs-index,.docs-layout){margin-left:0}}.document>header,.docs-sidebar,.page-heading,.page-heading>div,.masthead,.navigation{background:#10110ff5}