.hero{width:100%;min-height:450px;height:70vh;flex-grow:1;padding:var(--default-padding) 0;display:grid;gap:var(--default-padding);grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,1fr);--anim-duration: 6s;--anim-delay: calc(var(--anim-duration) * .5);--anim-finish-point: -150%}.hero-item{position:relative;opacity:0;background-color:var(--clr-bg-accent);color:var(--clr-text);border-radius:var(--border-radius);animation:fadeIn .75s ease-in-out .25s forwards;transition:transform .4s ease,background .4s ease,scale .4s ease;overflow:hidden;color:attr(data-text-color)}.hero-item-1{grid-column:1 / 3;grid-row:1 / -1;--svg-anim-delay: .5s;animation-delay:var(--svg-anim-delay)}.hero-item-2{grid-column:3 / 4;grid-row:1 / 2;--svg-anim-delay: 1s;animation-delay:var(--svg-anim-delay)}.hero-item-3{grid-column:3 / 4;grid-row:2 / -1;--svg-anim-delay: 1.5s;animation-delay:var(--svg-anim-delay)}.hero-item-4{grid-column:4 / -1;grid-row:1 / -1;--svg-anim-delay: 2s;animation-delay:var(--svg-anim-delay)}.card-animation-text{position:absolute;width:100%;height:100%;top:0;left:0;perspective:1000px}.icon-wrapper{width:100%;height:100%;display:flex;align-items:center;justify-content:center}@keyframes hithere{30%{transform:scale(1.15)}40%,60%{transform:rotate(-20deg) scale(1.15)}50%{transform:rotate(20deg) scale(1.15)}70%{transform:rotate(0) scale(1.15)}to{transform:scale(1)}}.icon-wrapper svg{animation:hithere 2.5s ease infinite var(--svg-anim-delay);transition:all .4s ease}@keyframes scrollText{0%{transform:translate(100%)}to{transform:translate(-100%)}}.card-animation-text h2{--zoom: -100px;position:absolute;width:100%;font-size:4rem;top:0;left:0;animation:scrollText var(--anim-duration) linear infinite;opacity:0;translate:0 0 var(--zoom);transform:translate(100%);transition:all .4s ease}.card-animation-text h2:last-child{animation-delay:var(--anim-delay)}.link-title{position:absolute;bottom:0;left:0;width:100%;display:flex;align-items:center;justify-content:space-between;padding:calc(var(--border-radius) * .5) var(--border-radius)}.link-title>*{transition:all .4s ease}.hero-item:hover,.hero-item:focus-visible{transform:scale(.98);background-color:var(--clr-bg-hover);color:var(--clr-text-hover)}.hero-item:active{transform:scale(.95)}.hero-item:hover .card-animation-text h2,.hero-item:focus-visible .card-animation-text h2{--zoom: 0px;opacity:1}.hero-item:hover .icon-wrapper svg,.hero-item:focus-visible .icon-wrapper svg{animation:none;opacity:1;scale:1.4;rotate:360deg}.hero-item:hover .link-title h2,.hero-item:focus-visible .link-title h2{opacity:0}@media screen and (max-width: 1000px){.hero{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);height:750px}.hero-item-1{grid-column:1 / -1;grid-row:1 / 2}.hero-item-2{grid-column:1 / -1;grid-row:initial}.hero-item-3{grid-column:initial;grid-row:initial}.hero-item-4{grid-column:2 / -1;grid-row:initial}.link-title{padding:calc(var(--border-radius) * .5)}}@media screen and (max-width: 1200px){.hero-item-4 .card-animation-text h2:last-child{display:none}}*,*:after,*:before{margin:0;padding:0;box-sizing:border-box}@font-face{font-family:SpaceMonoRegular;src:url(/assets/SpaceMono-Regular-Ba0nOT4a.ttf)}@font-face{font-family:SpaceMonoBold;src:url(/assets/SpaceMono-Bold-Dyp2aizM.ttf)}html{scroll-behavior:smooth}a{all:unset;display:block;cursor:pointer;outline:2px solid transparent;outline-offset:5px}:root{--clr-bg: #222;--clr-bg-accent: #ffffff14;--clr-text: #fff;--clr-primary: #f36822;--clr-primary-dark: #8d3c14;--clr-secondary: #22adf3;--default-padding: 10px;--border-radius: 50px}button:focus-visible,a:focus-visible{outline:2px solid var(--clr-primary)}#root{width:100%;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding-inline:var(--default-padding)}button{all:unset;cursor:pointer}body{font-family:SpaceMonoRegular,monospace;font-weight:400;font-style:normal;min-height:100vh;transition:background .4s ease}body::-webkit-scrollbar{display:none}body::selection{background-color:var(--clr-primary);color:var(--clr-bg)}select{font-family:SpaceMonoBold,monospace;font-weight:400;font-style:normal;background-color:var(--clr-bg);color:var(--clr-text)}.space{color:var(--clr-primary)}.highlight{color:var(--clr-secondary)}.small{text-transform:lowercase}h1{font-size:2rem}h1,h2,h3{text-transform:uppercase;font-weight:400}header{position:relative;opacity:0;width:100%;min-height:250px;height:30vh;display:flex;align-items:center;justify-content:center;animation:fadeIn .75s ease-in-out .25s forwards}header button,header select{position:absolute;left:var(--default-padding)}header button{z-index:1;width:30px;height:30px;aspect-ratio:1}header button:after{content:"↓";position:absolute;font-size:1.25rem;line-height:1;top:50%;left:100%;transform:translateY(-50%)}header select{z-index:0;margin-top:var(--default-padding);opacity:0;pointer-events:none}section{opacity:0;width:100%;min-height:450px;border-radius:var(--border-radius);padding:var(--border-radius)}.big-text{font-size:4.5vw;font-family:SpaceMonoBold,monospace;line-height:1.1;transition:all .4s ease}.fade-in{animation:fadeIn .75s ease-in-out .25s forwards}@keyframes fadeIn{0%{opacity:0;scale:.8}to{opacity:1;scale:1}}@media screen and (max-width: 1000px){:root{--border-radius: 30px}.big-text{font-size:9vw}}