.layout__main{margin:10rem 2rem}@media only screen and (max-width:37.5em){.layout__main{margin:15rem 2rem 5rem}}.particles{position:fixed;top:0;left:0;z-index:-1}.particles,.particles>#tsparticles{width:100%;height:100%}.side-drawer{position:fixed;width:100vw;max-width:100%;height:100%;left:0;top:0;z-index:1001;background-color:rgba(0,0,0,.5);padding:10rem 3rem 0 2rem;transition:transform .3s ease-out;display:grid;align-items:start;text-transform:uppercase;text-align:end}.side-drawer__nav{display:grid;justify-content:end;row-gap:3ch}.side-drawer__nav>.nav-links{display:grid;row-gap:1.5ch;font-size:16px}.side-drawer__footer{align-self:end;padding-bottom:3rem;display:grid;justify-items:end}.side-drawer__footer>small{color:rgba(235,235,245,.6)}.slide-enter{transform:translateY(-30%);transition:.3s linear;opacity:0}.slide-enter-active,.slide-exit{transform:translateY(0);opacity:1}.slide-exit{transition:.3s linear}.slide-exit-active{transform:translateY(-30%);opacity:0}.backdrop{top:0;left:0;height:100%;background:rgba(0,0,0,.75);z-index:150}.backdrop,.header{position:fixed;width:100%}.header{bottom:0;z-index:100;display:grid;grid-auto-flow:column;justify-content:space-between;align-items:center;height:10rem;padding:0 4rem;animation:show .2s linear}@media only screen and (max-width:37.5em){.header{display:none}}.header__nav{display:grid;grid-auto-flow:column;align-items:center;column-gap:4rem;font-size:13px;text-transform:uppercase}.nav-links--header{display:flex;column-gap:2rem}@media only screen and (max-width:37.5em){.nav-links--header{display:none}}.language{display:flex;font-size:3.5rem;cursor:pointer}.language img{width:20px;height:20px}.burger{display:none}@media only screen and (max-width:37.5em){.burger{position:fixed;top:3rem;right:3rem;z-index:1000;width:3rem;height:3rem;display:flex;justify-content:center;align-items:center;background-color:transparent;animation:show .2s linear}.burger__icon{position:relative;width:3rem}.burger__icon,.burger__icon:after,.burger__icon:before{height:2px;background-color:#fff;display:inline-block}.burger__icon:after,.burger__icon:before{content:"";position:absolute;left:0;transition:all .3s}.burger__icon:before{top:-1rem;width:4rem}.burger__icon:after{top:1rem;width:2rem}.burger:hover .burger__icon:before{top:-1.2rem}}@media only screen and (max-width:37.5em) and (max-width:37.5em){.burger:hover .burger__icon:before{top:0}}@media only screen and (max-width:37.5em){.burger:hover .burger__icon:after{top:1.2rem}}@media only screen and (max-width:37.5em) and (max-width:37.5em){.burger:hover .burger__icon:after{top:0}}@media only screen and (max-width:37.5em){.burger:focus{outline:0}.burger--open .burger__icon{background-color:transparent;box-shadow:none}.burger--open .burger__icon:before{top:0;width:3rem;transform:rotate(45deg)}.burger--open .burger__icon:after{top:0;width:3rem;transform:rotate(-45deg)}}@media only screen and (max-width:37.5em) and (max-width:37.5em){.burger--open .burger__icon:after{top:0}}.footer{position:absolute;top:0;display:grid;grid-auto-flow:column;column-gap:2rem;padding:2rem;width:100%}@media only screen and (max-width:37.5em){.footer{display:none}}.footer__left-wrapper{color:#8e8e93}@media only screen and (max-width:37.5em){.footer__left-wrapper{display:none}}.footer__right-wrapper{justify-self:end}@media only screen and (max-width:37.5em){.footer__right-wrapper{display:none}}.sns{display:grid;grid-auto-flow:column;width:-webkit-max-content;width:max-content}.sns li{transition:transform .3s ease-in-out}.sns li:hover{transform:scale(1.1)}.sns--footer,.sns--side-drawer{column-gap:2ch}.brand{animation:show .2s linear}.brand__title{font-family:TradeGothicLTStd-BoldExt;font-size:2rem;text-transform:uppercase;line-height:1.2}@media only screen and (max-width:37.5em){.brand{position:fixed;top:3rem;left:2rem;z-index:1000}.brand__title{font-size:1.6rem}}.brand__sub{font-family:TradeGothicLTStd-BoldExt;font-size:1.5rem;text-transform:uppercase;-webkit-text-stroke:1px #1c1c1e}@media only screen and (max-width:37.5em){.brand__sub{font-size:1.4rem}}@font-face{font-family:TradeGothicLT;src:local("TradeGothicLT"),url(/static/Trade_Gothic_LT-0631e2714248f8295ff4d71b602a486d.ttf);format:"truetype"}@font-face{font-family:FranklinGothicStd-ExtraCond;src:local("FranklinGothicStd-ExtraCond"),url("/static/Franklin Gothic Std Extra Condensed-9e4f895143daa6cacecc42118e0d1d4a.otf");format:"opentype"}@font-face{font-family:TradeGothicLTStd-BoldExt;src:local("TradeGothicLTStd-BoldExt"),url(/static/TradeGothicLTStd-BoldExt-50717d0bfcb2f2f015543a9cdfa856b0.otf);format:"opentype"}@font-face{font-family:Miller Banner;src:local("Miller Banner"),url(/static/Miller-Banner-Roman-01-c932cf4413b1b524accd2852a38fd36d.ttf);format:"truetype"}@font-face{font-family:Date Stamp;src:local("Date Stamp"),url(/static/Date-Stamp-7cd03b8a67b211f4e3cd848c5947def4.otf);format:"opentype"}.hide{transform:translateY(100%)}.hide,.hide--mobile{animation:hide .2s linear}.hide--mobile{transform:translateY(calc(-100% - 3rem))}@keyframes show{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media only screen and (max-width:37.5em){@keyframes show{0%{transform:translateY(-100%)}to{transform:translateY(0)}}}@keyframes hide{0%{transform:translateY(0)}to{transform:translateY(100%)}}@media only screen and (max-width:37.5em){@keyframes hide{0%{transform:translateY(0)}to{transform:translateY(-100%)}}}@keyframes ticker{0%{transform:translateX(100%)}to{transform:translateX(-100%)}}@media only screen and (max-width:56.25em){@keyframes ticker{0%{transform:translateX(100%)}to{transform:translateX(-180%)}}}@media only screen and (max-width:37.5em){@keyframes ticker{0%{transform:translateX(110%)}to{transform:translateX(-320%)}}}*,:after,:before{margin:0;padding:0;box-sizing:border-box}html{font-size:62.5%}@media only screen and (max-width:75em){html{font-size:56.25%}}@media only screen and (max-width:56.25em){html{font-size:50%}}@media only screen and (min-width:112.5em){html{font-size:75%}}body{font-family:TradeGothicLT,Miller Banner,Helvetica Neue,Arial,Hiragino Kaku Gothic ProN,Hiragino Sans,Meiryo,sans-serif;font-size:1.6rem;font-weight:400;line-height:1.5;letter-spacing:1px;color:#f5f5f5;background-color:#000;background-size:cover;background-repeat:no-repeat}ul{list-style:none}a{display:block;color:inherit;text-decoration:none}input,select,textarea{border:1px solid}button,input,select,textarea{font-family:inherit;font-size:inherit;text-transform:inherit;color:inherit;line-height:inherit;letter-spacing:inherit;background-color:inherit}button{border:none;cursor:pointer}button:focus{outline:none}p{font-size:16px}.block-content a{display:inline-block;color:#0a84ff;text-decoration:underline;cursor:pointer}.block-content ul{list-style:disc}@media only screen and (max-width:37.5em){.block-content ul{list-style-position:inside}}.block-content h3{font-size:3rem}.block-content h3,.block-content h4{font-family:TradeGothicLTStd-BoldExt}.block-content h4{font-size:2rem}.none{display:none}.red{background-color:#ff453a}.green{background-color:#30d158}.gray{background-color:#8e8e93}.blue{background-color:#0a84ff}.loading-spinner{font-family:TradeGothicLTStd-BoldExt;letter-spacing:1.5px}.loading-spinner>span{display:flex}.loading-spinner>span:not(:first-child){animation:blink .1s ease infinite;animation-delay:calc(0.1s*var(--i))}@keyframes blink{0%,to{opacity:0}50%{opacity:1}}.overlay{height:100%;width:100%;position:fixed;z-index:1500;top:0;left:0;background:rgba(0,0,0,.9);display:flex;justify-content:center;align-items:center}.not-found-page__link-wrapper{display:flex;column-gap:1rem;height:-webkit-max-content;height:max-content}.not-found-page__link-wrapper>a{width:-webkit-max-content;width:max-content}.not-found-page__link-wrapper>a+svg{transition:all .3s}.not-found-page__link-wrapper>a:hover+svg{transform:translateX(.5rem)}.contact-page{display:grid;place-items:center;row-gap:2rem;height:calc(100vh - 20rem)}@media only screen and (max-width:37.5em){.contact-page{height:calc(100vh - 30rem)}}.contact-page__preference{align-self:end}.contact-page__preference>li{animation:beat .5s infinite alternate;transform-origin:center;transition:all .1s ease-in-out}.contact-page__preference>li:hover{transform:translateY(-.5rem)}.contact-page__list{align-self:start;display:grid;grid-auto-flow:column;column-gap:2rem}.contact-page__list>li{transition:all .1s ease-in-out}.contact-page__list>li:hover{transform:translateY(.5rem)}@keyframes beat{to{transform:scale(1.1)}}.projects-page__list{display:grid;row-gap:2rem;text-transform:uppercase}.projects-page__item{display:flex;align-items:center;column-gap:2rem}@media only screen and (max-width:37.5em){.projects-page__item{display:grid}}.projects-page__item>span:first-child{width:6rem;font-size:1.2rem}.projects-page__item>span:not(:first-child){font-style:italic;font-size:1.2rem;color:rgba(235,235,245,.6)}.profile-page{display:grid;row-gap:15rem;width:80%;max-width:80rem;margin:auto}@media only screen and (max-width:37.5em){.profile-page{row-gap:5rem;width:100%}}.profile-page__header{display:grid;grid-template-columns:repeat(2,1fr);column-gap:5rem;border-bottom:1px solid rgba(235,235,245,.6)}@media only screen and (max-width:37.5em){.profile-page__header{grid-template-columns:none;row-gap:5rem;padding-bottom:5rem}}.profile-page__text-wrapper{display:grid;align-content:start}.profile-page__text-wrapper>h1{font-size:3.5rem}.profile-page__text-wrapper>h1,.profile-page__text-wrapper>h3{font-family:TradeGothicLTStd-BoldExt;text-transform:capitalize}.profile-page__text-wrapper>h3{font-size:2rem;-webkit-text-stroke:1px #1c1c1e}.profile-page__text-wrapper>p{padding-top:1ch;font-style:italic}.profile-page__header>.gatsby-image-wrapper{height:50rem;border:5px solid #f5f5f5;filter:sepia(.7);position:relative}@media only screen and (max-width:37.5em){.profile-page__header>.gatsby-image-wrapper{grid-row:1/2;width:100%;max-width:40rem;height:60rem;margin:auto}}.profile-page__header>.gatsby-image-wrapper:after{content:"12 23 2017";position:absolute;bottom:1rem;right:1rem;font-family:Date Stamp;color:orange}.profile-page__main{display:grid;row-gap:2ch;width:80%;max-width:60rem;margin:auto;line-height:2}@media only screen and (max-width:37.5em){.profile-page__main{width:100%}}.blog-page{display:grid;row-gap:10rem}@media only screen and (max-width:37.5em){.blog-page{row-gap:5rem}}.single-blog{display:grid;row-gap:3rem;width:80%;max-width:60rem;margin:5rem auto 10rem}@media only screen and (max-width:37.5em){.single-blog{width:100%;margin-top:0;margin-bottom:0}}.single-blog__header{display:grid;justify-items:center;row-gap:3rem;padding:8rem 0;border-top:1px solid hsla(0,0%,96.1%,.5);border-bottom:1px solid hsla(0,0%,96.1%,.5)}.single-blog__header>h1{display:grid;justify-items:center;width:80%;max-width:60rem;margin:auto;font-family:TradeGothicLTStd-BoldExt;font-size:4rem;text-align:center}.single-blog__meta-wrapper{display:grid;grid-auto-flow:column;align-items:center;column-gap:2rem;text-transform:capitalize}.single-blog__likes-wrapper,.single-blog__social-wrapper{display:grid;grid-auto-flow:column;align-items:center;column-gap:1rem}.single-blog__main{margin-top:8rem;display:grid;row-gap:10rem}@media only screen and (max-width:37.5em){.single-blog__main{margin-top:5rem}}.single-blog__main>.block-content{display:grid;row-gap:1.5ch;line-height:2}@media only screen and (max-width:37.5em){.single-blog__main>.block-content>p{width:100%;margin:auto}}.single-blog__youtube{width:100%}.single-blog__image-wrapper{display:grid;gap:5rem}.single-blog .gatsby-image-wrapper{height:50rem}@media only screen and (max-width:37.5em){.single-blog .gatsby-image-wrapper{height:40rem}}.prev-next-pagination{display:grid;grid-template-columns:1fr 30% 1fr;padding:3rem 0;border-top:1px solid hsla(0,0%,96.1%,.5);border-bottom:1px solid hsla(0,0%,96.1%,.5)}@media only screen and (max-width:37.5em){.prev-next-pagination{grid-template-columns:none}}.prev-next-pagination__link{align-self:stretch;display:flex;justify-content:center;align-items:center;padding:0 2rem}@media only screen and (max-width:37.5em){.prev-next-pagination__link--prev{display:none}}.prev-next-pagination__link--top{margin:-3rem 0;border-right:1px solid hsla(0,0%,96.1%,.5);border-left:1px solid hsla(0,0%,96.1%,.5);text-transform:uppercase}@media only screen and (max-width:37.5em){.prev-next-pagination__link--top{border:none}}@media only screen and (max-width:37.5em){.prev-next-pagination__link--next{display:none}}.related-items{display:grid;row-gap:3rem}.related-items>h2{text-transform:capitalize}.related-items__items-wrapper{display:grid;grid-template-columns:repeat(3,1fr);column-gap:1rem}@media only screen and (max-width:37.5em){.related-items__items-wrapper{grid-template-columns:none;row-gap:3rem}}.related-items__items-wrapper .gatsby-image-wrapper{height:30rem}.blogs-page{margin-top:20rem;display:grid;row-gap:5rem}.blogs-page__list{display:grid;grid-template-columns:repeat(3,1fr);column-gap:1rem;row-gap:5rem;width:95%;max-width:110rem;margin:auto}@media only screen and (max-width:37.5em){.blogs-page__list{grid-template-columns:none;width:100%}}.blogs-page__list .gatsby-image-wrapper{height:30rem}.blogs-page>.pagination{justify-self:center}.pagination{display:grid;grid-auto-flow:column;column-gap:3rem}.pagination a{font-size:3rem;text-transform:capitalize}.pagination__num--active{text-decoration:underline}.card{display:grid}.card__text-wrapper{position:relative;display:grid;row-gap:2rem}.card__category{position:absolute;top:0;left:0;padding:.3rem .5rem;font-weight:600;text-transform:capitalize}.card__date{justify-self:end;padding-top:.5rem;font-size:1.2rem}.card__likes-wrapper{display:grid;grid-auto-flow:column;justify-content:start;align-items:start;column-gap:1rem;margin-top:-1rem}.single-project{width:80%;max-width:80rem;margin:20rem auto auto;display:grid;row-gap:10rem}@media only screen and (max-width:37.5em){.single-project{width:100%}}.single-project__header{display:grid;justify-items:center}.single-project__header>h1{font-family:TradeGothicLTStd-BoldExt;font-size:5rem;text-align:center}.single-project__meta-wrapper{display:grid;grid-auto-flow:column;column-gap:2rem;text-transform:capitalize}.single-project__tag>span:not(:last-child){margin-right:1rem}.single-project__info-wrapper{display:grid;row-gap:2rem;margin-top:5rem;text-transform:capitalize}.single-project__info-wrapper>a{justify-self:center;margin-top:3rem;width:-webkit-max-content;width:max-content;transition:all .1s ease-in-out}.single-project__info-wrapper>a:hover{transform:scale(1.1)}.single-project__main{display:grid;row-gap:5rem}.single-project__main>.block-content{display:grid;row-gap:1.5ch;width:80%;margin:auto;line-height:2}.single-project__image-wrapper{display:grid;grid-template-columns:repeat(2,1fr);gap:3rem 1rem}@media only screen and (max-width:37.5em){.single-project__image-wrapper{grid-template-columns:none}}.single-project .gatsby-image-wrapper:nth-child(3),.single-project__image-wrapper>.gatsby-image-wrapper:nth-child(2){height:70rem}@media only screen and (max-width:37.5em){.single-project .gatsby-image-wrapper:nth-child(3),.single-project__image-wrapper>.gatsby-image-wrapper:nth-child(2){height:100%}}.single-project__image-wrapper>.gatsby-image-wrapper:not(:nth-child(2)):not(:nth-child(3)){grid-column:1/-1}.video{width:100%}