@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&family=Roboto+Mono:wght@100;200;300;400;500;600;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700&display=swap);:root{--dark-navy:#020d1d;--navy:#0a182e;--light-navy:#112240;--lightest-navy:#233453;--navy-shadow:rgba(2,13,29,0.7);--dark-slate:#49556f;--slate:#8892af;--light-slate:#a8b2d1;--lightest-slate:#cbd5f6;--white:#e6f1ff;--accent:#f6ae55;--purple:#7b1fa2;--violet:#673ab7;--pink:#f48fb1;--accent-tint:rgba(255,186,102,0.1);--font-sans:"Poppins","Inter","San Francisco","SF Pro Text",-apple-system,system-ui,sans-serif;--font-mono:"Roboto Mono","Fira Code","Fira Mono","Roboto Mono",monospace;--fz-xxs:12px;--fz-xs:13px;--fz-sm:14px;--fz-md:16px;--fz-lg:18px;--fz-xl:20px;--fz-xxl:22px;--fsh:100vh;--fsw:100vw;--fz-heading:32px;--border-radius:4px;--nav-height:100px;--nav-scroll-height:70px;--tab-height:42px;--tab-width:120px;--easing:cubic-bezier(0.645,0.045,0.355,1);--transition:all 0.25s cubic-bezier(0.645,0.045,0.355,1);--hamburger-width:30px;--ham-before:top 0.1s ease-in 0.25s,opacity 0.1s ease-in;--ham-before-active:top 0.1s ease-out,opacity 0.1s ease-out 0.12s;--ham-after:bottom 0.1s ease-in 0.25s,transform 0.22s cubic-bezier(0.55,0.055,0.675,0.19);--ham-after-active:bottom 0.1s ease-out,transform 0.22s cubic-bezier(0.215,0.61,0.355,1) 0.12s}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:"Poppins",sans-serif,"Roboto Mono",monospace;font-size:16px;background-color:#0a182e;background-color:var(--navy);overflow-x:hidden;max-width:100vw;color:#8892af;color:var(--slate)}h1,h2,h3,h4,h5,h6{margin:0 0 10px;color:#cbd5f6;color:var(--lightest-slate);line-height:1.1}p{color:#a8b2d1;color:var(--light-slate)}li{display:list-item;text-align:-webkit-match-parent}strong{font-weight:600;color:#a8b2d1;color:var(--light-slate)}a{font-family:inherit;display:inline-block;color:inherit;position:relative;transition:all .25s cubic-bezier(.645,.045,.355,1);transition:var(--transition)}a,a:focus,a:hover{text-decoration:none;-webkit-text-decoration-skip:ink;text-decoration-skip-ink:auto}a:focus,a:hover{color:#f6ae55;color:var(--accent)}.react-icons{transition:all .25s cubic-bezier(.645,.045,.355,1);transition:var(--transition);width:20px;height:20px;color:#a8b2d1;color:var(--light-slate)}a:hover .react-icons{color:#f6ae55;color:var(--accent);-webkit-transform:translateY(-3px);transform:translateY(-3px);opacity:1}.font-mono{font-family:"Roboto mono"}.link-item:before{bottom:5px;background:#f6ae55}.underline--magical{background-image:linear-gradient(120deg,#f24389,#a478f1);background-repeat:no-repeat;background-size:100% .2em;background-position:0 88%;transition:background-size .25s ease-in;padding:2px 4px!important}.underline--magical:hover{background-size:100% 88%;color:#020d1d;color:var(--dark-navy)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{border-radius:10px;background:transparent}::-webkit-scrollbar-thumb{background:#49556f;background:var(--dark-slate);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#8892af;background:var(--slate)}.thumbnail{position:absolute;top:0;z-index:-5000;width:0;height:0}.thumbnail img{object-fit:cover;width:0;height:0}.full-screen{width:100vw;height:100vh;display:flex;justify-content:center;align-items:center}.button{color:var(--accent);background-color:transparent;border:1px solid var(--accent);border-radius:var(--border-radius);padding:1.25rem 1.75rem;font-size:var(--fz-sm);font-family:var(--font-mono);line-height:1;text-decoration:none;cursor:pointer;transition:var(--transition);margin:40px 0}.button:hover{background-color:var(--accent-tint);outline:none}p>a{cursor:pointer;display:inline-block;text-decoration:none;-webkit-text-decoration-skip:ink;text-decoration-skip-ink:auto;position:relative;transition:var(--transition);color:var(--accent)}p>a:active,p>a:focus,p>a:hover{color:var(--accent);outline:0}.link-item{color:var(--accent);cursor:pointer}.link-item:before{content:"";display:block;position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--accent);transition:-webkit-transform 1s cubic-bezier(.19,1,.22,1);transition:transform 1s cubic-bezier(.19,1,.22,1),-webkit-transform 1s cubic-bezier(.19,1,.22,1)}.link-item:hover:before{-webkit-transform:scaleX(0);transform:scaleX(0)}.get-in-touch{display:flex;flex-direction:column;align-items:center;margin-bottom:10rem}.get-in-touch h5{font-weight:400;font-size:var(--fz-md);color:var(--slate);max-width:800px;text-align:center;line-height:2rem}.section{margin:0 auto;max-width:1200px;padding:0 0 10%}.section-heading{color:var(--slate);display:flex;align-items:center;margin:40px 0}.section-heading .number{position:relative;margin-right:10px;color:var(--accent);font-family:var(--font-mono);font-size:clamp(var(--fz-md),3vw,var(--fz-xl));font-weight:400}.section-heading .title{display:flex;align-items:center;position:relative;width:100%;font-size:clamp(26px,5vw,32px);white-space:nowrap}.section-heading .title:after{content:"";display:block;position:relative;width:30%;height:3px;margin-left:20px;background-color:var(--lightest-navy)}.container-logo{display:flex;justify-content:center;align-items:center}.outer-ring{stroke-dasharray:10;-webkit-animation:dash 1s linear infinite;animation:dash 1s linear infinite}.stroke{fill:transparent;stroke-width:3px}@-webkit-keyframes dash{to{stroke-dashoffset:100}}@keyframes dash{to{stroke-dashoffset:100}}.logo-icon{-webkit-animation:secondAnimation 2s linear infinite forwards;animation:secondAnimation 2s linear infinite forwards}@-webkit-keyframes secondAnimation{0%{stroke-dasharray:40;stroke-dashoffset:20}30%{stroke-dasharray:40;stroke-dashoffset:200}50%{stroke-dasharray:80;stroke-dashoffset:400}60%{stroke-dasharray:80;stroke-dashoffset:200}}@keyframes secondAnimation{0%{stroke-dasharray:40;stroke-dashoffset:20}30%{stroke-dasharray:40;stroke-dashoffset:200}50%{stroke-dasharray:80;stroke-dashoffset:400}60%{stroke-dasharray:80;stroke-dashoffset:200}}.scroll-down{position:absolute;bottom:5vh;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);text-align:center}.scroll-down .react-icons{color:#000}.scroll-down p{color:#000;margin-bottom:0}.page-header{display:flex;padding:1rem 2rem;justify-content:space-between;align-items:center}.page-header a:hover .react-icons{-webkit-transform:none;transform:none}.tophead-container{padding:20% 10% 10%}.project-title{font-size:clamp(1rem,1vw,3rem);line-height:250%;color:var(--lightest-slate)}.project-subtitle{font-weight:200;color:var(--light-slate);font-size:clamp(1.75rem,3.41667vw,3.41667vw)}.splitshow{padding:10% 20%;display:flex;flex-direction:column;justify-content:center;align-items:center}.splitshow .col .right{flex:1 1;margin:20% 0 0}.splitshow .col .left{flex:1 1}@media (min-width:768px){.casestudy{padding-right:0;padding-left:0}.splitshow .col{display:flex}}@media (max-width:768px){.tophead-container{margin-top:30%}.splitshow{padding:30% 2%}.splitshow .col .right{margin:0}}.not-found{height:50vh;color:var(--slate)}.hero,.not-found{display:flex;flex-direction:column;align-items:center;justify-content:center}.hero{height:var(--fsh);transition:var(--transition);padding:0 0 10%;margin:0 auto;background:radial-gradient(ellipse 50% 80% at 50% -20%,rgba(13,43,185,.3) 0,rgba(238,130,238,0) 100%)}.HeaderContainer{max-width:1600px}.MinorHeading{margin:0 0 30px 4px;color:var(--accent);font-family:"Roboto mono";font-size:clamp(14px,5vw,16px);font-weight:400}.NameHeading{color:var(--lightest-slate);font-size:clamp(40px,8vw,80px);font-weight:600}.bio{font-size:clamp(22px,6vw,50px);font-weight:600;margin-top:20px;line-height:1.2}.bio,.sidebar{color:var(--slate)}.sidebar{width:40px;position:fixed;top:auto;bottom:auto;z-index:10}.sidebar.left{left:40px;right:auto}.sidebar.right{left:50%;right:auto;top:20px;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:auto;display:flex;flex-direction:row;align-items:center}.sidebar.right:after,.sidebar.right:before{content:"";display:block;opacity:.6;width:80px;height:1px;margin:0 8px;background-color:var(--slate)}.sidebar.left:after,.sidebar.left:before{content:"";display:block;opacity:.6;width:1px;height:12vh;margin:0 auto;background-color:var(--slate)}.sidebar.left .social{list-style:none;display:flex;flex-direction:column;align-items:center;margin:10px 0;padding:0}.sidebar.left .social .link{padding:10px;margin:5px 0}.sidebar.right .email{display:flex;flex-direction:row;align-items:center;transition:var(--transition)}.sidebar.right .email p{margin:0;padding:10px;font-family:"Roboto mono";font-size:var(--fz-xs);line-height:18px;letter-spacing:.1rem;-webkit-writing-mode:horizontal-tb;-ms-writing-mode:lr-tb;writing-mode:horizontal-tb;color:inherit;transition:var(--transition);cursor:pointer}.sidebar.right .email p:hover{color:var(--accent);-webkit-transform:translateY(-3px);transform:translateY(-3px)}@media (max-width:768px){.sidebar.left,.sidebar.right{display:none}.hero{padding:0}}@media (max-width:1080px){.sidebar.left{left:20px;right:auto}.sidebar.right{right:20px;left:auto}}@-webkit-keyframes background-pan{0%{background-position:0}to{background-position:-200%}}@keyframes background-pan{0%{background-position:0}to{background-position:-200%}}@-webkit-keyframes scale{0%,to{-webkit-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes scale{0%,to{-webkit-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(180deg);transform:rotate(180deg)}}@keyframes rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(180deg);transform:rotate(180deg)}}.magic{display:inline-block;position:relative}.magic>.magic-star{--size:clamp(20px,1.5vw,30px);--star-left:10px;--star-top:10px;-webkit-animation:scale 1s ease forwards;animation:scale 1s ease forwards;display:block;height:var(--size);left:var(--star-left);position:absolute;top:var(--star-top);width:var(--size)}.magic>.magic-star>svg{-webkit-animation:rotate 1.3s linear infinite;animation:rotate 1.3s linear infinite;display:block;opacity:.7}.magic>.magic-star>svg>path{fill:var(--violet)}.magic>.magic-text{-webkit-animation:background-pan 3s linear infinite;animation:background-pan 3s linear infinite;background:linear-gradient(90deg,var(--purple),var(--violet),var(--pink),var(--purple));background-size:200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;white-space:nowrap}