@import"https://use.typekit.net/ynl2flq.css";*{margin:0;padding:0;box-sizing:border-box}img{max-width:100%}body{background-color:#19191b;height:100vh;width:100vw}nav{position:fixed;width:100%;display:flex;justify-content:space-between;background:linear-gradient(0deg,rgba(0,0,0,0) 0%,rgba(0,0,0,.6460784998) 100%);align-items:center;padding:.5rem 0 0;z-index:1;height:100px}nav .menu-btn{display:none;position:absolute;justify-content:center;align-items:center;width:80px;height:80px;cursor:pointer;transition:all .5s ease-in-out}nav .menu-btn_burger{width:50px;height:6px;background:#f7620c;border-radius:5px;transition:all .5s ease-in-out}nav .menu-btn_burger:before,nav .menu-btn_burger:after{content:"";position:absolute;width:50px;height:6px;background:#f7620c;border-radius:5px;transition:all .5s ease-in-out}nav .menu-btn_burger:before{transform:translateY(-16px)}nav .menu-btn_burger:after{transform:translateY(16px)}nav .menu-btn.open .menu-btn_burger{background:transparent}nav .menu-btn.open .menu-btn_burger:before{transform:rotate(45deg)}nav .menu-btn.open .menu-btn_burger:after{transform:rotate(-45deg)}@media only screen and (max-width: 800px){nav .menu-btn{display:flex;align-self:flex-end}nav .navbar-links{width:100%}nav .navbar{flex-direction:column;align-items:flex-start}nav .navbar-links ul{flex-direction:column;width:100%}nav .navbar-links li{text-align:center}nav .navbar-links.active{display:flex}}nav .navbar-links{width:40%}@media only screen and (max-width: 800px){nav{flex-direction:column;align-items:flex-start}nav .navbar-links{width:100%;transform:translate(600px);transition:all .5s ease-in-out}nav .navbar-links li a{color:#19191b}nav .navbar-links.active{display:flex;background-color:#f7620c;gap:2rem;transform:translate(0)}}nav .home a{text-decoration:none;color:#f7620c;display:block;margin-left:1rem;margin-top:1rem;font-size:2rem;height:50px;cursor:pointer;font-family:nitti-typewriter-cameo,sans-serif}@media only screen and (min-width: 1200px){nav .home a{font-size:3rem;margin-left:2rem;height:unset;margin-top:0}}nav ul{display:flex;justify-content:space-around}@media only screen and (max-width: 800px){nav ul{flex-direction:column;gap:.75rem;width:100%;padding:.75rem}}nav li{list-style:none;cursor:pointer}nav li:hover{text-decoration:underline;color:#f7620c}@media only screen and (max-width: 800px){nav li{width:100%;text-align:center}}nav li a{font-family:elza-text,sans-serif;font-weight:100;text-decoration:none;color:#f7620c;display:block;padding:1rem}@media only screen and (max-width: 800px){nav li a{padding:.5rem 1rem}}.toggle-btn{position:absolute;top:.9rem;right:1rem;display:none;width:31px;height:21px}@media only screen and (max-width: 800px){.toggle-btn{display:flex;flex-direction:column;justify-content:space-between;align-self:center;transform:scale(1.5);margin-top:1.25rem;margin-right:.5rem}}.toggle-btn .bar{height:3px;width:100%;background-color:#f7620c;border-radius:10px}header{background-image:url(/assets/cropped_shinjuku_park.e5757c5b.webp);background-repeat:no-repeat;background-position:center;background-size:cover;height:760px;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,1fr)}@media only screen and (max-width: 800px){header{height:680px;background-position:37%}}header .scroll-arrow{grid-column:2/4;grid-row:4/5;justify-self:center;align-self:end;color:#f7620c;cursor:pointer}header .bounce{animation:bounce 2s infinite}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-15px)}60%{transform:translateY(-7.5px)}}.hidden{display:none}.intro{display:flex;flex-direction:column;align-items:center}@media only screen and (min-width: 1200px){.intro{height:800px;display:grid;grid-template-columns:150px 1fr 1fr 50px 1fr 1fr 150px;grid-template-rows:80px 1fr 1fr 80px;align-items:unset}}.intro h2{font-family:nitti-typewriter-cameo,sans-serif;color:#f7620c;padding:2rem 0 1rem}@media only screen and (min-width: 1200px){.intro h2{grid-column:5/7;grid-row:1/2;place-self:end center;font-size:2rem;padding:unset}}.intro .intro-txt{color:#f7620c;font-family:elza-text,sans-serif;font-weight:300;line-height:1.55rem;padding:.5rem 2rem 0rem}.intro .intro-txt p{padding-top:.5rem}.intro .intro-txt a{text-decoration:none;color:#f7620c;font-family:elza-text,sans-serif;font-weight:700}.intro .intro-txt a:hover{text-decoration:underline}@media only screen and (min-width: 1200px){.intro .intro-txt{grid-column:5/7;padding:1rem 0;grid-row:2/4}}.intro .portrait{order:2;padding:2rem 3rem 3rem}@media only screen and (min-width: 1200px){.intro .portrait{grid-column:2/4;grid-row:1/4;place-self:center;width:370px;order:unset;padding:unset}}.intro .portrait img{max-width:100%;height:auto;object-fit:cover;box-shadow:0 0 10px #121212}.projects{display:flex;flex-direction:column;align-items:center}@media only screen and (min-width: 1200px){.projects{display:grid;grid-template-columns:150px 1fr 1fr 50px 1fr 1fr 150px;grid-template-rows:80px 1fr 1fr 80px}}.projects .cursorImage{z-index:10;position:fixed;pointer-events:none;display:none;background-image:none;border-radius:0;height:300px;width:260px;background-repeat:no-repeat;transition:background-image .2s ease-out;opacity:100%;background-size:contain;filter:drop-shadow(0 0 10px black);transform:translate(10%,-50%)}.projects .content h3{font-size:2rem}@media only screen and (min-width: 1200px){.projects .content h3{font-size:5rem}}.projects .content p{font-size:.75rem}@media only screen and (min-width: 1200px){.projects .content p{font-size:1.5rem}}.projects .container{padding:0!important;max-width:100%;overflow:hidden;grid-area:2/1/8/8}.projects .marquee{display:flex;white-space:nowrap;gap:3rem;overflow:hidden;text-decoration:none;color:#000;padding-bottom:.5rem}.projects .marquee:nth-child(odd) div{animation:marquee 20s linear infinite}.projects .marquee:nth-child(even) div{animation:marquee 20s linear -5s infinite}.projects .marquee p,.projects .marquee h3{display:inline-block;margin:0}@keyframes marquee{0%{transform:translateZ(0)}to{transform:translate3d(calc(-100% - 3rem),0,0)}}.projects h2{font-family:nitti-typewriter-cameo,sans-serif;color:#f7620c;padding:0 0 1rem}@media only screen and (min-width: 1200px){.projects h2{font-size:2rem;grid-column:2/4;justify-self:center}}.projects h3{font-family:nitti-typewriter-normal,sans-serif;font-weight:400;font-size:1.5rem;color:#f7620c}.projects p{font-family:elza-text,sans-serif;font-weight:100;color:#f7620c}#contact{display:flex;flex-direction:column;padding-bottom:2rem}#contact .contact-text{grid-column:5/7;grid-row:2/3;padding:1rem 0}#contact .contact-img{grid-column:2/4;order:-1;padding-top:3rem}@media only screen and (min-width: 1200px){#contact .contact-img{order:unset;padding-top:unset}#contact .contact-img img{box-shadow:0 0 10px #121212}}@media only screen and (min-width: 1200px){#contact{display:grid;grid-template-columns:150px 1fr 1fr 50px 1fr 1fr 150px;padding-bottom:6rem;padding-top:3rem}}#contact h2{font-family:nitti-typewriter-cameo,sans-serif;color:#f7620c;padding:3rem 0 1rem;align-self:center}@media only screen and (min-width: 1200px){#contact h2{font-size:2rem;grid-column:5/7;justify-self:center}}#contact p{font-family:elza-text,sans-serif;color:#f7620c;font-weight:300;padding:0 2rem 1rem;line-height:1.55rem}#contact p a{text-decoration:none;color:#f7620c;font-weight:700}#contact p a:hover{text-decoration:underline}#contact p svg{color:#f7620c}main{height:100%;width:100%;scroll-snap-type:y mandatory;overflow-y:scroll}footer{display:flex;padding:7vh 2rem;justify-content:space-between;background-color:#09090a;color:#f7620c}@media only screen and (min-width: 1200px){footer{flex-wrap:wrap;padding:7vh 4rem}}footer h3{font-family:nitti-typewriter-normal,sans-serif;color:#f7620c;font-weight:700;padding-bottom:.5rem;font-size:1.777rem}footer .social-link{line-height:1.55rem;display:flex;flex-direction:column;align-content:center;gap:.5rem}footer a{text-decoration:none;color:#f7620c;font-family:elza-text,sans-serif;font-weight:300}footer a:hover{text-decoration:underline}footer a:visited{color:#f7620c}footer p{font-family:elza-text,sans-serif;line-height:2rem}footer ul{list-style-type:none}footer section{display:flex;max-width:50vw;align-items:top;flex-wrap:wrap;justify-content:space-between}footer section div{margin:0px 1rem 1rem}