:root{--star-white:#fafafa;--moon-grey:#b4b4b4;--comet-grey:#646464;--space-grey:#0e1316;--space-black:#0a0a0a;--nova-blue:#5bbefc;--neptune-blue:#3a89e2;--family-header:"Barlow Condensed",sans-serif;--family-body:"Barlow",sans-serif;--family-code:"Roboto Mono",monospace;--weight-regular:400;--weight-medium:500;--weight-semi-bold:600}*{box-sizing:border-box;margin:0;padding:0;border:none;background:none}:focus{outline:none}html{font-size:16px;font-family:var(--family-body);color:var(--star-white);text-align:left;line-height:1.25;scroll-behavior:smooth}body{background-color:var(--space-grey);min-height:100vh;position:relative}h1,h2,h3,h4,h5,h6{font-family:var(--family-header);font-weight:var(--weight-semi-bold);text-transform:uppercase;color:var(--nova-blue)}.h1,h1{font-size:48px}.h2,h2{font-size:32px}.h3,h3{font-size:24px}p{font-size:16px}a{color:var(--nova-blue)}header{display:flex;justify-content:space-between;padding:32px;position:fixed;z-index:9999;top:0;left:0;right:0;transition:.5s ease-in-out}header #logo{width:48px;height:48px;fill:var(--star-white)}header #menu-burger{cursor:pointer;padding:12px}header #menu-burger span{display:block;width:32px;height:3px;background-color:var(--star-white);border-radius:1.5px;margin-bottom:7px}header #menu-burger span:last-of-type{margin-bottom:0}header nav{position:fixed;z-index:-1;top:0;left:0;right:0;background-image:linear-gradient(180deg,#0a0a0a 90%,rgba(10,10,10,0));padding:32px;padding-top:112px;transition:.5s ease-in-out}header nav a{font-family:var(--family-code);color:var(--moon-grey);text-decoration:none;text-transform:uppercase;margin:8px}.home section{padding:32px}.home section .title-container{margin-bottom:66px}.home section .title-container p{font-size:18px;font-weight:var(--weight-medium)}#section-intro{min-height:100vh;display:flex;flex-direction:column;justify-content:center}#section-intro h1{font-size:42px}#section-intro h2{font-size:21px;color:var(--neptune-blue)}#section-intro h1,#section-intro h2{line-height:1;max-width:640px;margin-left:auto}#section-intro #comic-planet{margin:32px auto;width:100%}#section-intro #comic-planet svg{max-width:480px}#section-intro a{display:flex;align-items:center;text-decoration:none;color:var(--moon-grey);font-weight:var(--weight-medium);font-size:24px;max-width:672px}#section-intro a span{display:flex;flex-grow:0;flex-shrink:0;font-family:var(--family-code);font-weight:700;margin-right:12px}#section-work{position:relative;background-color:#152027;overflow:hidden;padding-bottom:80px}#section-work .background-stamp{fill:rgba(10,10,10,.25);width:640px;height:640px;position:absolute;top:-40px;right:80px}#section-work .title-container{position:relative}#section-work .preview-max-width{margin:0 auto;max-width:405px}#section-work .preview-wrapper{display:block;width:100%;padding-top:56.25%;position:relative;margin-bottom:32px}#section-work .preview-wrapper .preview-container{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:flex-end;padding:16px;width:100%;color:var(--star-white);overflow:hidden;mix-blend-mode:luminosity}#section-work .preview-wrapper .preview-container:hover{mix-blend-mode:normal}#section-work .preview-wrapper .preview-container .title{font-size:20px;color:var(--star-white)}#section-work .preview-wrapper .preview-container .subtitle{margin-bottom:8px;font-size:14px}#section-work .preview-wrapper .preview-container .cta{display:flex;align-items:center;text-decoration:none;color:var(--star-white);font-weight:var(--weight-medium);font-size:14px}#section-work .preview-wrapper .preview-container .cta span{display:flex;flex-grow:0;flex-shrink:0;font-family:var(--family-code);font-weight:700;margin-right:12px}#section-work .preview-wrapper .preview-container .cta,#section-work .preview-wrapper .preview-container .subtitle,#section-work .preview-wrapper .preview-container .title{position:relative;z-index:2}#section-work .preview-wrapper .preview-container img{position:absolute;top:0;right:0;display:block;width:50%}#section-work .preview-wrapper .preview-container.dark .cta,#section-work .preview-wrapper .preview-container.dark .subtitle,#section-work .preview-wrapper .preview-container.dark .title{color:var(--space-grey)}#section-about{padding-bottom:80px;background-image:linear-gradient(180deg,var(--space-grey),var(--space-black))}.about-container{max-width:1600px;margin:0 auto}#section-about h3{color:var(--neptune-blue);margin-bottom:4px}#section-about .code-ish-wrapper{margin-bottom:32px}#section-about .code-ish{font-family:var(--family-code)}#section-about .code-ish .code-ish__indent{padding-left:20px;display:inline-block}#section-about .code-ish .code-ish__string{color:#fc9e5b}#section-about .code-ish .code-ish__number{color:#5bfc86}#section-about .code-ish .code-ish__null{color:#3a89e2}#section-contact{background-color:var(--space-black);padding-bottom:120px;position:relative}#section-contact .contact-link-wrapper{display:flex;flex-direction:column}#section-contact .contact-link-wrapper .contact-link-container{margin-bottom:32px}#section-contact .contact-link-wrapper .contact-link-container:last-of-type{margin-bottom:0}#section-contact .contact-link-wrapper .contact-link-container a{display:flex;align-items:center;color:var(--neptune-blue);font-weight:var(--weight-medium);text-decoration:none}#section-contact .contact-link-wrapper .contact-link-container a svg{height:24px;margin-right:12px}#section-contact .copyright{position:absolute;left:32px;bottom:32px}#section-contact .copyright p{color:var(--comet-grey);font-size:12px;font-weight:var(--weight-medium)}.section-intro__gradient{background-image:linear-gradient(160deg,rgba(10,10,10,0),rgba(10,10,10,.75));position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1}.work{padding:32px;padding-top:116px}.work #work-gradient{position:fixed;top:0;left:0;right:0;bottom:0;width:100%;z-index:-1}.work h1{color:var(--moon-grey);font-size:32px}.work h2{color:var(--star-white);font-family:var(--family-body);font-weight:var(--weight-regular);font-size:20px;text-transform:unset}.work img{width:100%}.work p{font-size:18px}.hide{display:none}.header__hidden{top:-116px}@media only screen and (min-width:525px){#section-intro{padding-top:116px}#section-intro>*{padding:0 10%}#section-intro #omic-planet,#section-intro .title-container__intro,#section-intro a{width:480px;margin:0 auto}#section-intro #comic-planet{width:480px}#section-work .background-stamp{left:-320px;right:unset}.work{padding-top:32px;height:100%}.work .work-container{display:flex;flex-wrap:wrap;flex-direction:column;min-height:calc(100vh - 64px);height:1px;justify-content:center}.work .work-container .content-container,.work .work-container .title-container{flex:0 0;width:75%}.work .work-container .image-container{flex:0 0 100%;order:1;width:25%;height:100%;display:flex;justify-content:center;align-items:center}.work .work-container img{height:100%;width:auto}.work h1{font-size:28px}.work h2{font-size:18px}.work p{font-size:16px}.work .work-container .title-container{padding-bottom:24px}}@media only screen and (min-width:768px){header #menu-burger{display:none}header nav{cursor:default;display:block;position:static;padding:12px 0 12px 0;background:none}.home section .title-container{margin-left:auto;margin-right:auto;width:640px}#section-intro>*{padding:0}#section-intro{flex-wrap:wrap;align-items:center;height:1px;padding-top:32px}#section-intro #comic-planet,#section-intro .title-container__intro,#section-intro a{flex:0 0;width:50%}#section-intro #comic-planet{flex:0 0 100%;order:1;width:50%;margin:0;display:flex}#section-intro #comic-planet svg{width:100%}#section-intro #comic-planet,#section-intro .title-container__intro,#section-intro a{margin-bottom:32px}#section-work .background-stamp{left:-160px;right:unset}#section-work .work-container{display:grid;grid-template-columns:auto auto;grid-column-gap:32px;grid-row-gap:32px}#section-work .preview-max-width{margin:0;justify-self:right;width:100%}#section-work .preview-max-width:nth-child(2){justify-self:left}#section-work .preview-wrapper{margin-bottom:0}#section-contact .contact-link-wrapper{display:grid;grid-template-columns:320px 320px;width:640px;margin:0 auto}#section-contact .contact-link-wrapper .contact-link-container{max-width:320px}#section-contact .copyright{width:640px;left:50%;transform:translateX(-50%)}.work .work-container .content-container,.work .work-container .title-container{width:55%;max-width:640px}.work .work-container .image-container{width:45%;height:auto;max-width:360px}.work .work-container img{height:auto;width:100%}.work h1{font-size:32px}.work h2{font-size:20px}.work p{font-size:18px}.work .work-container .title-container{padding-bottom:32px}}@media only screen and (min-width:1024px){.home section .title-container{margin-left:16.66%;margin-right:0}#section-intro h1,#section-intro h2{line-height:1}#section-intro h1{font-size:64px}#section-intro h2{font-size:32px}#section-intro #comic-planet,#section-intro .title-container__intro,#section-intro a{padding-right:32px}.about-container{display:flex}.about-container>div{width:100%}.about-container>div:first-of-type{max-width:320px;margin-left:auto;margin-right:160px}.about-container>div:last-of-type{max-width:480px;margin-right:auto}#section-contact .copyright{width:calc(100% - 64px);left:32px;transform:unset}#section-contact .copyright p{margin-left:16.66%}.work .work-container .image-container img{width:auto}}@media only screen and (min-width:1280px){.home section{padding-left:160px;padding-right:160px}.home section .title-container{margin-left:160px}#section-intro a{margin:0 0 0 auto;padding-right:32px}#section-work .work-container{grid-template-columns:auto auto auto}#section-work .preview-max-width,#section-work .preview-max-width:nth-child(2){justify-self:center}#section-contact .contact-link-wrapper{grid-template-columns:auto auto auto auto;width:100%;max-width:1280px}#section-contact .copyright{left:160px;width:640px}#section-contact .copyright p{margin-left:160px}.work .work-container{max-width:1032px;margin:0 auto}.work .work-container .content-container,.work .work-container .title-container{width:100%;max-width:640px}.work .work-container .image-container{width:40%}}@media only screen and (min-width:1280px) and (max-width:1360px){#section-contact .contact-link-wrapper{font-size:14px}}@media only screen and (min-width:1600px){.about-container>div:last-of-type{max-width:unset;display:grid;grid-template-columns:auto auto;grid-column-gap:160px}#section-about .about-container>div:last-of-type .code-ish-wrapper{max-width:480px;margin-bottom:0}}