@font-face{font-family:Instrument Sans Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(/assets/instrument-sans-latin-ext-wght-normal-B5bTHO_g.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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:Instrument Sans Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(/assets/instrument-sans-latin-wght-normal-BbzFLZTg.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Fragment Mono;font-style:normal;font-display:swap;font-weight:400;src:url(data:font/woff2;base64,d09GMgABAAAAAAvMABEAAAAAGIgAAAtwAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGhYbHhwoBmAAXAiBMgmcDBEICoYghWsLFAABNgIkAyIEIAWEbgddDIFhGxAXIwPBxkEgBD5M9pcHNhkOC9d/TWPHUBgLWadj2h0PhZSK0tw7jx+laU82/ePdIKKcRtWjkSwrTAqxQ6wQ8yFmj+mPyTHAy1ClWfnSsJ4aFAU2rdvAUKgXQ4VVpN4/KjQl8Du/hvfCsMezEvO6//0L31tlazPvuG/VMIdsBxFiXRvhtvfPVw5JSBZpTBIVIaHKdqxnqcnWdplaYCm+ifr/rfnad2fmEwpbQiHx+Na46qrJJPlnZ3cLu/mQ5DNuSkDCoGLeIlkkIdn21Lpa38u2RBts2nC2Z1tIlmAJYhWffydFgFD4xApBMI7N4JCaPpB09QxNYaMBgkEAiG555KG+Nfpo/eqEcACVG2t1IC/CBHWn5oBB6E1WqJRGjwox/YbiSt3y6Q7zlzTb3Q8fw3XfZbwnaIHxIH4XeSmAClUfBFxsZRhWbIcV5Gn6dDhxPYWFSztv4uOi3Hd1Z378Jw3+ysdsayc/nUDgdqLvqi92rxjAYc6hYUf14pHGg/9RLMDMXhZg+bPMqoG56vuVPME89cXgX25G6lHaDn0pNc0hb8GQtwf/jf/b6oMSrdyDf6l9gQDXZevSD88ZPP8B6/KvQvUcBff1pHn6DuXthS0t6RztTogR7oG2WVBhzQkBbj4lFCxaTBjQ9MgYf/lCXhND1Zq7Gl/nnlslir89FKGG4rpN6LOHi6pUWDOZ3TcjiuslfOLiwZtC0fISo2Prmg3Oyl1f4rXSGukEIxLH4tUTz7X0aYMm8bEzdPHXUqAD3B63WKlEDPfzv0tBb5jnAmNnz7UXu9Rf2urvXd2ubhMFbhhJigXMgBJ9rItOmu/alRxdM6YrNp0Lq6XaaHUvdg2UE8ojXBQ4ZDpiI7gsPTH9sD2PlCN5k+emtN2n5kh07zz5cySelj1hQluhvU3Cx0PBZxnbcojRkZywxlp6FFu6r50lUX21g+nqGMXKYTXmepS8Mmp2P+8vxh6oO7q4XeohtHMv5tGFd1mQGCKeGRdL+ICfq4XKHJPd1W/ZBMngDdU+IR1mwLee8EMdnSGcx+da2qpcg5ddHqkb50oOFv+gcJvP4qqhkPlXkR3awM0lGhDtVds5u9Q00i5zs9GJO4c3WlEMJ+1N/asSVtYhpwJYqEfhqjfP7FFYv1TTocRg0c9iIgJdVRJb5SYRCSRLRPD70oFzi2UnEuECkdWJKMTBEfHVcy2dObskilXzWgApJfONxg+/la7fNv4eYV17mKGYutvlh19DJ8SQx/Qei84ofzeij9dGykxUdCDKc4/wEOmPTJow/FC6CCvaic93anPKyPVoSHmzA0UqsA8mTU4E94F0AoIFzNSizN91OxJjG4Sw8yOq8TOLw4VOJf1WiLasLeGWCTOsnFWfJU5flBG5JjnnwVPsHSNlj21FHq3m3vVEPDoTMZEATCiRKUpiBiUzTSnMpFRmURrzUTqzKYP5K4phU39erPzDb8U0IM+vlG0TJZKUePE+ZGlKnvg4aC4uEBGHWIeUT0Jlzzc0ZCIgCwHZCMhBQC4C8hCQj4ACBBQioAihtgwaVyuVeyuJWWu7V9tBN3Ap265NAVAedydnPVEBaa+FrLF23d7UF500w8CpMhTU9PBG2mwXomK9mzqxLR/4AO2qsVl0urYa+rTT5TW4YK8k6ds5EruhRNdk8g8Bur60671aJ4Z5UGqhUfuuR4HsF0rUYXh1TNQXq0Z4LPpeG9CVTLoG7cEOUP7dfLe3vTWVOyE6YnmpV5146SzRCJj8SrCMdrQX8e+hckAIV3fnMpPGud4aRlNEA+sQlmVFX7F2VoR3Xh7pcDWE43WKq7OeswmHmrOVo7arbEdEdVy904U+kc6hWSfDZJuiGTRbwGQNFqh+v80kdGG7dj0YDncox6GGjVZ5ptnahLrCfmN6w2wwhi4MSNeujWP4XXQePQ2eaJ6GASRhFlEbr+entERwKGNnqxbVAo5rFQd7EprkK8JVGTRaDKicSmHOQwzL0XLffW8JzeBCN3p4oUxb7+PantTEFyQy2aGbT37B/LZ4MA0T+Jd3JLAcwrkXjT70gI6vEu3EqOfhsPKOaousvM+doDG21rULNMXZjdX22sS5vpgHiwMBZeqOMLk17WLS2xqhlvutVufkplGDXW/6N96D7tQ8w+R6/if2G1gNR72H7Tra9RC3SlH0LlJvBRtxQnQfknFRNH8Ddr3/6LcnXvLuwqvbuCZKrV0fkYGmQXT0zqHOqx4CDScavhyTyTRoN2eXE+WOYDU7DF89o1iQngeMMaXxdBFMMDUnafSyKWXTdLoIZph6Z/EIodPHHFeazxDBAldazEcES1xpOUMEK1zNVX3oZmtIbB2J0TVk6i5mhnLJTMfBYs+yuwTcAe4C94D7wAPgIfAIOmN0+rNnJchBBiKFMrMRDyJwfY4Omook8DIJVJXQGkQthkbMbq9g6gBI0UOJAUxjCWkKk4BZwCJgFbAJ2AUcKeEU4RLhFuER4RXhE9X+WMS32i5xrLlFVy63LhZDdM8r7C7G8uHhB/VbSE8hggQRAYAfgGjABsaBSyAViAV5PwoV5PP8+v/atLaN+EQdGhFqhu2FmaFhM86UsxqyvBOysBj2Znnqd5y7b7nOd78b8ujbPCU1hHAiCH0VT/l2yKPvZoe86Vvfcu6+I099bYJzOBsytRqSJyGY+ER/4IMfeP0bnvb0p2X9seVrf999qWs/+sC9H37gYfon13svbDvlY88NpXWdHU0dI83VY8b04zZ2ls935vO+Od1R2VfZ8bpXZzdP9PT1jHv2mN08sxvoPH380WJU60rPV/To6kvPX/bSjDf8sMnXPjnp995kdI957d7tClQeAuLDF4y3o1w76JIBgHRQQ8ZL4YkeeRkIhhJjFwVqFqVYBcVoFH+mkdpKLn63I1rJ0OB90dicF4cG0eyhVMuwaSiRVhlJGbwvlyi8HfIs2lDO6L1UlFbPvHM9i9asgWZsft4LB7+ND18Uv5LlJBU/KLl/+30NhNp166j66hVPwe+zfX77KVrAtDB3sULE57d8u4gY6xhG5zC27azjOF2OYatbHU1l49jOdgOGPG7QayxzghiIMmTfJWfsvFY/2xmfn/eiS0vyc7Myc6L4c4vNis6JDHUyih+srS4vFoRnKhG5AQyMKMNJKH6w6JLF05T4kyGGIfNduYAY41lRmZHaSVYJOMQDqq+/hLPe1Yjmf9sRxu8Afvqkd/8Vrv2e6P939d9rbxoPgIWClwr8vRRFHRCpH9kBAm+21QFz4ZDpSXy8VBCTNyKAn1N8vBAHRQkLPB94V3goNgLY7GAg2g98TrxbDyFZ8noowiWxh0EzP+qhKeIdPUymWOlhUUCtDr80wx5XaZ9nXNJIuYTmTS7Yz+grpssSedNHoE8FepfyjtLDED1Ir7PmY7Y5UdLDrj7ZN5cywbZIX6vrdVrPIOuiuqK8LhWUEThKVtqEq7V5h3WuofWUPfabaXUp4EZJ1+9R3WcdpdSwteMNCvWOd9kw3Pk1HT6zdNNPU6fnR4uqT3c6sTMeS2Hf2hM3VxKgMo25TGWwvcCqKaXSxZgEfZBgs9SlfSqsvck2L5MFL0/pLvtk7JqNRG8q6WNB7JZtFjoq8a7rnLB72XE5Ox1IOq4tRMHHNPi6C5WA8Az8QA6fF4UhhmgxxbLaNy62b7Z91yf7gUB7AL6xMtBR7V/fvL7a/kdZQeGNqwK1DL6Pz03MPYi8YP5evoxf6+wBX8d7oaeWbIsidFMvfFIP6ia73MrXKZbl5FxwVo2qTqtGF6tMbd1NWMdH44ghglAcfGAR4lPMunipsq/5fgzoesiR54zP3XvPmcO0xQrK3mfjJ9A1n/KQz7p8wH4KolWKN6dyFX8CL3xaDasWq0IXqjRthRe9T4JDP/9BSRPfaW5ZdHUBAAA=) format("woff2"),url(data:font/woff;base64,d09GRgABAAAAAAWUAA4AAAAABvAAAQABAAAAAAAAAAAAAAAAAAAAAAAAAABHREVGAAABRAAAABYAAAAWABEABEdQT1MAAAFcAAAAHgAAAB5EdEx1R1NVQgAAAXwAAAAnAAAAKLj8uOpPUy8yAAABpAAAAFUAAABgYo+sRGNtYXAAAAH8AAAAQgAAAFxB0OJbZ2FzcAAAAkAAAAAIAAAACAAAABBnbHlmAAACSAAAAT0AAAFaNhXKIGhlYWQAAAOIAAAANgAAADYqgLJdaGhlYQAAA8AAAAAfAAAAJBAY8MdobXR4AAAD4AAAABkAAAAiEYUB02xvY2EAAAP8AAAAFAAAABQBUAHKbWF4cAAABBAAAAAcAAAAIAAjAQBuYW1lAAAELAAAARoAAAJuNApRAXBvc3QAAAVIAAAASwAAAF2B645zAAEAAAAMAAAAAAAAAAIAAQABAAMAAQAAAAEAAAAKABwAHAABREZMVAAIAAQAAAAA//8AAAAAAAB42mNgZGBg4GJQA0ImFzefEAahnMSSPAY+BhBgARH//4NIAFpJBVUAeNotxbENQEAYhuH3/87hwhA3g1KvEANQGcAoKolJJKLR2AwJT/OQaLIFD5o1AN23jVRWgwofnF4JkAHi1zctXMS4u+NOwW0WIrYCqNQJRPIH7S0K2QAAAHjaY2BgYAJiZiAWAZKMYJqFwQNI8zFwAOXYGBQYHBkWMBxkZFLY8v8/UByF///J/wP/U/87/me8HwTUjQIAZb8SQgAAAAEAAf//AA942mJgAvQ4zXARx1H8vd8x2zx8riX/lW3btt2SzS3M7VN7t4Qte7q2ptx++sVnvy9UABBHogURyAAUCgcFUiWOxjTcMzbhnHGKaA2NZJ5O+tLJHDopA0s6GaCSqZwYJ2RE+Bz3GdfwMKozLh81XV3R+VT0wwyT6WdDtEk0gAB0T2Yywu5/ff2/Lqe1XfrB2/RG8sgJuEAQgJOC51iNSimVqXieCXd1cZYxLoovlro4uzLhvMDYEpVSw7G8oPLGVceU6KR8cYF4vK12yLbUcE7CjS2WxRlpRViAsR3J/RNiaRoeeAcJybFcWXN7pUadlJHkqYpJT4yMLA/rrXbwswNAlJACvCePIKKJwMhQ0jC4TQq2tmgKO6QUT4gOrCg6hkIQGKmUItiJlhcXy6PFhYkJhUSXlJSWmAhmxutO9wAAAAABAAAAAQLRsUtkZV8PPPUADwPoAAAAAN9+te8AAAAA3362EvlE/vcTHAOxAAAABgACAAAAAAAAeNpjYGRgYN72n42BgSnrp8t7P2EZoAgq4AAAe9wE3gB42mPKYogAYjkkzADFMgwMjKwM8wFSaARoAAAAAAAAFQAuADoARgBGAEYAiACWAK142mNgZGBg4GTIZ2Bn6GfgAvMQgIOBEQAZTQEkeNqNkQVOREEQRB/uxIPEfgR3d3d3iKHr7rvhWpyCQ3AYKpN1T6emvbvSA7TjpImG5g7gt2E3bTcw2DCcthvpbehP201s8pe2mxnnJ2238Mhb2m5llOW03SsL3MQlYWKsMyOJYSOKR5G47GnBg186RBSX8jcccylE+ZQfwEFQlVfKB4Up7hVxkVDPJ1Ge5UXNDOWxmGOaWeYkG1hms5NPEtIh3HjMLItRkqZyVVgUVphiCbvwxVjJbiu73Sranr/thSPOpOtkXuRV3nkghPk2N3PhNrl5ZoV5WY+41WGV9E/lcb4lKu1Vxma698w93ObiMXON4j9y4TEVCb6YVleIgKIpTfCkX+X4JIgrz5rBWcIikGYx9g9ueGIvAAB42mNgYgCD/3MYjIAUIwM64ARiFYaTjEwMzIzMjCyMrIxsbI5JRallqeyleZkGBo4GINrIwMmEMzG5tCQ1OT83CSxjbGAGANg9D2UA) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Fragment Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/fragment-mono-latin-ext-400-normal-BbKYyvR9.woff2) format("woff2"),url(/assets/fragment-mono-latin-ext-400-normal-CT4YFKeK.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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:Fragment Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/fragment-mono-latin-400-normal-yxdJ5AmL.woff2) format("woff2"),url(/assets/fragment-mono-latin-400-normal-BYwT3kSJ.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Instrument Serif";font-style:italic;font-display:swap;font-weight:400;src:url(/assets/instrument-serif-latin-ext-400-italic-C9HzH3YL.woff2) format("woff2"),url(/assets/instrument-serif-latin-ext-400-italic-D7-lnxEk.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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:"Instrument Serif";font-style:italic;font-display:swap;font-weight:400;src:url(/assets/instrument-serif-latin-400-italic-DKMiL14s.woff2) format("woff2"),url(/assets/instrument-serif-latin-400-italic-u__WvvIK.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--sans:"Instrument Sans Variable",sans-serif;--serif:"Instrument Serif",serif;--mono:"Fragment Mono",monospace;--paper:#fcfbf8;--ink:#101010;--red:#cf001c;--muted:#767570;--line:#e0dfd9;--gutter:clamp(20px,4.2vw,78px);font-family:var(--sans);font-synthesis:none;color:var(--ink);background:var(--paper);color-scheme:light}*{box-sizing:border-box}body,h1,h2,h3,p{margin:0}a{color:inherit;text-decoration:none}button,input,select{font:inherit;color:inherit}button{cursor:pointer}button,a,input,select{-webkit-tap-highlight-color:transparent}button:disabled,input:disabled{cursor:not-allowed}:where(a,button,input,select,summary,[tabindex]):focus-visible{outline:2px solid var(--red);outline-offset:4px}::selection{background:var(--red);color:#fff}em,.serif-word{font-family:var(--serif);font-weight:400;font-style:italic;letter-spacing:normal}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.has-transform-page{overflow:hidden}.page-viewport{position:relative;height:100dvh;overflow:auto}#page-content{display:flex;flex-direction:column}#page-content>*{flex:none}.proto-header{height:94px;margin:0 var(--gutter);display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line)}.brand-logo{display:block;width:36px;mix-blend-mode:multiply}.brand-logo img{display:block;width:100%;height:auto}.proto-header nav{display:flex;gap:28px;font-size:14px}.proto-header button{border:0;padding:0;background:none}.playground-section{padding:0 var(--gutter) 64px}.playground-heading{margin:48px 0 38px}.playground-heading h1{font-size:clamp(38px,4.3vw,66px);font-weight:500;line-height:1.08;letter-spacing:-.055em}.playground-heading .serif-word{color:var(--red);white-space:nowrap}.playground-console{display:grid;grid-template-columns:minmax(280px,.44fr) minmax(0,1fr);border:1px solid var(--line)}.playground-controls,.lab-codebar{--ink:#f2f0eb;--muted:#aaa7a0;--line:#ffffff24;--red:#ee354e;--control-ease:cubic-bezier(.22,1,.36,1);background:#191918;color:var(--ink);color-scheme:dark}.playground-controls{padding:30px;min-width:0;display:flex;flex-direction:column;gap:27px}.controls-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:3px}.controls-heading h2{font-size:15px;font-weight:500}.controls-heading button{border:0;padding:4px 0 4px 12px;background:none;font-size:12px;color:var(--muted)}.controls-heading button:hover{color:var(--red)}fieldset{margin:0;padding:0;border:0;min-width:0}legend{font-size:13px;margin-bottom:10px;padding:0}.orientation-options,.preset-options{--selected-index:0;position:relative;display:flex;border-bottom:1px solid var(--line)}.preset-options{--selected-index:1}.orientation-options:after,.preset-options:after{content:"";position:absolute;bottom:-1px;left:0;width:calc(100% / 3);height:2px;background:var(--ink);pointer-events:none;transform:translate(calc(var(--selected-index) * 100%));transition:transform .36s var(--control-ease),opacity .18s ease}.preset-options.is-custom:after{opacity:0}.orientation-options label{position:relative;cursor:pointer;flex:1;min-width:0}.orientation-options input{position:absolute;opacity:0;width:100%;height:100%;margin:0;cursor:pointer}.orientation-options label>span,.preset-options button{display:block;width:100%;padding:9px 2px;text-align:center;font:12px var(--sans);color:var(--muted);border:0;border-bottom:2px solid transparent;background:none;margin-bottom:-1px;transition:color .2s ease}.preset-options button{flex:1}.orientation-options input:checked+span,.preset-options button[aria-pressed=true]{color:var(--ink)}.orientation-options label:hover>span,.preset-options button:hover{color:var(--ink)}.orientation-options input:focus-visible+span{outline:2px solid var(--red);outline-offset:3px}.range-control label{display:flex;justify-content:space-between;gap:10px;align-items:baseline;font-size:13px;margin-bottom:17px}.range-control output{font:10px var(--mono);color:var(--muted)}.slider-control{--range-progress:0%;position:relative;height:18px;margin-top:-8px}.slider-control input[type=range]{position:absolute;z-index:2;inset:0;appearance:none;width:100%;height:100%;margin:0;padding:0;opacity:0;cursor:pointer}.slider-control input[type=range]::-webkit-slider-thumb{appearance:none;width:12px;height:12px;border:0}.slider-control input[type=range]::-moz-range-thumb{width:12px;height:12px;border:0}.slider-rail{position:absolute;top:8px;left:6px;right:6px;height:2px;background:#494844;pointer-events:none}.slider-fill{position:absolute;left:0;top:0;height:100%;width:var(--range-progress);background:var(--red);transition:width .24s var(--control-ease)}.slider-thumb{position:absolute;top:50%;left:var(--range-progress);width:12px;height:12px;border-radius:50%;background:var(--red);transform:translate(-50%,-50%);transition:left .24s var(--control-ease),box-shadow .18s ease}.slider-control:has(input:active) .slider-fill,.slider-control:has(input:active) .slider-thumb{transition-duration:.1s}.slider-control:has(input:focus-visible) .slider-thumb{outline:2px solid var(--paper);outline-offset:4px}.slider-control:has(input:hover:not(:disabled)) .slider-thumb{box-shadow:0 0 0 4px #ee354e18}.slider-control:has(input:disabled) .slider-rail{opacity:.35}.slider-control input:disabled{cursor:not-allowed}.select-control{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:13px}.select-control option{background:#191918;color:#f2f0eb}.select-control select{font-size:12px;max-width:58%;border:0;background:transparent;padding:6px 0 6px 8px;color:var(--muted);border-radius:0;transition:color .2s ease}.switch-control{position:relative;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:13px;cursor:pointer;min-height:22px}.switch-control input{position:absolute;right:0;width:34px;height:22px;margin:0;opacity:0;cursor:pointer}.switch-control small{font-size:10px;color:var(--muted);margin-left:8px}.switch-track{flex:none;width:30px;height:18px;border-radius:20px;background:#494844;padding:3px;pointer-events:none;transition:background .24s ease,opacity .24s ease}.switch-track:before{content:"";display:block;width:12px;height:12px;border-radius:50%;background:var(--paper);transition:transform .3s var(--control-ease)}.switch-control input:checked+.switch-track{background:var(--red)}.switch-control input:checked+.switch-track:before{transform:translate(12px)}.switch-control input:focus-visible+.switch-track{outline:2px solid var(--red);outline-offset:4px}.switch-control:has(input:disabled){color:#9b9992;cursor:not-allowed}.switch-control input:disabled+.switch-track{opacity:.45}.lab-demo{min-width:0;border-left:1px solid var(--line);display:flex;flex-direction:column;background:#f2f1eb}.lab-viewport{--tile-height:580px;height:var(--tile-height);flex:none;position:relative;overflow:auto;overscroll-behavior:contain;isolation:isolate;container-type:inline-size}.lab-content{display:flex;flex-direction:column;width:100%}.lab-panel{position:relative;flex:none;width:100%;height:var(--tile-height);display:flex;align-items:center;justify-content:center;flex-direction:column;padding:48px;text-align:center}.lab-panel-one{background:#f2f1eb;z-index:2;padding-top:90px}.lab-panel-two{background:#eae9e2}.lab-panel-three{background:#f7f6f1}.lab-panel-four{background:#eeede6}.lab-panel h2{font:500 clamp(64px,12cqw,116px)/.94 var(--sans);letter-spacing:-.065em}.lab-panel h2 em{font-family:var(--serif);font-weight:400;color:var(--red);line-height:1.06}.atlas-nav{position:absolute;z-index:5;inset:0 0 auto;height:60px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 32px;background:#f2f1eb;border-bottom:1px solid #1010100c}.atlas-nav>div{display:flex;gap:24px}.atlas-nav button{border:0;background:none;padding:8px 0;font-size:12px;color:var(--muted)}.atlas-nav .atlas-brand{font-size:17px;font-weight:550;letter-spacing:-.05em;color:var(--ink)}.depth-art{position:absolute;inset:0;overflow:hidden;pointer-events:none}.depth-sculpture{position:absolute;width:clamp(140px,30cqw,230px);aspect-ratio:1;left:50%;top:23%;transform:translate(-50%);border-radius:50%;background:radial-gradient(circle at 33% 27%,#ed6566,#d6122b 42%,#a8001b 79%,#790019)}.lab-panel-two h2{position:absolute;bottom:16%;inset-inline:24px;font-size:clamp(26px,4.8cqw,44px);letter-spacing:-.04em}.lab-panel-two h2 em{color:inherit}.notes-layout{width:min(100%,370px);text-align:left}.lab-panel-three h2{font-size:clamp(29px,4.8cqw,44px);letter-spacing:-.04em;margin-bottom:35px}.lab-panel-three h2 em{color:inherit}.chain-viewport{height:184px;overflow-x:hidden;overflow-y:scroll;position:relative;overscroll-behavior:auto;border-top:1px solid #10101020;border-bottom:1px solid #10101020;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:#aaa79e #e8e6dd}.chain-viewport::-webkit-scrollbar{width:6px}.chain-viewport::-webkit-scrollbar-track{background:#e8e6dd;border-radius:6px}.chain-viewport::-webkit-scrollbar-thumb{background:#aaa79e;border-radius:6px}.chain-viewport::-webkit-scrollbar-thumb:hover{background:#7c7970}@supports selector(::-webkit-scrollbar){.chain-viewport{scrollbar-width:auto;scrollbar-color:auto}}.chain-content{display:flex;flex-direction:column}.chain-note{width:100%;height:182px;flex:none;display:flex;flex-direction:column;justify-content:center;padding:20px 18px 20px 2px}.chain-note h3{font-size:19px;font-weight:450;letter-spacing:-.03em;margin-bottom:12px}.chain-note p{font-size:15px;line-height:1.6;color:var(--muted)}.atlas-return{position:absolute;bottom:48px;border:0;border-bottom:1px solid #10101040;background:none;color:var(--muted);font-size:12px;padding:7px 0}.lab-viewport[data-orientation=horizontal] .lab-content{flex-direction:row}.lab-viewport[data-orientation=both] .lab-content{display:grid;width:200%;grid-template-columns:repeat(2,minmax(0,1fr))}.lab-readout{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:15px 24px;font:10px/1.5 var(--mono);color:#8c8a82;margin-top:auto;background:var(--paper);border-top:1px solid var(--line)}.lab-readout output{margin-left:8px;color:#615f59}.lab-codebar{display:flex;gap:24px;align-items:start;padding:18px 30px;border:1px solid #191918;border-top:1px solid var(--line)}.lab-codebar details{flex:1;min-width:0}.lab-codebar summary{cursor:pointer;font-size:12px;color:var(--muted);padding:4px 0}.lab-codebar pre{margin:20px 0 0;overflow:auto;max-height:320px;font:10px/1.8 var(--mono);color:#c9c6be}.lab-codebar button{border:0;padding:4px 0;background:none;font-size:12px;color:var(--muted);white-space:nowrap}.lab-codebar button:hover{color:var(--ink)}.motion-preference{font-size:12px;color:var(--muted);margin-top:20px}.docs-dialog{position:fixed;inset:0 0 0 auto;margin:0;width:min(720px,100%);max-width:100%;height:100dvh;max-height:100dvh;padding:0;border:0;background:var(--paper);color:var(--ink)}.docs-dialog[open]{display:flex;flex-direction:column}.docs-dialog::backdrop{background:#181814a3;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px)}.docs-header{padding:30px;display:flex;align-items:center;justify-content:space-between;gap:25px;border-bottom:1px solid var(--line)}.eyebrow{font:10px var(--mono);color:var(--red)}.docs-header h2{font-size:36px;font-weight:500;letter-spacing:-.04em;margin-top:8px}#docs-close{width:44px;height:44px;border:1px solid var(--line);background:none;font-size:25px}.docs-scroll{padding:28px 30px 64px;overflow:auto;font-size:15px;line-height:1.65}.docs-scroll h3{font-size:23px;font-weight:500;margin:35px 0 12px}.docs-scroll h3:first-child{margin-top:0}.docs-scroll p{margin-bottom:16px;color:var(--muted)}.docs-scroll pre{background:#eae9e3;padding:20px;overflow:auto;margin:0 0 24px}.docs-scroll code{font:11px/1.8 var(--mono)}.docs-concepts{list-style:none;padding:0}.docs-concepts li{margin:12px 0;color:var(--muted)}.docs-links{display:flex;gap:28px;color:var(--red)}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%);max-width:90vw;padding:14px 24px;background:var(--ink);color:var(--paper);opacity:0;pointer-events:none;font-size:13px;z-index:100}.toast[data-visible=true]{opacity:1}@media(min-width:1500px){.playground-console{grid-template-columns:360px minmax(0,1fr)}.lab-viewport{--tile-height:600px}}@media(max-width:1000px){.playground-console{grid-template-columns:280px minmax(0,1fr)}.playground-controls{padding:28px 24px}.lab-panel{padding:32px}.lab-panel-one{padding-top:90px}.atlas-nav{padding-inline:24px}}@media(max-width:760px){.proto-header{height:80px}.proto-header nav{font-size:12px;gap:16px}.brand-logo{width:30px}.playground-heading{margin:34px 0 30px}.playground-heading h1{max-width:450px;line-height:1.12}.playground-console{grid-template-columns:1fr}.playground-controls{padding:26px;gap:25px}.lab-demo{border-left:0;border-top:1px solid var(--line)}.lab-viewport{--tile-height:490px}.lab-panel h2{font-size:clamp(66px,14cqw,96px)}.lab-panel-two h2,.lab-panel-three h2{font-size:32px}.lab-readout{font-size:9px;padding-inline:22px}.lab-codebar{padding:16px 24px}}@media(max-width:380px){.proto-header nav{gap:12px;font-size:11px}.playground-controls{padding:22px}.lab-panel{padding:26px}.lab-panel-one{padding-top:86px}.lab-panel-three h2{font-size:29px}.lab-readout{font-size:8px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important}}.page-viewport{height:100vh;height:100dvh;overflow:hidden}#page-content{min-height:100%}.playground-shell{height:calc(100dvh + var(--code-expansion, 0px));min-height:0;display:flex;flex-direction:column}.proto-header{height:clamp(56px,9dvh,94px);flex:none}.playground-section{flex:1;min-height:0;display:flex;flex-direction:column;padding-bottom:max(12px,min(3dvh,32px),env(safe-area-inset-bottom))}.playground-heading{flex:none;margin:clamp(12px,3dvh,36px) 0 clamp(12px,2.5dvh,28px)}.playground-heading h1{font-size:clamp(30px,min(4.3vw,6.5dvh),66px)}.playground-console{flex:1;min-height:0;grid-template-rows:minmax(0,1fr)}.playground-controls{min-height:0;overflow:auto;overscroll-behavior:contain;padding:clamp(16px,2.8dvh,30px) clamp(18px,2.1vw,30px);gap:clamp(10px,2dvh,27px)}.playground-controls>*{flex-shrink:0}.lab-demo{min-height:0;display:grid;grid-template-rows:minmax(0,1fr) auto}.lab-viewport{height:100%;min-height:0;container-type:size}.lab-panel{padding:clamp(18px,7cqh,48px)}.lab-panel-one{padding-top:clamp(48px,16cqh,90px)}.lab-panel h2{font-size:clamp(30px,min(12cqw,24cqh),116px)}.atlas-nav{height:clamp(36px,12cqh,60px);padding-inline:clamp(14px,4cqw,32px)}.depth-sculpture{width:min(30cqw,38cqh,230px)}.lab-panel-two h2,.lab-panel-three h2{font-size:clamp(22px,min(4.8cqw,10cqh),44px)}.lab-panel-three h2{margin-bottom:clamp(10px,5cqh,35px)}.chain-viewport{height:min(184px,38cqh)}.atlas-return{bottom:clamp(12px,7cqh,48px)}.lab-readout{padding-block:clamp(8px,1.5dvh,15px)}.lab-codebar{position:relative;flex:none;padding-block:clamp(10px,1.8dvh,18px)}.lab-codebar pre{max-height:none;margin:20px 0 0}.motion-preference{flex:none;margin-top:8px}@media(max-width:760px){.playground-console{grid-template-rows:minmax(0,1fr)}.playground-heading h1{font-size:clamp(26px,min(7vw,5.5dvh),38px)}.playground-controls{gap:16px}}.settings-toggle[hidden]{display:none}.settings-toggle{position:fixed;right:20px;bottom:calc(18px + env(safe-area-inset-bottom));z-index:20;width:54px;height:54px;padding:0;display:grid;place-items:center;border:1px solid #ffffff26;border-radius:50%;background:#191918;color:#fcfbf8;box-shadow:0 6px 20px #10101024;font:300 30px/1 var(--sans)}.settings-dialog{position:fixed;inset:auto 20px calc(18px + env(safe-area-inset-bottom)) auto;width:min(360px,calc(100vw - 40px));max-width:none;max-height:calc(100dvh - 36px - env(safe-area-inset-bottom));padding:0;margin:0;border:0;overflow:visible;background:transparent;color:#f2f0eb}.settings-dialog[open]{display:grid;gap:10px}.settings-dialog::backdrop{background:#10101018}.settings-slot{min-height:0;overflow:hidden;border-radius:24px;box-shadow:0 12px 40px #10101030}.settings-slot .playground-controls{max-height:min(65dvh,550px);padding:22px;gap:22px;border:1px solid #ffffff26;border-radius:24px;background:#191918f0;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);scrollbar-width:thin;scrollbar-color:#77756e transparent}.settings-slot .controls-heading h2{font-size:18px}.settings-slot .controls-heading button{min-height:44px;padding:8px}.settings-slot legend,.settings-slot .range-control label,.settings-slot .switch-control,.settings-slot .select-control{font-size:14px}.settings-slot .orientation-options label>span,.settings-slot .preset-options button{min-height:44px;padding:14px 2px;font-size:13px}.settings-slot .slider-control{height:32px}.settings-slot .slider-rail{top:15px}.settings-slot .switch-control{min-height:44px}.settings-slot .switch-control input{width:44px;height:44px}.settings-slot .select-control select{min-height:44px}.settings-actions{display:flex;gap:10px}.settings-actions button{height:54px;border:1px solid #ffffff26;background:#191918;color:#fcfbf8}.settings-done{flex:1;border-radius:27px;font-size:16px}.settings-close{flex:none;width:54px;padding:0;border-radius:50%;font-size:26px}.settings-actions button:hover,.settings-toggle:hover{background:#30302e}.settings-dialog :focus-visible,.settings-toggle:focus-visible{outline:2px solid #ee354e;outline-offset:3px}.docs-scroll code{font-size:13px}.lab-codebar pre{font-size:12px}.lab-readout{color:#67655e}@media(max-width:760px){.playground-section{padding-bottom:calc(84px + env(safe-area-inset-bottom))}.lab-demo{border-top:0}.toast{bottom:calc(84px + env(safe-area-inset-bottom))}}