a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1;position:relative;z-index:1;color:var(--c-white);font-family:var(--f-base-rg);background-color:var(--c-black);cursor:default}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}*{box-sizing:border-box;color:inherit}a,a:active,a:focus,a:hover,a:visited{text-decoration:none}:root{--s-2xs:clamp(0.69rem, calc(0.64rem + 0.20vw), 0.88rem);--s-xs:clamp(0.83rem, calc(0.76rem + 0.29vw), 1.10rem);--s-sm:clamp(1.00rem, calc(0.89rem + 0.40vw), 1.38rem);--s-md:clamp(1.20rem, calc(1.05rem + 0.56vw), 1.72rem);--s-lg:clamp(1.44rem, calc(1.24rem + 0.76vw), 2.15rem);--s-xl:clamp(1.73rem, calc(1.45rem + 1.03vw), 2.69rem);--s-2xl:clamp(2.07rem, calc(1.71rem + 1.38vw), 3.36rem);--s-3xl:clamp(2.49rem, calc(2.00rem + 1.83vw), 4.20rem);--space-3xs:clamp(0.25rem, calc(0.21rem + 0.13vw), 0.38rem);--space-2xs:clamp(0.50rem, calc(0.45rem + 0.20vw), 0.69rem);--space-xs:clamp(0.75rem, calc(0.66rem + 0.33vw), 1.06rem);--space-sm:clamp(1.00rem, calc(0.89rem + 0.40vw), 1.38rem);--space-md:clamp(1.50rem, calc(1.34rem + 0.60vw), 2.06rem);--space-lg:clamp(2.00rem, calc(1.78rem + 0.80vw), 2.75rem);--space-xl:clamp(3.00rem, calc(2.68rem + 1.21vw), 4.13rem);--space-2xl:clamp(4.00rem, calc(3.57rem + 1.61vw), 5.50rem);--space-3xl:clamp(6.00rem, calc(5.35rem + 2.41vw), 8.25rem);--min-page-width:428px;--max-page-width:1921px;--c-white:rgb(255, 255, 255);--c-gray-100:rgb(248, 248, 248);--c-gray-200:rgb(230, 230, 230);--c-gray-300:rgb(213, 213, 213);--c-gray-400:rgb(177, 177, 177);--c-gray-500:rgb(144, 144, 144);--c-gray-600:rgb(109, 109, 109);--c-gray-700:rgb(70, 70, 70);--c-gray-800:rgb(34, 34, 34);--c-gray-900:rgb(0, 0, 0);--c-black:rgb(0, 0, 0);--c-yellow:rgb(255, 238, 0);--a-250ms:ease-in-out 0.25s;--f-base-rg:"Poppins-Regular",sans-serif;--f-base-bd:"Poppins-Bold",sans-serif}@font-face{font-family:Poppins-Regular;src:local("Poppins-Regular"),url(/fonts/Poppins-Regular.ttf) format("truetype");font-display:swap}@font-face{font-family:Poppins-Bold;src:local("Poppins-Bold"),url(/fonts/Poppins-Bold.ttf) format("truetype");font-display:swap}html{font-size:16px}.btn{display:inline-flex;justify-content:center;color:var(--c-gray-100);background-color:var(--c-black);font-size:var(--s-sm);line-height:var(--s-sm);padding:var(--space-md) var(--space-xl);border:2px solid var(--c-gray-700);transition:var(--a-250ms)}.btn>svg{transition:var(--a-250ms);fill:var(--c-gray-100)}.btn:hover{color:var(--c-black);background-color:var(--c-yellow);border-color:var(--c-yellow)}.btn:hover>svg{fill:var(--c-black)}.icon{display:inline-block;width:var(--space-sm);height:var(--space-sm);line-height:0}.icon>svg{max-width:100%;max-height:100%}.intro__main-cont{position:relative;display:flex;max-width:var(--max-page-width);margin:0 auto;padding:var(--space-lg)}@media (max-width:767px){.intro__main-cont{flex-direction:column}.intro__projects{margin-top:var(--space-xl)}}@media (min-width:768px){.intro__main-cont{padding:var(--space-3xl) var(--space-lg) var(--space-lg);gap:var(--space-lg)}.intro__copy,.intro__projects{flex-basis:50%}}@media (min-width:992px){.intro__main-cont{padding:var(--space-3xl) var(--space-3xl) var(--space-lg);gap:var(--space-2xl)}}.intro__copy{display:flex;flex-flow:row wrap}@media (min-width:768px){.intro__copy{position:sticky;z-index:4;top:var(--space-3xl);height:0}}@media screen and (min-width:768px) and (max-height:760px){.intro__main-cont{padding:var(--space-xl) var(--space-3xl) var(--space-lg)}.intro__copy{top:var(--space-xl)}}.intro__header{display:flex;flex:1;gap:var(--space-md);align-items:center;z-index:4;padding:0 0 var(--space-md)}.intro__header>img{position:relative;height:80px;width:80px;border-radius:50%}.intro__header>div>a{display:flex;align-items:baseline;gap:var(--space-md);line-height:var(--s-md)}.intro__header>div>a>span{position:relative}.intro__header>div>a>span:before{position:absolute;top:2px;right:calc(var(--space-xs) * -1);bottom:0;left:auto;content:"";height:calc(100% - 2px);width:2px;background-color:var(--c-gray-700)}.intro__header>div>a>.icon{width:calc(var(--space-xs) - 2px);height:calc(var(--space-xs) - 2px);fill:var(--c-gray-100);transition:var(--a-250ms)}.intro__header>div>a:hover>.icon{fill:var(--c-yellow)}.intro__header>div>span{font-size:var(--s-2xs);color:var(--c-gray-500)}.intro__section-heading>h1,.intro__section-heading>h2{font-family:var(--f-base-bd);color:var(--c-yellow);-webkit-background-clip:text;background-clip:text;margin-bottom:var(--space-sm)}.intro__section-heading>h1{font-size:calc(var(--s-2xl) * 2);line-height:calc((var(--s-2xl)) * 2 + var(--s-xs))}@media (min-width:1280px){.intro__section-heading>h1{font-size:calc(var(--s-3xl) * 2);line-height:calc((var(--s-3xl)) * 2 + var(--s-xs))}}.intro__section-heading>h2{font-size:var(--s-2xl);line-height:calc(var(--s-2xl) + var(--s-xs))}@media (min-width:1280px){.intro__section-heading>h2{font-size:var(--s-3xl);line-height:calc(var(--s-3xl) + var(--s-xs))}}@media screen and (max-height:760px){.intro__section-heading>h2{font-size:var(--s-lg);line-height:calc(var(--s-lg) + var(--s-xs))}}.intro__section-body{color:var(--c-gray-100)}.intro__section-body>h3{font-size:var(--s-md);line-height:var(--s-xl);margin-bottom:var(--space-md)}@media screen and (max-height:760px){.intro__section-body>h3{font-size:var(--s-sm);line-height:var(--s-xl)}}.intro__projects{display:flex;flex-flow:row wrap;gap:var(--space-lg)}.intro__projects>div{flex-basis:100%;border-radius:1rem;box-shadow:rgba(0,0,0,.25) 0 25px 50px -12px}.intro__projects>div>h4{font-family:var(--f-base-bd);font-size:var(--s-sm);line-height:var(--s-lg)}.intro__projects>div>p{font-size:var(--s-xs);line-height:var(--s-md)}.intro__projects>div>p:not(:first-of-type){margin-top:var(--space-lg)}.intro__projects>div>a>figure>div{position:relative;overflow:hidden;height:calc(var(--space-2xl) * 3);width:100%;margin-bottom:var(--space-sm)}.intro__projects>div>a>figure>div>img,.intro__projects>div>a>figure>div>video{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);height:100%;width:100%;-o-object-fit:cover;object-fit:cover;opacity:1;filter:grayscale(1)}.intro__projects>div>a>figure>div>video{z-index:2}.intro__projects>div>a>figure>div>figcaption{position:absolute;top:auto;right:0;bottom:var(--space-sm);left:0;padding:0 var(--space-md);text-align:right}.intro__projects>div>a>figure>div>figcaption>h4{font-family:var(--f-base-bd);font-size:var(--s-sm);line-height:var(--s-lg);color:var(--c-yellow);margin-bottom:var(--space-2xs)}.intro__projects>div>a>figure>div>figcaption>p{font-size:var(--s-xs);line-height:var(--s-md);display:flex;align-items:center;justify-content:flex-end;gap:var(--space-2xs)}.intro__projects>div>a>figure>div>figcaption>p:not(:first-of-type){margin-top:var(--space-lg)}.intro__projects>div>a>figure>div>figcaption>h4,.intro__projects>div>a>figure>div>figcaption>p{position:relative;z-index:3}.intro__projects>div>a>figure>div>figcaption>p>svg{fill:var(--c-white)}.intro__projects>div>a>figure>div>figcaption>div{position:absolute;top:auto;right:0;bottom:calc(var(--space-sm) * -1);left:0;z-index:2;background:linear-gradient(to bottom,transparent,var(--c-black));height:200px;width:100%}#overlay__bottom{position:fixed;top:auto;left:0;right:0;bottom:0;z-index:4;background:linear-gradient(to bottom,transparent,var(--c-black));height:100%;max-height:var(--space-3xl);width:100%}.error__main-cont{position:relative;max-width:var(--max-page-width);margin:0 auto;padding:var(--space-lg);height:100vh;display:flex;flex-flow:row wrap;align-items:center;text-align:center}@media (min-width:768px){.intro__header>div>a>span:before{height:calc(100% - 6px)}.intro__projects>div{transform:perspective(1500px) rotateY(-15deg);transition:transform 1s;margin-bottom:var(--space-sm)}.intro__projects>div:hover{transform:perspective(3000px) rotateY(5deg)}.intro__projects>div:nth-child(odd){margin-left:var(--space-lg)}.intro__projects>div:nth-child(even){margin-right:var(--space-lg)}.intro__projects>div>a>figure>div{height:calc(var(--space-2xl) * 3)}#overlay__top{position:fixed;top:0;left:0;right:0;bottom:auto;z-index:4;background:linear-gradient(to bottom,var(--c-black),transparent);height:100%;max-height:var(--space-3xl);width:100%}.error__main-cont{padding:var(--space-xl) var(--space-lg)}}@media (min-width:992px){.intro__projects>div>a>figure>div{height:calc(var(--space-3xl) * 3)}.intro__projects>div>a>figure>div>figcaption>div{height:300px}.error__main-cont{padding:var(--space-xl) var(--space-3xl)}}.error__section-content{display:flex;align-items:center;flex-direction:column;justify-content:center;flex-basis:100%}.error__section-heading>h1,.error__section-heading>h2{font-family:var(--f-base-bd);color:var(--c-yellow);-webkit-background-clip:text;background-clip:text;margin-bottom:var(--space-sm)}.error__section-heading>h1{font-size:calc(var(--s-2xl) * 2);line-height:calc((var(--s-2xl)) * 2 + var(--s-xs))}@media (min-width:1280px){.intro__projects>div:nth-child(odd){margin-left:var(--space-2xl)}.intro__projects>div:nth-child(even){margin-right:var(--space-2xl)}.error__section-heading>h1{font-size:calc(var(--s-3xl) * 2);line-height:calc((var(--s-3xl)) * 2 + var(--s-xs))}}.error__section-heading>h2{font-size:var(--s-2xl);line-height:calc(var(--s-2xl) + var(--s-xs))}@media (min-width:1280px){.error__section-heading>h2{font-size:var(--s-3xl);line-height:calc(var(--s-3xl) + var(--s-xs))}}@media screen and (max-height:760px){.error__section-heading>h2{font-size:var(--s-lg);line-height:calc(var(--s-lg) + var(--s-xs))}}