@import"https://fonts.googleapis.com/css2?family=League+Spartan&display=swap";@keyframes moveInLeft{0%{opacity:0;transform:translate(-10rem)}80%{transform:translate(1rem)}to{opacity:1;transform:translate(0)}}@keyframes moveInRight{0%{opacity:0;transform:translate(10rem)}80%{transform:translate(-1rem)}to{opacity:1;transform:translate(0)}}@keyframes moveInBottom{0%{opacity:0;transform:translateY(3rem)}to{opacity:1;transform:translate(0)}}*,*:after,*:before{margin:0;padding:0;box-sizing:inherit}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{box-sizing:border-box;padding:3rem}@media only screen and (max-width:56.25em){body{padding:0}}::selection{background-color:#131313;color:#fff}body{font-family:League Spartan,sans-serif;font-weight:400;line-height:1.7;color:#777}.heading-primary{color:#fff;text-transform:uppercase;backface-visibility:hidden;margin-bottom:6rem;margin-left:1rem}.heading-primary--main{white-space:nowrap;display:block;font-size:6rem;font-weight:400;letter-spacing:1.75rem}@media only screen and (max-width:37.5em){.heading-primary--main{letter-spacing:1rem;font-family:5rem;font-size:5.5rem;margin-left:9rem;margin-top:2rem}}.heading-primary--sub{display:block;font-size:1.5rem;font-weight:700;letter-spacing:1.5rem}@media only screen and (max-width:37.5em){.heading-primary--sub{letter-spacing:.5rem;margin-left:9rem}}.heading-secondary{font-size:3.5rem;text-transform:uppercase;font-weight:700;display:inline-block;background-image:linear-gradient(to right,#4f4d4d,#070707);-webkit-background-clip:text;background-clip:text;color:transparent;letter-spacing:.2rem;transition:all .2s;text-shadow:.5px .5px #131313}@media only screen and (max-width:56.25em){.heading-secondary{font-size:3rem}}@media only screen and (max-width:37.5em){.heading-secondary{font-size:2.5rem}}.heading-tertiary{font-size:1.6rem;font-weight:700;text-transform:uppercase}.paragraph{font-size:1.6rem}.paragraph:not(:last-child){margin-bottom:3rem}.u-center-text{text-align:center!important}.u-margin-bottom-small{margin-bottom:1.5rem!important}.u-margin-bottom-medium{margin-bottom:4rem!important}@media only screen and (max-width:56.25em){.u-margin-bottom-medium{margin-bottom:3rem!important}}.u-margin-bottom-big{margin-bottom:8rem!important}@media only screen and (max-width:56.25em){.u-margin-bottom-big{margin-bottom:5rem!important}}.u-margin-top-big{margin-top:8rem!important}.u-margin-top-huge{margin-top:10rem!important}.bg-video{position:absolute;top:0;left:0;height:100%;width:100%;z-index:-1;opacity:.15;overflow:hidden}.bg-video__content{height:100%;width:100%;object-fit:cover}.btn,.btn:link,.btn:visited{text-transform:uppercase;text-decoration:none;padding:1.5rem 4rem;margin:0rem .5rem;display:inline-block;border-radius:10rem;transition:all .2s;position:relative;font-size:1.6rem;border:none;cursor:pointer}@media only screen and (max-width:37.5em){.btn,.btn:link,.btn:visited{padding:.5rem 2rem;left:4.5rem}}.btn:hover{transform:translateY(-3px);box-shadow:0 1rem 2rem #0003}.btn:hover:after{transform:scaleX(1.4) scaleY(1.6);opacity:0}.btn:active,.btn:focus{outline:none;transform:translateY(-1px);box-shadow:0 .5rem 1rem #0003}.btn--white{background-color:#fff;color:#777}.btn--white:after{background-color:#fff}.btn--green{background-color:#7777774d;color:transparent;text-shadow:.1px .1px #fff}.btn--green:hover{background-color:#777;color:#fff}.btn--green:after{background-color:#4f4d4d}.btn-text:link,.btn-text:visited{font-size:1.6rem;color:#131313;display:inline-block;text-decoration:none;border-bottom:1px solid #131313;padding:3px;transition:all .2s}.btn-text:hover{background-color:#131313;color:#fff;box-shadow:0 1rem 2rem #00000026;transform:translateY(-2px)}.btn-text:active{box-shadow:0 .5rem 1rem #00000026;transform:translateY(0)}.card{perspective:150rem;-moz-perspective:150rem;position:relative;height:52rem}.card__side{height:52rem;transition:all .8s ease;position:absolute;top:0;left:0;width:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:20px;overflow:hidden;box-shadow:0 1.5rem 4rem #00000026}.card__side--front{background-color:#fff}.card__side--back{transform:rotateY(180deg)}.card__side--back-1{background-image:linear-gradient(to right bottom,#669882,#35413a)}.card__side--back-2{background-image:linear-gradient(to right bottom,#4f4d4d,#070707)}.card__side--back-3{background-image:linear-gradient(to right bottom,#88a8c6,#374a5d)}.card:hover .card__side--front{transform:rotateY(-180deg)}.card:hover .card__side--back{transform:rotateY(0)}.card__picture{background-size:cover;height:23rem;background-blend-mode:screen;-webkit-clip-path:polygon(0 0,100% 0,100% 85%,0 100%);clip-path:polygon(0 0,100% 0,100% 85%,0 100%);border-top-left-radius:3px;border-top-right-radius:3px}.card__picture--1{background-image:linear-gradient(to right bottom,#669882,#35413a),url(/assets/arigato-travel-BjZTikVv.png?url);background-position:center;background-repeat:no-repeat;background-size:100%}.card__picture--2{background-image:linear-gradient(to right bottom,#4f4d4d,#070707),url(/assets/discover_nikkei-Cc3zLhCI.png?url);background-position:center;background-repeat:no-repeat}.card__picture--3{background-image:linear-gradient(to right bottom,#88a8c6,#374a5d),url(/assets/poodll--l9vN77_.png?url);background-position:center;background-size:100%}.card__heading{font-size:2.8rem;font-weight:300;text-transform:uppercase;text-align:right;color:#fff;position:absolute;top:12rem;right:2rem;width:75%}.card__heading-span{padding:1rem 1.5rem;border-radius:2.5%;-webkit-box-decoration-break:clone;box-decoration-break:clone}.card__heading-span--1{background-image:linear-gradient(to right bottom,#669882d9,#35413ad9)}.card__heading-span--2{background-image:linear-gradient(to right bottom,#4f4d4dd9,#070707d9)}.card__heading-span--3{background-image:linear-gradient(to right bottom,#88a8c6d9,#374a5dd9)}.card__details{padding:3rem}.card__details ul{list-style:none;width:80%;margin:0 auto}.card__details ul li{text-align:center;font-size:1.5rem;padding:1rem}.card__details ul li:not(:last-child){border-bottom:1px solid #eee}.card__back-heading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;text-align:center}.card__back-box{text-align:center;color:#fff;margin-bottom:8rem}.card__back-title{font-size:2rem;text-transform:uppercase}.card__back-description{font-size:1.5rem;font-weight:100}@media only screen and (max-width:56.25em),only screen and (hover:none){.card{height:auto;border-radius:3px;background-color:#fff;box-shadow:0 1.5rem 4rem #00000026}.card__side{height:auto;position:relative;box-shadow:none}.card__side--back{transform:rotateY(0);clip-path:polygon(0 15%,100% 0,100% 100%,0% 100%)}.card:hover .card__side--front{transform:rotateY(0)}.card__details{padding:1rem 3rem}.card__back-heading{position:relative;top:0%;left:0;transform:translate(0);width:100%;padding:7rem 4rem 4rem}.card__back-box{margin-bottom:3rem}.card__back-description{font-size:1rem}}.composition{position:relative}.composition__photo{width:55%;box-shadow:0 1.5rem 4rem #0006;border-radius:2px;position:absolute;z-index:10;transition:all .2s;outline-offset:2rem}@media only screen and (max-width:56.25em){.composition__photo{float:left;position:relative;width:33.33333333%;box-shadow:0 1.5rem 3rem #0003}}.composition__photo--p1{left:0;top:-2rem}@media only screen and (max-width:56.25em){.composition__photo--p1{top:0;transform:scale(1.2)}}.composition__photo--p2{right:0;top:2rem}@media only screen and (max-width:56.25em){.composition__photo--p2{top:-1rem;transform:scale(1.3);z-index:100}}.composition__photo--p3{left:20%;top:10rem}@media only screen and (max-width:56.25em){.composition__photo--p3{top:1rem;left:0;transform:scale(1.1)}}.composition__photo:hover{transform:scale(1.05) translateY(-.5rem);box-shadow:0 2.5rem 4rem #00000080;z-index:20}.composition:hover .composition__photo:not(:hover){transform:scale(.95)}.tech-stack{background-color:#fffc;font-size:1.5rem;padding:2.5rem;text-align:center;box-shadow:0 1.5rem 4rem #00000026;transition:transform .3s;border-radius:14%}@media only screen and (max-width:56.25em){.tech-stack{padding:2rem}}.tech-stack__icon{height:15rem;width:15rem;border-radius:25%;font-size:6rem;margin-bottom:.5rem;display:inline-block;background-image:linear-gradient(to right,#4f4d4d,#070707);-webkit-background-clip:text;color:transparent}@media only screen and (max-width:56.25em){.tech-stack__icon{margin-bottom:0}}.tech-stack:hover{transform:translateY(-1.5rem) scale(1.03)}.organization{width:75%;margin:0 auto;box-shadow:0 3rem 6rem #0000001a;background-color:#fffc;border-radius:3px;padding:6rem 6rem 6rem 9rem;font-size:1.6rem;transform:skew(-12deg)}@media only screen and (max-width:56.25em){.organization{width:100%;padding:4rem 4rem 4rem 7rem}}@media only screen and (max-width:37.5em){.organization{transform:skew(0)}}.organization__shape{width:15rem;height:15rem;float:left;transform:translate(-3rem) skew(12deg);position:relative;overflow:hidden;border-radius:50%}@supports (clip-path: polygon(0 0)) or (-webkit-clip-path: polygon(0 0)){.organization__shape{-webkit-clip-path:circle(50% at 50% 50%);clip-path:circle(50% at 50% 50%);-webkit-shape-outside:circle(50% at 50% 50%);shape-outside:circle(50% at 50% 50%);border-radius:none}}@media only screen and (max-width:37.5em){.organization__shape{transform:translate(-3rem) skew(0)}}.organization__img{height:100%;backface-visibility:hidden;transition:all .5s}.organization__text{transform:skew(12deg)}@media only screen and (max-width:37.5em){.organization__text{transform:skew(0)}}.organization__caption{position:absolute;top:50%;left:50%;transform:translate(-50%,20%);color:#fff;text-transform:uppercase;font-size:1.7rem;text-align:center;opacity:0;transition:all .5s;backface-visibility:hidden}.organization:hover .organization__caption{opacity:1;transform:translate(-50%,-50%)}.organization:hover .organization__img{transform:translate(-4rem) scale(1);filter:blur(3px) brightness(80%)}.footer{background-color:#333;padding:10rem 0;font-size:1.4rem;color:#f7f7f7}@media only screen and (max-width:56.25em){.footer{padding:8rem 0}}.footer__logo-box{text-align:center;margin-bottom:8rem}@media only screen and (max-width:56.25em){.footer__logo-box{margin-bottom:6rem}}.footer__logo{width:15rem;height:auto}.footer__navigation{border-top:1px solid #777;padding-top:2rem;display:inline-block}@media only screen and (max-width:56.25em){.footer__navigation{width:100%;text-align:center}}.footer__list{list-style:none}.footer__item{display:inline-block}.footer__item:not(:last-child){margin-right:1.5rem}.footer__link:link,.footer__link:visited{color:#f7f7f7;background-color:#333;text-decoration:none;text-transform:uppercase;display:inline-block;transition:all .2s}.footer__link:hover,.footer__link:active{color:#131313;box-shadow:0 1rem 2rem #0006;transform:rotate(5deg) scale(1.3)}.footer__image{display:inline-block;height:6rem;width:6rem;border-radius:50%}.footer__contact{border-top:1px solid #777;padding-top:2rem;width:80%;float:right}@media only screen and (max-width:56.25em){.footer__contact{width:100%;float:none}}.row{max-width:114rem;margin:0 auto}.row:not(:last-child){margin-bottom:8rem}@media only screen and (max-width:56.25em){.row:not(:last-child){margin-bottom:6rem}}@media only screen and (max-width:56.25em){.row{max-width:50rem;padding:0 3rem}}.row:after{content:"";display:table;clear:both}.row [class^=col-]{float:left}.row [class^=col-]:not(:last-child){margin-right:6rem}@media only screen and (max-width:56.25em){.row [class^=col-]:not(:last-child){margin-right:0;margin-bottom:6rem}}@media only screen and (max-width:56.25em){.row [class^=col-]{width:100%!important}}.row .col-1-of-2{width:calc((100% - 6rem)/2)}.row .col-1-of-3{width:calc((100% - 2 * 6rem) / 3)}.row .col-2-of-3{width:calc(2 * (100% - 2 * 6rem) / 3 + 6rem)}.row .col-1-of-4{width:calc((100% - 18rem)/4)}.row .col-2-of-4{width:calc(.5*(100% - 18rem) + 6rem)}.row .col-3-of-4{width:calc(.75*(100% - 18rem) + 12rem)}.header{height:85vh;background-image:linear-gradient(to right bottom,#4f4d4dcc,#070707cc);background-size:cover;background-position:top;border-radius:5px;position:relative}@supports (clip-path: polygon(0 0)) or (-webkit-clip-path: polygon(0 0)){.header{-webkit-clip-path:polygon(0 0,100% 0,100% 75vh,0 100%);clip-path:polygon(0 0,100% 0,100% 75vh,0 100%);height:95vh}}@media only screen and (min-resolution:192dpi)and (min-width:37.5em),only screen and (-webkit-min-device-pixel-ratio:2)and (min-width:37.5em),only screen and (min-width:125em){.header{background-image:linear-gradient(to right bottom,#4f4d4dcc,#070707cc)}}@media only screen and (max-width:37.5em){.header{-webkit-clip-path:polygon(0 0,100% 0,100% 85vh,0 100%);clip-path:polygon(0 0,100% 0,100% 85vh,0 100%)}}.header__headshot-box{position:absolute;top:13rem;right:12rem}.header__headshot{height:18rem;border-radius:40px}.header__text-box{position:absolute;top:50%;left:40%;transform:translate(-50%,-50%);text-align:center}.navigation__checkbox{display:none}.navigation__button{background-color:#fff;height:7rem;width:7rem;position:fixed;top:6rem;right:6rem;border-radius:50%;z-index:2000;box-shadow:0 1rem 3rem #0000001a;text-align:center;cursor:pointer;background-image:url(/assets/chat-xbtWcfec.jpg?url);background-repeat:no-repeat;background-size:80%;background-position:center;transition:background-size .5s ease-in-out}@media only screen and (max-width:56.25em){.navigation__button{top:4rem;right:4rem}}@media only screen and (max-width:37.5em){.navigation__button{top:3rem;right:3rem}}.navigation__button:hover{background-size:100%}.navigation__background{height:6rem;width:6rem;border-radius:50%;position:fixed;top:6.5rem;right:6.5rem;background-image:radial-gradient(#4f4d4d,#070707);z-index:1000;transition:transform .8s cubic-bezier(.86,0,.07,1)}@media only screen and (max-width:56.25em){.navigation__background{top:4.5rem;right:4.5rem}}@media only screen and (max-width:37.5em){.navigation__background{top:3.5rem;right:3.5rem}}.navigation__nav{height:100vh;position:fixed;top:0;left:0;z-index:1500;opacity:0;width:0;transition:all .8s cubic-bezier(.68,-.55,.265,1.55)}.navigation__list{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);list-style:none;text-align:center;width:100%}.navigation__item{margin:1rem}.navigation__link:link,.navigation__link:visited{display:inline-block;font-size:3rem;font-weight:300;padding:1rem 2rem;color:#fff;text-decoration:none;text-transform:uppercase;background-image:linear-gradient(120deg,transparent 0%,transparent 50%,#fff 50%);background-size:220%;transition:all .4s}.navigation__link:link img,.navigation__link:visited img{height:5rem;width:5rem;margin-right:1.5rem;border-radius:10px;vertical-align:middle}.navigation__link:hover,.navigation__link:active{background-position:100%;color:#131313;transform:translate(1rem)}.navigation__checkbox:checked~.navigation__background{transform:scale(80)}.navigation__checkbox:checked~.navigation__nav{opacity:1;width:100%}html{scroll-behavior:smooth}.section-about{background-color:#f7f7f7;padding:25rem 0;margin-top:-20vh}@media only screen and (max-width:56.25em){.section-about{padding:20rem 0}}.section-tech-stack{padding:20rem 0;background-image:linear-gradient(to right bottom,#4f4d4dcc,#070707cc),url(/assets/fujisan-BWUSYGgP.JPG?url);background-size:cover;transform:skewY(-7deg);margin-top:-10rem}.section-tech-stack>*{transform:skewY(7deg)}@media only screen and (max-width:56.25em){.section-tech-stack{padding:10rem 0}}.section-projects{background-color:#f7f7f7;padding:25rem 0 15rem;margin-top:-10rem}@media only screen and (max-width:56.25em){.section-projects{padding:20rem 0 10rem}}.section-contributions{background-image:linear-gradient(to right bottom,#4f4d4d,#07070733),url(/assets/shrine-D6E7OWe6.jpg?url);background-size:cover;padding:12rem 0}@media only screen and (max-width:56.25em){.section-contributions{padding:7rem 0}}.section-contributions .nikkei-link:link,.section-contributions .nikkei-link:visited,.section-contributions .nikkei-link:active{text-decoration:none;color:inherit}
