*,:after,:before{box-sizing:border-box}:root{--color-text:#fff;--color-bg:#000;--color-link:#fff;--color-link-hover:#fff;--page-padding:1.5rem;font-size:13px}body{color:var(--color-text);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-transform:uppercase;margin:0;font-family:forma-djr-mono,monospace}a{color:var(--color-link);cursor:pointer;outline:none;text-decoration:none}a:hover{color:var(--color-link-hover);text-decoration:underline}a:focus{background:#d3d3d3;outline:none}a:focus:not(:focus-visible){background:0 0}a:focus:focus-visible{background:0 0;outline:2px solid red}.frame{padding:1rem var(--page-padding) 0;z-index:1000;grid-row-gap:1rem;grid-column-gap:1.5rem;pointer-events:none;grid-template-columns:auto auto auto 1fr;grid-template-areas:"title title title""archive github.""tags tags tags""sponsor sponsor sponsor";justify-items:start;display:grid;position:relative}.frame #cdawrap{grid-area:sponsor;justify-self:start}.frame a,.frame button{pointer-events:auto}.frame .frame__title{font-size:inherit;grid-area:title;margin:0}.frame .frame__back{grid-area:back;justify-self:start}.frame .frame__archive{grid-area:archive;justify-self:start}.frame .frame__github{grid-area:github}.frame .frame__tags{flex-wrap:wrap;grid-area:tags;gap:1rem;display:flex}.frame .frame__demos{flex-wrap:wrap;grid-area:demos;gap:1rem;display:flex}@media screen and (min-width:53em){.frame{padding:var(--page-padding);grid-template:"title back github archive sponsor""tags tags tags tags."/auto auto auto auto 1fr;align-content:space-between;width:100%;height:100vh;position:fixed;top:0;left:0}.frame .frame__tags{align-self:end}.frame .frame__demos,.frame #cdawrap{text-align:right;justify-self:end;max-width:250px}}.content{padding:100vh var(--page-padding) 25vh}.group{flex-direction:column;flex:100px;margin-bottom:10vh;display:flex}.el{white-space:nowrap;filter:blur();text-transform:uppercase;opacity:.6}.el--xl{opacity:1;font-family:lores-12,sans-serif;font-size:clamp(2rem,20vw,15rem);font-weight:400}.pos-2{margin-left:25vw}.pos-3{margin-left:70vw}.pos-4{margin-left:auto}.pos-5{opacity:1;margin-top:200px}.pos-6{opacity:1;margin-top:200px;margin-left:auto}.pos-7{opacity:1;filter:blur(1.2px);margin-top:200px}.pos-8{opacity:1;filter:blur(2px);margin-top:50px;margin-left:25vw}.pos-9{margin-top:250px;margin-left:25vw}.pos-10{margin-top:40vh;margin-left:70vw}.logo{font-family:lores-12,sans-serif;font-size:clamp(3rem,14vw,9rem);font-weight:400}@keyframes blink-cursor{0%,to{opacity:1}50%{opacity:0}}.typing-indicator{animation:.7s linear infinite blink-cursor;display:inline-block}.fixed{pointer-events:none;place-items:center;width:100%;height:100vh;display:grid;position:fixed;top:0;left:0}.related{container-type:inline-size}.related p{text-align:center;padding-top:3rem}.grid{padding:5rem var(--page-padding) 10vh;grid-template-columns:repeat(4,1fr);gap:1rem;width:100%;max-width:1000px;margin:0 auto;display:grid}.grid__item{color:inherit;background:#111;border-radius:12px;flex-direction:column;text-decoration:none;display:flex;overflow:hidden}.grid__item-img{aspect-ratio:4/3;opacity:.4;background-position:50%;background-size:cover;width:100%;transition:all .5s}.grid__item:hover .grid__item-img{opacity:1;transform:scale(1.1)}.grid__item-title{padding:1rem;font-size:.95rem;font-weight:400;line-height:1.4}.grid__item:focus-visible{outline-offset:4px;outline:2px solid #fff}@container (max-width:800px){.grid{grid-template-columns:1fr}.grid__item-img{display:none}.grid__item-title{padding:.25rem;line-height:1}}.el{line-height:19px}.el--xl{line-height:1.25}.el[data-scramble-duration="0"]:not(.typing-indicator){line-height:21px}@container (max-width:800px){.grid__item-img{display:block}.grid__item-title{padding:1rem;line-height:1.4}}