@font-face{font-family:SpaceMono;src:url(/fonts/BerkeleyMono-Regular.ttf) format("truetype")}@font-face{font-family:SAIBA;src:url(/fonts/SAIBA-45.ttf) format("truetype")}@font-face{font-family:SabreShark;src:url(/fonts/sabreshark.ttf) format("truetype")}:root{--v000:#000e15;--v200:#002a32;--v400:#0c3e47;--v600:#1c5764;--v800:#a0cdd9;--v900:#ffffff;--dark-blue:#00bdba;--blue:#08fefa;--green:#00ff84;--orange:#ff5c11;--orange-dark:#462414;--background:var(--v000);--foreground:var(--v900);--frame-border:rgba(255,255,255,0.2);--content-width:1526px;--content-margin:128px}*{box-sizing:border-box}body,html{font-family:SpaceMono,monospace;margin:0;padding:0;background:var(--background);color:var(--foreground);overflow-x:hidden;width:100%;position:relative}p{color:var(--v800);font-size:16px}h1{font-size:32px}h1,h2{color:var(--v900);text-transform:uppercase}h2{font-size:24px}h1,h2,h3,h4,h5,h6{margin:0}main{border-left:1px solid var(--frame-border);border-right:1px solid var(--frame-border);min-height:100vh;width:100%;max-width:var(--content-width)}button{margin-top:36px;padding:16px 40px;background-color:var(--v200);border:0;border-bottom:1px solid var(--blue);color:var(--blue);font-family:SpaceMono,monospace;font-size:18px;cursor:pointer;transition:all .3s ease;align-self:center;position:relative;height:80px;text-transform:uppercase;letter-spacing:2px;-webkit-clip-path:polygon(16px 0,100% 0,100% calc(100% - 16px),calc(100% - 16px) 100%,0 100%,0 16px);clip-path:polygon(16px 0,100% 0,100% calc(100% - 16px),calc(100% - 16px) 100%,0 100%,0 16px)}button:hover{background-color:var(--blue);color:var(--v000)}.locomotive-scroll-container{width:100vw;display:flex;flex-direction:column;align-items:center;justify-content:center;padding-left:var(--content-margin);padding-right:var(--content-margin);min-height:100vh;position:relative}.blue-text{color:var(--blue)}.orange-text{color:var(--orange)}.viewport-block{width:100%;height:100vh;border:1px solid red}.row{flex-direction:row}.column,.row{display:flex;gap:16px}.column{flex-direction:column}@media (max-width:1024px){:root{--content-margin:64px}}@media (max-width:768px){:root{--content-margin:12px}h1{font-size:20px}h2{font-size:16px}p{font-size:14px}.locomotive-scroll-container{width:100%;padding-left:var(--content-margin);padding-right:var(--content-margin);overflow-x:hidden;-webkit-overflow-scrolling:touch}}.hide-mobile{display:flex!important}.hide-desktop,.show-mobile{display:none!important}.show-desktop{display:flex!important}@media (max-width:768px){.hide-mobile{display:none!important}.hide-desktop,.show-mobile{display:flex!important}.show-desktop{display:none!important}}