html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}@font-face{font-family:Departure Mono;src:url(/assets/DepartureMono-Regular.woff2) format("woff2"),url(/assets/DepartureMono-Regular.woff) format("woff"),url(/assets/DepartureMono-Regular.otf) format("opentype")}:root{font-family:Departure Mono,monospace;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color-scheme:light dark;font-size:11px;--unit: 1em;--t: 0%;--flick: cubic-bezier(.36, 2.09, .07, -1.52);--amber: #ffa133;--pumpkin: #e47b1a;--flux: #c8be50;--foam: #bccabb;--enamel: #eeeeee;--cement: #c0c0c0;--aluminum: #cccccc;--ash: #8e8e8e;--mud: #8a8a6f;--clay: #6c6c58;--smoke: #666666;--dark: #444444;--soot: #333333;--carbon: #222222;--black: #141414;--my-yellow: #f3f9a7;--accent: var(--amber);--fg: var(--dark);--bg: var(--enamel);color:var(--fg);background-color:var(--carbon)}html,body{max-width:100%;overflow-x:clip}html{scroll-behavior:smooth}::selection,.light ::selection{color:var(--carbon);background-color:var(--my-yellow)}::spelling-error{text-decoration:none}main{display:flex;flex-direction:column;align-items:stretch;--fg: var(--cement);--bg: var(--carbon);color:var(--fg);background-color:var(--bg)}main ::selection{color:var(--carbon);background-color:var(--cement)}section{display:grid;place-items:center;padding:2rem}footer{display:flex;align-items:center;justify-content:space-between;padding:44px;background-color:var(--carbon)}h2{font-size:44px;line-height:1.1;color:var(--soot);background-color:var(--ash);line-height:1;z-index:1}.floaterbutton{z-index:999;flex-direction:column;justify-content:center;align-items:stretch;padding-bottom:16px;padding-right:16px;display:flex;position:fixed;inset:auto 0% 0% auto}.link-block{background-color:#fff;background-image:url(/assets/up-arrow.png);background-position:50%;background-repeat:no-repeat;background-size:contain;border-radius:300px;width:60px;height:60px}.w-inline-block{max-width:100%;display:inline-block}.callout{color:var(--mud);border-left:7px solid var(--mud);font-size:11px;line-height:14px;padding:8px 0 8px 12px}.callout::selection{color:var(--carbon);background-color:var(--cement)}.maxwidth{max-width:1440px;padding-inline:44px;margin:0 auto}.comment{color:var(--clay);font-size:11px;white-space:preserve}.control{position:absolute;top:1rem;right:1rem;z-index:1}.diagram{color:var(--clay)}.lg{font-size:1.4rem}.accent{color:var(--accent)}@media screen and (max-width: 1115px){footer{flex-direction:column;align-items:flex-start;gap:44px}}@media screen and (max-width: 767px){.maxwidth{padding-inline:16px}.type-sample.hidden-small{display:none}footer{gap:22px;padding-bottom:33px}h2{font-size:33px}}#logo{width:100px;opacity:.8;margin-bottom:0}.type-samples{display:flex;flex-direction:column;gap:36px}.type-sample{display:flex;flex-direction:column}.type-sample-header{display:flex;align-items:center;gap:55px;color:var(--clay)}.type-sample-text{color-scheme:light;resize:none;border:none;color:inherit;background:transparent;font-family:inherit;width:100%;margin-bottom:40px}.type-sample-text:focus-visible{color:var(--bg);background:var(--dark);outline:none}header{position:relative;padding:137px 0 0;background-color:var(--bg);--time: 1s;--easing: cubic-bezier(1, .05, .48, .99)}#ig-icon{width:15px!important}#title{display:inline-flex;align-items:flex-start;gap:11px;line-height:1}.headline{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap}#title>h1{font-size:88px;color:var(--soot)}#title>h1>:not(#version){background-color:var(--my-yellow);display:inline-block;line-height:1;white-space:pre}#title>h1>#title-space-dyn{display:inline-block}#title>h1>#title-space-sta{display:none}a{color:currentColor;transition:color .15s var(--flick)}a:hover{color:var(--accent)}menu{display:flex;flex-direction:column;align-items:flex-start;gap:6px;margin:8px 22px 0 0;color:var(--dark)}menu>a{text-decoration:none;font-size:16.5px;line-height:21px;transition:background-color 75ms var(--flick)}menu>a:hover{color:unset;background-color:var(--foam)}.email-icon{font-size:22px}sup{font-size:.6em;vertical-align:top;margin-left:-.6em}.loops{display:flex;align-items:center;justify-content:space-between;margin:-30px auto 0 200px}#version{position:relative;top:10px;left:11px;font-size:11px;vertical-align:top}#letter{position:relative;display:grid;grid-template-columns:155px 1fr;gap:187px;margin:185px 0 492px 114px}#letter .comment{width:355px;font-size:13px}#planet{position:absolute;top:152px;left:-768px}@media screen and (max-width: 1115px){header{padding:132px 0 0}#title>h1>span{margin-bottom:6px}#title>h1>#title-space-dyn{display:none}#title>h1>#title-space-sta{display:initial}.headline{flex-direction:column;gap:38px;line-height:1.4}menu{margin:0;gap:11px}#letter{margin:110px 0 335px;gap:105px}.loops{margin-left:230px;margin-top:-250px}}@media screen and (max-width: 767px){header{padding-top:88px}#title>h1{font-size:44px;width:256px}#title>h1>span{margin-bottom:2.5px}#planet{top:-390px;left:200px}.loops{margin-left:0;margin-top:-300px}}.samples-section{padding:0;background-color:#fff}.samples-container{width:100%;margin:0 auto}.section-title{font-size:80px;font-weight:700;padding:15px 35px;background-color:var(--my-yellow)}.samples-grid{padding:0 25px 25px;display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px}.sample-card{overflow:hidden;transition:transform .2s ease}.sample-card:hover{transform:translateY(-5px)}.sample-link{display:block;text-decoration:none;color:inherit;padding:5px}.sample-number{font-size:4rem;font-weight:700;color:#111;margin:5px 0;padding-bottom:5px;line-height:1;border-bottom:1px solid var(--foam)}.sample-title{height:40px;font-size:1.5rem;font-weight:700;margin:5px 0;color:#222;transition:color .2s ease}.sample-link:hover .sample-title{background-color:var(--foam)}.sample-tags{gap:8px;padding:10px 0;border-top:1px solid var(--foam);border-bottom:1px solid var(--foam)}.sample-tag{color:#555;font-size:1rem;padding:4px 8px;font-weight:500}.sample-video{padding:10px 0;width:100%;height:auto;display:block}.download-link{font-size:13px;color:#333;background-color:var(--my-yellow)}.samples-filters{display:flex;flex-wrap:wrap;gap:10px;justify-content:start;margin-top:20px;padding:20px 35px}.filter-button{font-family:Departure Mono,monospace!important;padding:4px 8px;font-size:1rem;color:#333;cursor:pointer;transition:all .2s ease-in-out;background-color:#fff;border:2px solid transparent}.filter-button.active{font-weight:700}@media (max-width: 768px){.samples-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.section-title{font-size:50px}}