@font-face{font-family:Ohno Blazeface;src:url(/portfolio/static/media/OhnoBlazeface-72PointItalic.cb0acdae786bc8e9fadf.ttf)}@font-face{font-family:Recoleta;src:url(/portfolio/static/media/Recoleta-Black.4cddb7fcdf4e1e13f708.ttf)}@font-face{font-family:Inter;src:url(/portfolio/static/media/Inter.b4c30855aff392d7e8dc.ttf)}html{box-sizing:border-box;scroll-behavior:smooth}*,:after,:before{box-sizing:inherit}body{background-color:#dcd7d4;font-family:Inter,sans-serif;font-size:1em;height:100%;line-height:1.1;margin:0;overflow-x:hidden;overflow-y:scroll;padding:0;width:100%}.loader-overlay{display:flex;left:0;position:fixed;top:0;z-index:100}.bar,.loader-overlay{height:100vh;width:100%}.bar{background-color:#00f}.percent{align-items:flex-end;bottom:0;color:#dcd7d4;display:flex;font-family:Ohno Blazeface,sans-serif;font-size:8em;height:100%;justify-content:flex-end;margin:0;padding:.15em .35em;position:absolute;right:0;z-index:10000}header{padding:30px 0 .5px;z-index:-1}.header{-webkit-text-fill-color:transparent;align-items:center;background:linear-gradient(90deg,blue,blue 50%,#000 0);background-clip:text;-webkit-background-clip:text;background-position:100%;background-size:200% 100%;color:#000;display:flex;font-family:Ohno Blazeface,sans-serif;font-size:2.5em;justify-content:center;overflow:hidden;text-decoration:none;transition:background-position .75s ease;z-index:-1}.header:hover{background-position:0 100%}.intro-container{display:flex;height:calc(100vh - 74.5px);justify-content:center;margin:0 15px;position:relative}.hey{color:#bdb6b2;font-size:20vw;left:50%;margin:0;position:absolute;text-align:center;top:35%;-webkit-transform:translate(-50%,-65%);transform:translate(-50%,-65%);white-space:nowrap;z-index:-1000}.hey,.welcome{font-family:Ohno Blazeface,sans-serif}.welcome{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;padding-top:85px;position:relative;width:100%}.welcome h1{font-size:10vw;margin:0 auto}.welcome h1:nth-child(2){color:#00f}.intro{font-family:Inter,sans-serif;font-size:1.25em;margin-top:35px;width:368px}.about,.intro{text-align:center}.about{align-items:center;display:flex;font-size:1.65em;height:35vh;justify-content:center;margin:0 auto;max-width:920px;width:80%}.titles-container,.works-title{position:relative}.works-title{align-items:center;display:flex;flex-direction:column;font-family:Ohno Blazeface,sans-serif;justify-content:center;margin-top:200px;width:100%}.works-title h1{font-size:8vw;margin:0 auto}.works-list{margin:75px auto;max-width:920px;width:80%}.work-item{border-radius:5px;color:#000;display:flex;flex-direction:column;height:auto;margin:35px 0;padding:15px;width:100%}.work-card:hover,.work-item:hover{background-color:#bdb6b2}.item-img,.item-img img{height:auto;width:100%}.item-img img{object-fit:contain;position:relative}.item-title{font-family:Ohno Blazeface,sans-serif;font-size:2.25em;margin:10px 0 0}.item-description{margin-bottom:.8em}.toolkit{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;gap:.375em;list-style:none;margin:.5em 0 1.5em;padding:0}.tool{background-color:#00f;border-radius:15px;color:#fff;font-size:.8em;font-weight:600;line-height:1.25;padding:.25em .75em;text-align:center}.homepage-container{margin:0 auto;width:100%}#main-container{padding:0 2.25em}.title-container{margin:0 auto;max-width:920px;position:relative;width:100%}.article-title:first-child,.works-title:first-child{color:#bdb6b2;left:5%;margin:0;position:absolute;top:-25%;z-index:-100}.article-title{font-family:Ohno Blazeface,serif;font-size:5em;line-height:1.1;margin:100px auto 24px}.reveal{margin:0 -2.25em;width:100%}.reveal img{height:auto;object-fit:contain;width:100vw}.article-container{display:flex;flex-direction:row;margin:100px auto 0;max-width:920px;position:relative;width:100%}.article-main p{font-size:18px;line-height:1.5;margin-bottom:1.096rem;margin-top:.6rem}a{color:blue;text-decoration:none}.links{gap:20px}.link,.links{display:flex;flex-direction:row}.link{align-items:center;gap:5px}.link img{-webkit-filter:invert(8%) sepia(90%) saturate(7441%) hue-rotate(248deg) brightness(107%) contrast(150%);filter:invert(8%) sepia(90%) saturate(7441%) hue-rotate(248deg) brightness(107%) contrast(150%);height:auto;object-fit:contain;position:relative;width:1em}.video{padding:100px 0 0}video{width:100%}.marquee-group:first-child{color:#bdb6b2;left:5%;margin:0;position:absolute;top:-1%;z-index:-100}.marquee{font-family:Ohno Blazeface,sans-serif;font-size:5em;margin-top:100px;overflow:hidden;padding:30px 0;position:relative}.marquee-group{align-items:center;display:flex;flex:auto;flex-direction:row;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.marquee-part{display:flex;flex-shrink:0;padding:0 16px}.work-container{display:flex;flex-direction:column;font-family:Inter,sans-serif;font-size:20px;font-weight:800;gap:8px;justify-content:space-between;margin:0 auto;max-width:920px;width:80%}.work-card{border-radius:5px;color:#000;flex-grow:1;font-family:Ohno Blazeface,sans-serif;font-size:2em;padding:15px;text-decoration:none;width:100%}.image{background-color:#00f;padding-top:112%;position:relative;width:100%}.image img{height:100%;object-fit:cover;position:absolute;top:0;width:100%}.work-title{margin:15px 0}.fullscreen{display:flex;justify-content:center;margin:100px auto;max-width:920px;position:relative;width:80%}.two-screen{align-items:start;flex-direction:row;gap:15px;height:auto;position:relative}.two-screen .column{width:50%}.two-screen img,.two-screen video{height:auto;width:100%}.three-screen{align-items:start;flex-direction:row;gap:15px;height:auto;position:relative}.three-screen .column{width:33.33333%}.three-screen img,.three-screen video{height:auto;width:100%}.three-screen .middle-video{background-color:#000;border-radius:10px;padding:3px;position:-webkit-sticky;position:sticky;top:35%}.three-screen video{border-radius:10px}.phone-island{background-color:#000;border-radius:0 0 6px 6px;height:10px;left:50%;position:absolute;top:0;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:50%;z-index:10}.footer{width:100%}.footer-links{margin:0 auto;max-width:920px;padding:5vh 15px 2.5vh;text-align:center;width:80%}.footer-links a img{-webkit-filter:invert(89%) sepia(1%) saturate(1470%) hue-rotate(338deg) brightness(89%) contrast(75%);filter:invert(89%) sepia(1%) saturate(1470%) hue-rotate(338deg) brightness(89%) contrast(75%);height:auto;padding:0 8px;position:relative;width:3em}.footer-links a img:hover{-webkit-filter:invert(7%) sepia(100%) saturate(7484%) hue-rotate(248deg) brightness(103%) contrast(143%);filter:invert(7%) sepia(100%) saturate(7484%) hue-rotate(248deg) brightness(103%) contrast(143%)}@media (min-width:600px){.article-title{font-size:6em}}@media (min-width:768px){.article-title{font-size:8em}.work-container{flex-direction:row}.work-item{display:grid;grid-template-columns:repeat(14,1fr)}.item-img{grid-area:1/1/2/8}.item-info{grid-area:1/9/2/15}.item-title{margin:0}.three-screen .column:nth-child(2){background-color:#000;border-radius:10px;padding:6px}.phone-island{border-radius:0 0 8px 8px;height:17px}.work-card{width:33.33333%}}
/*# sourceMappingURL=main.dd366c3b.css.map*/