@font-face{font-family:"Helvetica-52";src:url(../../templates/assets/fonts/Helvetica-52/Helvetica-52.woff) format("woff"),url(../../templates/assets/fonts/Helvetica-52/Helvetica-52.woff2) format("woff2");font-stretch:normal;font-style:normal;font-weight:normal}@font-face{font-family:"Switzer";src:url(../../templates/assets/fonts/Switzer/Switzer-regular.woff) format("woff"),url(../../templates/assets/fonts/Switzer/Switzer-regular.woff2) format("woff2");font-stretch:normal;font-style:normal;font-weight:normal}html{font-size:62.5%}:root{--font-size:1.15vw;--line-height:1.15;--color-black:#131313;--color-text:var(--color-black);--space:1vw;--space-xs:calc(var(--space) / 4);--space-sm:calc(var(--space) / 2);--space-md:calc(var(--space) * 2);--space-lg:calc(var(--space) * 4);--space-xl:calc(var(--space) * 6)}@media (min-width:758px){:root{--space:.75vw}}*,:after,:before{box-sizing:border-box}::selection{background-color:#696969;color:#fff}html{box-sizing:border-box}body{position:relative;box-sizing:inherit;margin:0;padding:0;color:var(--color-text);font-size:var(--font-size);line-height:var(--line-height);font-family:'Helvetica-52'}body{--gs:1.2rem;--gl-one:rgba(40,40,40,.075) 1px;--gl-two:transparent 1px;--gl-columns:linear-gradient(to right,var(--gl-one),var(--gl-two));--gl-rows:linear-gradient(to bottom,var(--gl-one),var(--gl-two));background:#f8f8f8;background-image:var(--gl-columns),var(--gl-rows);background-size:var(--gs) var(--gs);background-attachment:fixed;width:100vw;height:100vh;overflow:hidden}h1,h2,h3,h4,h5,h6{margin:0;font-weight:normal}p{margin:0}ul{margin:0;padding:0;list-style-type:none}a,a:visited{color:var(--color-text);text-decoration:none}#main{width:100%;height:100%;overflow-y:scroll}#main::-webkit-scrollbar{display:none}#main{-ms-overflow-style:none;scrollbar-width:none}.homepage{padding:17% 5% 0 5%;width:100%}input.toggle{display:none}#header{display:inline-flex;position:fixed;top:0;left:0;justify-content:space-between;transform:translateY(0%);opacity:1;z-index:10;transition:all 300ms;padding:5%;width:100%;user-select:none}#header.hide{transform:translateY(-50%);opacity:0}#navigation label{position:relative;cursor:pointer;margin-left:.5em}#navigation label:hover{opacity:1}@media (hover:hover){#navigation label{opacity:.75;transition:opacity 150ms}#navigation label:hover{opacity:1}}#navigation label[for='toggle_search']{display:none}#projects{display:flex;position:relative;flex-direction:row;flex-wrap:wrap;width:100%;height:100%}.project{flex:0 1 100%;margin-bottom:7%;max-width:100%}.project .link{display:inline-flex;position:absolute;top:0;left:0;justify-content:center;align-items:center;opacity:0;z-index:2;backdrop-filter:blur(5px);transition:opacity 300ms;background:rgba(34,34,34,.5);width:100%;height:100%;color:white;font-size:1.35rem;text-transform:uppercase}.project .link span{margin-left:.25em}@media (hover:hover){.project .media:hover .link{opacity:1}}.media{position:relative;border-radius:6px;background-position:center;background-size:cover;background-repeat:no-repeat;background-color:rgb(80,80,80);width:100%;overflow:hidden;user-select:none}.media>.wrapper{display:block;backdrop-filter:blur(12px);padding:7%;width:inherit;height:100%}@media (hover:hover){.media .link+.wrapper>picture,.media .link+.wrapper>video{transform:scale(1);transition:transform 150ms ease-in-out;will-change:transform}.media:hover .link+.wrapper>picture,.media:hover .link+.wrapper>video{transform:scale(1.05);transition:transform 300ms}}.media>.wrapper>picture,.media>.wrapper>video{display:block;box-shadow:rgba(0,0,0,.2) 0 20px 30px;border-radius:2px;width:inherit;height:100%;overflow:hidden}.media>.wrapper>picture>img{display:block;width:inherit;height:inherit;object-fit:contain;object-position:center}#header,#about,.caption{font-size:1.5rem;line-height:var(--line-height)}.caption{padding:.75em 5% 0 5%}.caption>.description{text-align:center}.tags{display:none}#about{display:flex;position:fixed;top:0;left:0;flex-direction:column;justify-content:flex-start;align-items:center;visibility:hidden;opacity:0;z-index:100;backdrop-filter:blur(10px);transition:all 300ms;transition-delay:200ms;background-color:rgba(0,0,0,.1);padding:4.5%;width:100%;height:100%;pointer-events:none}#about .wrapper{display:flex;position:relative;flex-direction:column;transform:translateY(2%);opacity:0;transition:all 300ms;margin-top:5%;border-radius:12px;background-color:#f7f7f7;padding:7% 4.5%;width:90%;height:100%;overflow-x:hidden;overflow-y:scroll}#about .wrapper::-webkit-scrollbar{display:none}#about .wrapper{-ms-overflow-style:none;scrollbar-width:none}#about label[for='toggle_about']{transform:rotate(45deg);cursor:pointer}@media (hover:hover){#about label[for='toggle_about']{opacity:.75;transition:opacity 150ms}#about label[for='toggle_about']:hover{opacity:1}}#toggle_about:checked~#about{visibility:visible;opacity:1;pointer-events:all}#toggle_about:checked~#about .wrapper{transform:translateY(0%);opacity:1;transition-delay:200ms}#about .wrapper .item:first-child .item_title{display:none}#about .wrapper .item_title{margin:2em 0 .25em 0;color:#767773}#about .wrapper .item_body p+p{margin-top:.65em}#about .wrapper .item_body a{opacity:.75;white-space:nowrap}@media (hover:hover){#about .wrapper .item_body a:hover{opacity:1;transition:opacity 300ms}}@media (min-width:480px){.caption>.description{text-align:left}#about{padding:2.5%}#about .wrapper{margin-top:2%;padding:3%;max-width:40%}}@media (min-width:640px){#header{padding:1em 1.25em}#navigation [for='toggle_search']{display:inline-block}.homepage{padding:7% 5% 0 5%}.project{flex:0 1 50%;margin-bottom:1%;padding:1%;max-width:50%}#header,#about,.caption{font-size:2vw}.caption{padding:.75em 0 0 0}}@media (min-width:992px){#header{padding:1.25em 1.25em}#header,#about,.caption{font-size:1.5vw}.tags{display:inline-flex;flex-wrap:wrap;margin-top:1%}.tag{backdrop-filter:blur(1.5rem);transition:all 150ms;cursor:pointer;margin:.25em;margin-left:0;border-radius:3px;background-color:rgba(80,80,80,.15);padding:.5em;pointer-events:none;color:#636363;font-size:1.15vw;line-height:.85;user-select:none;white-space:nowrap}#about{padding:1.5%}#about .wrapper{margin-top:1.25%;padding:2%;max-width:31%}}@media (min-width:1280px){.homepage{padding-bottom:2%}#header,#about,.caption{font-size:2.15rem}.tag{font-size:1.35rem}#about svg{width:1.25vw!important;height:1.25vw!important}}