*,html,body{margin:0;padding:0;box-sizing:border-box}:root{--title-l-font-size: 100px;--title-font-size: 64px;--link-font-size: 24px;--position-font-size: 40px;--body-l-font-size: 40px;--body-font-size: 20px;--body-s-font-size: 18px;--label-font-size: 14px;--dark-bg-primary: #121212;--dark-bg-light: #1a1a1a;--general-padding-x: 48px;--general-padding-y: 48px;--links-col-gap: 24px;--links-row-gap: 4px}body{font-family:Oswald;background-color:var(--dark-bg-primary);color:#fff;-ms-overflow-style:none}body::-webkit-scrollbar{display:none}body.no-scroll{overflow-y:hidden}#root{min-height:500vh;position:relative}main{height:100vh;position:sticky;top:0;left:0;padding:var(--general-padding-y) 0;display:flex;flex-flow:row nowrap;align-items:center;column-gap:64px;overflow-x:hidden}main>*{flex-shrink:0}.no-wrap{white-space:nowrap}.link{font-size:var(--link-font-size);max-height:var(--link-font-size);opacity:.4;transition:.3s;color:#fff;text-decoration:none;text-transform:uppercase;line-height:1}.link:hover{opacity:.6}.link.active{opacity:1}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.no-scrollbar::-webkit-scrollbar{display:none}.intro-instruction{position:fixed;bottom:var(--general-padding-y);left:0;right:0;font-size:var(--body-s-font-size);font-weight:200;text-transform:uppercase;text-align:center;line-height:1;max-height:var(--body-s-font-size);overflow:clip;transition:.5s ease-in-out}.intro-instruction.hide{max-height:0;opacity:0}.main-title-container{position:fixed;bottom:var(--general-padding-y);right:var(--general-padding-x);transition:.5s ease-in-out;overflow:clip;max-height:var(--title-font-size);display:flex;flex-flow:row nowrap;align-items:baseline;column-gap:16px;row-gap:4px}.main-title-container.hide{max-height:0;opacity:0}.main-title-container .title{font-weight:400;font-size:var(--title-font-size);line-height:1;text-transform:uppercase}.main-title-container .subtitle{line-height:1;font-size:var(--link-font-size);text-transform:uppercase;font-weight:200}@media screen and (max-width: 992px){.main-title-container{max-height:calc(var(--title-font-size) + 4px + var(--link-font-size));flex-flow:column nowrap;align-items:flex-end}}@media screen and (max-width: 576px){:root{--title-l-font-size: 64px;--title-font-size: 40px;--position-font-size: 32px;--body-l-font-size: 24px;--general-padding-x: 24px;--general-padding-y: 24px}}#gallery{height:fit-content;display:flex;flex-flow:row nowrap;column-gap:128px;align-items:center}#gallery .group{display:grid;grid-auto-flow:column;grid-auto-rows:1fr;grid-auto-columns:auto;grid-template-areas:var(--grid-areas-desktop);column-gap:24px;row-gap:24px;width:fit-content;min-width:0}#gallery .group .thumbnail-wrapper{width:fit-content;height:fit-content}#gallery .thumbnail{--base-height: 45vh;height:var(--base-height);display:block;object-fit:cover;object-position:center;cursor:pointer}#gallery #web.group .thumbnail{aspect-ratio:16 / 9}#gallery #mobile.group .thumbnail{width:auto}#gallery #game.group .thumbnail,#gallery #articles.group .thumbnail{aspect-ratio:3 / 4}#gallery #experiences.group,#gallery #awards.group{row-gap:64px;column-gap:64px}#gallery #experiences.group .exp-container *,#gallery #awards.group .award-container *{transition:color .3s}#gallery #experiences.group .exp-container:hover *,#gallery #awards.group .award-container:hover *{color:#1399ff}#gallery .exp-container,#gallery .award-container{width:500px;height:fit-content;display:flex;row-gap:8px}#gallery .award-container{border-left:1px solid white;padding-left:16px}#gallery .exp-container:nth-child(odd),#gallery .award-container:nth-child(odd){flex-flow:column-reverse nowrap;align-self:flex-end}#gallery .exp-container:nth-child(2n),#gallery .award-container:nth-child(2n){flex-flow:column nowrap;align-self:flex-start}#gallery .exp-container .position,#gallery .award-container .title{font-size:var(--position-font-size);text-transform:uppercase;line-height:1}#gallery .exp-container .company-duration,#gallery .award-container .date-team-position{font-size:var(--body-font-size);font-weight:300;line-height:1;text-transform:uppercase;display:flex;column-gap:var(--links-col-gap);row-gap:var(--links-row-gap)}#gallery .exp-container .company a{color:#fff}#gallery .exp-container:nth-child(odd) .company-duration,#gallery .award-container:nth-child(odd) .date-team-position{flex-flow:column-reverse nowrap}#gallery .exp-container:nth-child(2n) .company-duration,#gallery .award-container:nth-child(2n) .date-team-position{flex-flow:column nowrap}#gallery .award-container .team-position{font-size:var(--body-font-size);font-weight:300;line-height:1;text-transform:uppercase}@media screen and (max-width: 768px){#gallery .thumbnail{--base-height: 35vh}}@media screen and (max-width: 576px){#gallery{column-gap:80px}#gallery .group{grid-template-areas:var(--grid-areas-mobile);height:min-content}#gallery .thumbnail{--base-height: 20vh;--double-height: calc(var(--base-height) + 24px + var(--base-height))}#gallery #mobile.group .thumbnail,#gallery #game.group .thumbnail,#gallery #articles.group .thumbnail{height:var(--double-height)}#gallery .exp-container,#gallery .award-container{width:calc(100vw - 2 * var(--general-padding-x))}}.expanding-link{display:flex;flex-flow:row nowrap;column-gap:6px;cursor:pointer}.expanding-link .right{max-width:0;overflow-x:clip;transition:.3s}.expanding-link:hover .right,.expanding-link.active .right{max-width:200px}.secondary-nav{display:flex;flex-flow:column nowrap;row-gap:16px;padding:var(--general-padding-y) var(--general-padding-x);position:fixed;top:0;right:0}.secondary-nav a{text-align:right}@media screen and (max-width: 768px){.secondary-nav{display:none}}.primary-nav{display:flex;flex-flow:column nowrap;row-gap:16px;padding:var(--general-padding-y) var(--general-padding-x);position:fixed;top:0;left:0}.primary-nav nav{display:flex;flex-flow:row wrap;column-gap:var(--links-col-gap);row-gap:var(--links-row-gap);max-height:calc(3 * var(--link-font-size) + 2 * var(--links-row-gap));overflow:clip;transition:.5s ease-in-out}.primary-nav nav.hide{max-height:0;opacity:0}.primary-nav nav.hide a{max-height:0}.primary-nav nav.hide+.secondary-nav{margin-top:-16px}.primary-nav .secondary-nav{position:static;padding:0;display:none;transition:.3s ease-out .2s}@media screen and (max-width: 768px){.primary-nav .secondary-nav{display:flex}}.bg-tint{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000;transition:.5s ease-in-out;opacity:0;pointer-events:none}.bg-tint.active{opacity:.4;pointer-events:all}.project-details{position:fixed;top:0;right:0;height:100vh;width:100%;max-width:1600px;background-color:var(--dark-bg-primary);display:flex;flex-flow:row nowrap;align-items:stretch;transform:translate(100%);transition:.5s ease-in-out}.project-details.active{transform:translate(0)}.project-details .media{width:100%;max-width:720px;height:100%;flex:1 1 100%;position:relative;background-color:var(--dark-bg-light);padding:24px;display:flex;flex-flow:column nowrap;row-gap:24px;align-items:center}.project-details .media.solo{justify-content:center}.project-details .media .page{display:none;background-color:#fff;padding:4px 12px;border-radius:100px;box-shadow:0 0 12px #00000040;color:#000;line-height:1;font-size:var(--label-font-size);position:absolute;bottom:32px;transform:translateY(calc(100% + 32px));transition:.3s;opacity:0}.project-details .media:hover .page{transform:translate(0);opacity:1}.project-details .media .page.hide{opacity:0!important}.project-details .media .selected-media{flex:0 1 0;width:100%;height:auto;aspect-ratio:16 / 9;object-fit:contain;object-position:center}.project-details .media.solo .selected-media{width:100%;height:100%;aspect-ratio:unset}.project-details .media .edge{height:100%;width:0;opacity:0;overflow:clip;border:none;display:none;position:absolute;top:0;flex-flow:column nowrap;align-items:center;justify-content:center;cursor:pointer;transition:.3s}.project-details .media .edge.hide{opacity:0!important;pointer-events:none}.project-details .media:hover .edge{transform:translate(0)!important;width:80px;opacity:1}.project-details .media .edge.left{background:linear-gradient(to right,#00000080,#0000);left:0;transform:translate(-100%)}.project-details .media .edge.right{background:linear-gradient(to left,#00000080,#0000);right:0;transform:translate(100%)}.project-details .media .edge svg{width:48px}.project-details .media .all-media-container{flex:1 1 0;margin:-8px -8px -24px;padding:8px 8px 24px;overflow-y:auto}.project-details .media .all-media{display:grid;grid-template-columns:repeat(3,1fr);row-gap:24px;column-gap:24px}.project-details .media .all-media img{width:100%;height:100%;aspect-ratio:16 / 9;object-fit:contain;object-position:center;overflow:visible;cursor:pointer;position:relative}.project-details .media .all-media img.active{width:calc(100% + 16px);height:calc(100% + 16px);box-sizing:border-box;margin:-8px;padding:7px;border:1px solid white}.project-details .media .scroll-container{position:absolute;bottom:0;left:0;right:0;width:100%;height:4px;cursor:pointer;transition:.3s}.project-details .media .scroll-container:hover{background-color:#ffffff20}.project-details .media .scroll-container .scroll-fill{height:100%;background-color:#fff;transition:.3s}.project-details .metadata{padding:var(--general-padding-y) var(--general-padding-x);overflow-y:auto;flex:1 1 100%;height:100%}.project-details .metadata .back-group{width:fit-content;display:flex;flex-flow:row nowrap;column-gap:8px;align-items:center;cursor:pointer;margin:0 0 24px}.project-details .metadata .back-group svg{width:20px;height:20px;color:#fff}.project-details .metadata .back-group p{font-size:var(--link-font-size);text-transform:uppercase;line-height:1}.project-details .info{display:flex;flex-flow:column nowrap;row-gap:16px}.project-details .title{font-size:var(--title-font-size);text-transform:uppercase;font-weight:400;line-height:1}.project-details .subtitle{font-size:var(--link-font-size);text-transform:uppercase;line-height:1}.project-details .tech{font-size:var(--link-font-size);text-transform:uppercase;line-height:1;display:flex;flex-flow:row wrap;column-gap:var(--links-col-gap);row-gap:var(--links-row-gap)}.project-details .links{display:flex;flex-flow:row wrap;column-gap:var(--links-col-gap);row-gap:var(--links-row-gap)}.project-details .content{margin:64px 0 0;font-size:var(--body-font-size);font-weight:300}.project-details .content>*:not(:last-child){margin:0 0 24px}.project-details .content a{color:inherit}@media screen and (min-width: 1600px){.project-details{top:unset;bottom:0;left:0;right:0;margin:0 auto;max-height:1200px;transform:translateY(100%)}}@media screen and (max-width: 768px){.project-details{flex-flow:column nowrap}.project-details .media{max-width:unset;flex:1 1 0;padding:24px var(--general-padding-x)}.project-details .media .page{display:block}.project-details .media .selected-media{max-width:768px}.project-details .media.solo .selected-media{aspect-ratio:16 / 9}.project-details .media .edge{display:flex}.project-details .media .all-media-container{display:none}.project-details .metadata{max-width:unset}}@media screen and (max-width: 576px){.project-details .media{padding:16px var(--general-padding-x)}.project-details .media .selected-media{max-width:400px}}#about{width:100vw;height:100%;display:flex;align-items:center;flex-flow:column nowrap;justify-content:center;row-gap:24px;padding:var(--general-padding-y) var(--general-padding-x)}#about .title{font-size:var(--title-l-font-size);font-weight:400;text-transform:uppercase;text-align:center;line-height:1}#about .text{font-size:var(--body-l-font-size);font-weight:300;text-align:center;max-width:720px}#about .instruction{font-size:var(--body-s-font-size);font-weight:200;text-transform:uppercase}