:root{--container-padding: 2rem;--container-width: calc(100vw - var(--container-padding) * 2)}@media only screen and (max-width: 499px){:root{--container-padding: .75rem}}@media only screen and (min-width: 500px) and (max-width: 1024px){:root{--container-padding: 32px}}@media only screen and (min-width: 1370px){:root{--container-padding: 20px;--container-width: 1330px}}.container>*{box-sizing:border-box;max-width:min(var(--container-width),calc(100% - 2 * var(--container-padding)));margin-inline:auto}.container-narrow{--container-width: 600px}.page-wrapper{display:flex;flex-direction:column;overflow:hidden;min-height:100vh;width:100%}.stack{padding-block:2rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(500px,100%),1fr));gap:1.5rem}@media only screen and (max-width: 414px){.stack{padding-block:1.5rem;grid-template-columns:1fr;gap:1rem}}@media only screen and (min-width: 415px) and (max-width: 768px){.stack{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}*,*:before,*:after{box-sizing:border-box}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}button{color:inherit;padding:0;border:none;cursor:pointer;background:transparent;font-size:inherit}form{display:block}select,input{font-size:inherit;font-family:inherit}pre{font-family:monospace}// HTML5 display-role reset for older browsers article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}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}img{max-width:100%}a{text-decoration:none;color:inherit}textarea{font-size:inherit;font-family:inherit;line-height:inherit;resize:none}hr{border:1px solid rgba(0,0,0,.749);height:1px;background:var(--border);margin:0;padding:0;border:none}*:focus:not(:focus-visible){outline:none}h1,h2,h3,h1 span,h2 span,h3 span{font-family:Bricolage Grotesque!important;color:var(--color-primary)}h1{letter-spacing:-3px;font-size:6.1rem;line-height:.9;font-weight:700}@media screen and (max-width: 900px){h1{letter-spacing:-2.5px;line-height:1;font-size:4rem}}@media screen and (min-width: 1350px){h1{font-size:8rem}}h2{font-size:2rem;font-weight:700;letter-spacing:-1px}h3{font-family:Bricolage Grotesque!important;font-size:1.4rem;letter-spacing:-1px;font-weight:700}p{color:var(--color-secondary);font-size:var(--size);line-height:var(--line-height)}h4,h5,h6,*,body{font-family:Inter!important;color:var(--color-secondary)}button{font-family:Bricolage Grotesque!important}strong{color:var(--color-primary)}:root{--icon-bento: #fff;--hover: #000;--bg-bento: #0b0a0a;--url-image: url(/noise.png);--space: 1rem;--space-2: calc(2 * var(--space));--space-3: calc(4 * var(--space));--space-4: calc(6.8 * var(--space));--space-5: calc(8 * var(--space));--size: 16px;--letter-spacing: -.5px;--line-height: calc(1.8 * var(--size));--rounded: .3rem;--rounded-2: 16px;--background: #0f100e;--bg-color: #ffffff;--color-primary: white;--color-secondary: #c4c4c4;--contrast: rgb(0, 122, 236);--contrast-2: #ec7200;--hover-primary: rgba(0, 122, 236, .242);--border: 1.5px solid rgba(255, 255, 255, .126)}[data-theme=light]{--icon-bento: #000000;--bg-bento: #d1d1d13a;--url-image: rgb(176, 176, 176) e;--hover: #d1d1d180;--background: #ffffff;--color-primary: #0f100e;--color-secondary: #4a4a4a;--border: 1.5px solid rgba(81, 81, 81, .1)}.hero{position:relative;display:grid;width:100%;place-items:center;min-height:100vh;font-size:var(--size);z-index:1;padding-bottom:15rem}.hero .wrapper:before,.hero .wrapper:after{--contrast: #007aec94;content:"";position:absolute;width:38px;aspect-ratio:1 / 1;z-index:-100;inset:0;animation:spin 15s linear infinite normal;background:var(--contrast);box-shadow:inset 0 0 5px -3px #6b6b6b;border-radius:var(--rounded)}.hero .wrapper:before{top:12px}.hero .wrapper:after{left:620px;top:252px;animation:moveY 25s linear infinite alternate}@keyframes moveY{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(-1turn)}}@media screen and (min-width: 1350px){.hero p{width:750px;line-height:1.6}.hero h1{max-width:100%}.hero h1 span{font-size:inherit}.hero span{font-size:24px}.hero .description{max-width:800px}.hero .wrapper{gap:var(--space-3);width:100%}}@media screen and (max-width: 900px){.hero .description{gap:var(--space)}.hero .description{width:100%}.hero p{width:100%;line-height:1.6;display:flex;flex-wrap:wrap}}.bento{display:grid;grid-template-columns:repeat(5,1fr);gap:1rem}.bento__item{width:100%;height:100%;position:relative;display:flex;flex-direction:column;border-radius:1rem;padding:1rem;aspect-ratio:1 / 1;border:var(--border);background-color:var(--bg-bento);overflow:hidden;transition:.277s border-color}.bento__item:hover{border-color:var(--contrast)}.bento__item:nth-child(1){grid-column:1 / span 3;grid-row:1}.bento__item:nth-child(2){grid-column:4 / span 4;grid-row:1}.bento__item:nth-child(3){grid-column:4 / span 4;grid-row:2}.bento__item:last-child{grid-column:1 / span 3;grid-row:2}img.bento__cover{width:100%;height:100%;border-radius:.5rem;object-fit:contain}.bento .block{width:100%;height:100%;padding:1rem;border-radius:1rem;background:var(--bg-bento);border:var(--border);transform:translateY(2rem)}.bento .logo{width:100%;height:100%}.bento .logo svg{width:54px;height:54px}@media (max-width: 768px){.bento{display:flex;flex-direction:column;gap:1rem}img.bento__cover{object-fit:fill}.bento .block{transform:translateY(4rem)}.bento .description{padding-top:.5rem}.bento__item{display:flex;flex-direction:column;gap:1rem}}.bento .description{line-height:1.6;font-size:.8rem;text-wrap:pretty;padding-inline:.5rem}.bento .title{padding-inline:.5rem}.bento .link{width:100%;height:100%}.bento .link:before{position:absolute;content:"";inset:0;width:100%;z-index:2;height:100%}:root{color-scheme:light dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.bg-noise{position:relative}.bg-noise:before{position:absolute;content:"";pointer-events:none;background:var(--url-image);width:100%;height:100%;top:0;left:0;opacity:.2;z-index:1}body{background-color:var(--background)}