@import"https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap";:root{--sg-c--blue-gray: #21262c;--sg-c--midnight-blue: #061b2b;--sg-c--deep-blue: #0e3e62;--sg-c--bright-blue: #238bca;--sg-c--ice-blue: #cdeaff;--sg-c--black: #1d1d1d;--sg-c--dark-gray: #2d2c2c;--sg-c--light-gray: #f1f1f1;--sg-c--white: #ffffff;--sg-c--frosted-ice-blue: rgba(205, 234, 255, .8);--sg-c--clear-ice-blue: rgba(205, 234, 255, .5);--sg-c--transparent-ice-blue: rgba(205, 234, 255, .2);--sg-c--frosted-dark-gray: rgba(45, 44, 44, .8);--sg-c--clear-dark-gray: rgba(45, 44, 44, .5);--sg-c--transparent-dark-gray: rgba(45, 44, 44, .2);--sg-c--frosted-white: rgba(255, 255, 255, .8);--sg-c--clear-white: rgba(255, 255, 255, .5);--sg-c--transparent-white: rgba(255, 255, 255, .2);--sg-grad--dark-blue: linear-gradient( 235deg, var(--sg-c--midnight-blue) 17.05%, var(--sg-c--deep-blue) 100% );--sg-grad--gray-black: linear-gradient( 235deg, var(--sg-c--black) 17.05%, var(--sg-c--dark-gray) 100% );--project-card-size: clamp(150px, 17vw + 50px, 250px)}:root{--text-color: var(--sg-c--ice-blue);--background-color: var(--sg-c--midnight-blue);--accent-color: var(--sg-c--bright-blue);--dark-text-color: var(--sg-c--blue-gray)}*,*:before,*:after{box-sizing:border-box;margin:0;font-weight:400}html{font-size:21px}body{font-family:Lato,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;background:var(--background-color) var(--sg-grad--dark-blue);background-attachment:fixed;color:var(--text-color);min-height:100vh;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{background:var(--background-color) var(--sg-grad--dark-blue);background-attachment:fixed}.button{border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;transition:background-color .3s linear}.button svg{display:block}.button--circle{padding:10px;width:45px;height:45px;border-radius:45px;display:inline-flex;justify-content:center;align-items:center}.button--circle svg{width:20px;height:20px}.button--circle-sm{width:32px;height:32px}.button--circle-sm svg{width:20px;height:20px}.button--circle-lg{font-size:32px;width:60px;height:60px}.button--circle-lg svg{width:32px;height:32px}.button--frosted-white{background-color:var(--sg-c--frosted-white);color:var(--dark-text-color)}.button--frosted-white:hover{background-color:var(--sg-c--white)}.button--dark-gray{background-color:var(--sg-c--frosted-dark-gray);color:var(--sg-c--white)}.button--dark-gray:hover{background-color:var(--sg-c--dark-gray)}.button--transparent{background-color:transparent;color:var(--sg-c--white)}.button--transparent:hover{background-color:var(--sg-c--transparent-white)}.fab{position:fixed;--offset-position: 50px;z-index:1024}.fab.top-left{top:var(--offset-position);left:var(--offset-position)}.fab.top-right{top:var(--offset-position);right:var(--offset-position)}.fab.bottom-left{bottom:var(--offset-position);left:var(--offset-position)}.fab.bottom-right{bottom:var(--offset-position);right:var(--offset-position)}.chip{font-size:14px;padding:.25em 1em;border-radius:2em;background-color:#00000080;display:inline-flex;align-items:center;justify-content:center}.link{position:relative}.link:after{content:"";position:absolute;left:0;bottom:-6px;width:100%;height:2px;opacity:1;transform:scaleX(1);background-color:var(--sg-c--bright-blue);transition:transform .25s ease-in-out}.link:hover:after{transform:scaleX(0)}.link--lg{font-weight:600;padding:0 .4em}.link--invert:after{transform:scale(0)}.link--invert:hover:after{transform:scaleX(1)}p{text-wrap:pretty}a{color:var(--sg-c--ice-blue);text-decoration:none;font-size:inherit}h1,h2,h3,h4,h5,h6{text-wrap:balance;font-weight:500}h1{font-size:42px}h2{font-size:36px;line-height:1.2}#app{display:flex;flex-direction:column;min-height:100svh}#app main{flex:1 1 auto}.sr-only{border:0!important;clip:rect(1px,1px,1px,1px)!important;-webkit-clip-path:inset(50%)!important;clip-path:inset(50%)!important;height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;width:1px!important;white-space:nowrap!important}.sr-only-focusable:focus,.sr-only-focusable:active{clip:auto!important;-webkit-clip-path:none!important;clip-path:none!important;height:auto!important;margin:auto!important;overflow:visible!important;width:auto!important;white-space:normal!important}.ob-text em{display:none!important}.site-logo[data-v-f56e57fe]{transition:all .3s linear}#wordmark path[data-v-f56e57fe]{transition:opacity .4s linear}#wordmark path[data-v-f56e57fe]:nth-child(1){transition-delay:.3s}#wordmark path[data-v-f56e57fe]:nth-child(2){transition-delay:.2s}#wordmark path[data-v-f56e57fe]:nth-child(3){transition-delay:.1s}#wordmark path[data-v-f56e57fe]:nth-child(4){transition-delay:0ms}.site-logo--wordmark #wordmark path[data-v-f56e57fe]{transition:opacity .4s linear}.site-logo #wordmark path[data-v-f56e57fe]{opacity:0}.site-logo:hover #wordmark path[data-v-f56e57fe],.site-logo--wordmark #wordmark path[data-v-f56e57fe]{opacity:1}.site-logo:hover #wordmark path[data-v-f56e57fe]:nth-child(1),.site-logo--wordmark #wordmark path[data-v-f56e57fe]:nth-child(1){transition-delay:0ms}.site-logo:hover #wordmark path[data-v-f56e57fe]:nth-child(2),.site-logo--wordmark #wordmark path[data-v-f56e57fe]:nth-child(2){transition-delay:.1s}.site-logo:hover #wordmark path[data-v-f56e57fe]:nth-child(3),.site-logo--wordmark #wordmark path[data-v-f56e57fe]:nth-child(3){transition-delay:.2s}.site-logo:hover #wordmark path[data-v-f56e57fe]:nth-child(4),.site-logo--wordmark #wordmark path[data-v-f56e57fe]:nth-child(4){transition-delay:.3s}.site-header[data-v-79dc1db0]{position:absolute;top:0;left:0;z-index:1024;padding:50px 3vw}.project[data-v-08e09b72]{--activated-width: 100vw ;width:var(--project-card-size);height:var(--project-card-size);scroll-snap-align:center;display:flex;flex-direction:column;justify-content:space-between;align-items:stretch;overflow-x:clip;max-height:100vh;transition-property:all;transition-timing-function:ease}.project.is-expanded[data-v-08e09b72]{opacity:.5;height:100svh}.project.is-expanded[data-v-08e09b72]:hover,.project.is-expanded[data-v-08e09b72]:focus,.project.is-expanded[data-v-08e09b72]:focus-within{opacity:1}.project.is-active[data-v-08e09b72]{opacity:1;width:var(--activated-width);justify-content:flex-start}@media screen and (max-width: 800px){.project[data-v-08e09b72]{--activated-width: 100vw}.project.is-active[data-v-08e09b72]{width:--activated-width}}@media (prefers-reduced-motion: reduce){.project[data-v-08e09b72]{transition:none!important}}.project__body[data-v-08e09b72]{display:flex;align-items:center;justify-content:space-between}@media screen and (max-width: 800px){.project__body[data-v-08e09b72]{flex-direction:column}}.project__details[data-v-08e09b72]{display:flex;gap:50px;flex:1 1 auto;padding-left:50px;padding-right:50px;min-width:calc(var(--activated-width) - var(--project-card-size))}.project__details h2[data-v-08e09b72]{font-size:18px;color:var(--sg-c--clear-white);font-weight:700;text-transform:uppercase}.project__details p[data-v-08e09b72]{font-size:21px}@media screen and (max-width: 800px){.project__details[data-v-08e09b72]{padding:7vw;flex-direction:column;gap:25px}.project__details>div[data-v-08e09b72]{transition:all .5s ease-in-out;transform:translateY(50px);opacity:0}.project__details>div[data-v-08e09b72]:nth-child(2){transition-delay:.3s}.is-expanded .project__details>div[data-v-08e09b72]{opacity:1;transform:translateY(0)}}.project__branding[data-v-08e09b72]{transition:padding .3s linear}.is-expanded .project__branding[data-v-08e09b72]{padding:7vw 0 7vw 7vw}.project__branding[data-v-08e09b72]{display:flex;justify-content:space-between;align-items:center}@media screen and (max-width: 800px){.project__branding[data-v-08e09b72]{width:100%}}.mobile-actions[data-v-08e09b72]{display:none;padding-right:50px}@media screen and (max-width: 800px){.is-active .mobile-actions[data-v-08e09b72]{display:block}}.project__link[data-v-08e09b72]{flex:none;width:var(--project-card-size);display:flex;height:100%;justify-content:center;align-items:center;padding:20px;aspect-ratio:1;position:relative}.project__link[data-v-08e09b72]:after{content:"";width:100%;height:100%;opacity:0;pointer-events:none;position:absolute;box-shadow:inset 0 0 32px #00000080;transition:opacity .3s ease-in-out}.project:not(.is-active) .project__link[data-v-08e09b72]:hover:after{opacity:1}.project:not(.is-active) .project__link:hover .project__logo[data-v-08e09b72]{scale:.8}.project__logo[data-v-08e09b72]{max-width:100%;max-height:100%;transition:scale .3s ease}.project-details-enter-active>div[data-v-08e09b72],.project-details-leave-active>div[data-v-08e09b72]{transition:all .5s ease-in-out}.project-details-enter-active>div[data-v-08e09b72]:nth-child(2),.project-details-leave-active>div[data-v-08e09b72]:nth-child(2){transition-delay:.15s}.project-details-enter-from>div[data-v-08e09b72],.project-details-leave-to>div[data-v-08e09b72]{translate:0 50px;opacity:0}.grow-enter-from[data-v-08e09b72],.grow-leave-to[data-v-08e09b72]{scale:0;opacity:0}.grow-enter-active[data-v-08e09b72],.grow-leave-active[data-v-08e09b72]{transition:all .3s ease-in-out}.scroll-container[data-v-08d921f5]{box-shadow:0 40px 40px 40px #000;overflow-x:auto;max-width:100%;position:relative;scroll-snap-type:x mandatory;position:absolute;bottom:0;left:0;right:0;z-index:2048}.scroll-container.has-active[data-v-08d921f5]{overflow:hidden!important}.project-shim[data-v-08d921f5]{width:0;margin:0;height:100%;transition-property:width;transition-timing-function:ease}@media (prefers-reduced-motion: reduce){.project-shim[data-v-08d921f5]{transition:none!important}}.scroll-container.has-active .project-shim[data-v-08d921f5]{width:5vw}@media screen and (max-width: 800px){.scroll-container.has-active .project-shim[data-v-08d921f5]{width:44px}}.projects[data-v-08d921f5]{display:flex;min-width:min-content;align-items:flex-end;background:var(--sg-grad--gray-black);transition:gap .3s linear;gap:0}@media (prefers-reduced-motion: reduce){.projects[data-v-08d921f5]{transition:none!important}}.projects.has-active[data-v-08d921f5]{gap:10px;overflow:hidden}.mainpage[data-v-a04ed548]{position:relative;display:flex;flex-direction:column;padding-bottom:var(--project-card-size)}.view-wrapper[data-v-a04ed548]{position:relative;display:flex;flex-direction:column;flex:1 1 auto}@media (prefers-reduced-motion: no-preference){.slide-up-enter-active[data-v-a04ed548],.slide-up-leave-active[data-v-a04ed548]{bottom:var(--project-card-size);transition:all .5s ease-in-out;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.slide-up-enter-active[data-v-a04ed548]{position:absolute;z-index:9}.slide-up-enter-from[data-v-a04ed548]{transform:translateY(100vh);opacity:0}.slide-up-leave-to[data-v-a04ed548]{transform:translateY(-25vh);opacity:0}.slide-down-enter-active[data-v-a04ed548],.slide-down-leave-active[data-v-a04ed548]{bottom:var(--project-card-size);transition:all .5s ease-in-out;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.slide-down-leave-active[data-v-a04ed548]{position:absolute;z-index:9}.slide-down-enter-from[data-v-a04ed548]{transform:translateY(-25vh);opacity:0}.slide-down-leave-to[data-v-a04ed548]{transform:translateY(100vh);opacity:0}}.page-content[data-v-5811377a]{flex:1 1 auto;display:grid;grid-template-columns:1fr 1fr;justify-content:space-around;align-items:center;padding-left:4vw;padding-right:4vw;padding-bottom:50px;padding-top:160px;gap:8vw;height:100%}.hero-text-wrapper[data-v-5811377a]{text-align:center}.hero-text[data-v-5811377a]{max-width:100%;max-height:100%;width:100%;height:auto}.page-content .content[data-v-5811377a]{max-width:50ch;margin-inline:auto;display:flex;flex-direction:column;gap:4vh}.homepage-actions[data-v-5811377a]{display:flex;gap:1rem}.homepage-actions[data-v-5811377a]{font-weight:700}@media (max-width: 880px){.page-content[data-v-5811377a]{display:flex;flex-direction:column;padding-left:1rem;padding-right:1rem;padding-bottom:50px;padding-top:160px}.hero-text[data-v-5811377a]{width:625px}}