.with-background{aspect-ratio:2;background:linear-gradient(45deg,#a2a4a5 0%,#586470 65%,#2d343c 100%);border-radius:6px;width:100%;position:relative;overflow:hidden}.with-background svg{opacity:.35;position:absolute;inset:0}
.project__header{padding-top:var(--spacing-xxl);background-color:var(--black);position:relative}.project__header .project__counter{font-size:var(--text-md);color:var(--light);font-weight:400}.project__header .project__counter b{font-weight:600}.project__header .project__middle-container{padding-top:var(--spacing-sm);padding-bottom:var(--spacing-xl);justify-content:space-between;align-items:center;gap:var(--spacing-sm);display:flex}.project__header .project__title{font-size:var(--text-xl);max-width:32ch;color:var(--light);font-weight:400;line-height:1.25}.project__header .project__title b{font-weight:700}.project__header .project__tag-list{flex-flow:column wrap;gap:1em;display:flex}.project__header .project__tag-item{font-size:var(--text-sm);text-align:center;white-space:nowrap;text-transform:uppercase;color:var(--light);border:1px solid var(--light);border-radius:9999px;padding:.6em 1.2em;font-weight:500}.project__header .project__detail-list{margin-bottom:var(--spacing-lg);gap:var(--spacing-lg);flex-wrap:wrap;display:flex}.project__header .project__detail-item{flex-direction:column;gap:1em;display:flex}.project__header .project__detail-label{font-size:var(--text-lg);color:var(--lightgray);font-weight:500}.project__header .project__detail-value{font-size:var(--text-lg);white-space:nowrap;color:var(--light)}.project__header .with-background{margin-top:-25%;margin-bottom:25%;transform:translateY(50%)}.project__header .with-background img{object-fit:contain;width:min(70%,130rem);height:auto;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media screen and (max-width:800px){.project__header .project__middle-container{align-items:unset;flex-direction:column}.project__header .project__tag-list{margin-top:var(--spacing-xs);flex-direction:row-reverse;justify-content:start}}
.project section{padding-top:var(--spacing-lg);color:var(--dark);gap:var(--padding-lg);font-size:clamp(1.8rem,1.8vw + 1rem,2.4rem)}.project section h2{font-size:var(--text-lg);margin-bottom:var(--spacing-xs);text-transform:uppercase;font-weight:600;line-height:1.6}.project section h3{font-size:var(--text-md);margin-top:var(--spacing-md);margin-bottom:var(--spacing-xs);font-weight:600}.project section p{max-width:70ch;margin-bottom:1em;line-height:1.6}.project section ul{margin-bottom:1em;margin-inline-start:min(6vw,3rem);list-style-type:disc}.project section ol{margin-bottom:1em;margin-inline-start:min(6vw,3rem);list-style-type:decimal-leading-zero}.project section li{line-height:1.8}.project section img{object-fit:contain;width:85%;height:auto;position:absolute;top:10%;left:50%;transform:translate(-50%)}
.project__body{width:min(90%,1200px);margin-block:var(--spacing-xxl);margin-inline:auto}
.video__container{aspect-ratio:16/9;border-radius:8px;width:100%;margin:auto;overflow:hidden}
.about{z-index:200;position:fixed;inset:0}.about__backdrop{cursor:pointer;opacity:0;background-color:var(--dark);transition:all .3s ease-in-out;position:absolute;inset:0}.about__container{width:min(100%,80rem);height:100svh;padding:var(--spacing-md);pointer-events:auto;background-color:var(--light);flex-direction:column;display:flex;position:absolute;top:0;right:0;overflow-y:scroll;transform:translate(125%);box-shadow:-5px 2px 30px #0000000d}.about__close{top:var(--spacing-md);right:var(--spacing-md);width:var(--padding-md);height:var(--padding-md);cursor:pointer;opacity:.8;color:var(--dark);background-color:var(--lightgray);appearance:none;border:none;border-radius:9999px;outline:none;justify-content:center;align-items:center;display:flex;position:absolute}.about__close:hover{opacity:1}.about__body{padding-block:var(--padding-md)}.about__body h2{align-items:center;margin-bottom:1em;font-size:clamp(2.4rem,2.4vw + 1rem,3.6rem);font-weight:500;line-height:1.5;display:inline-flex}.about__body h2 img{width:1em;height:1em;margin-left:var(--spacing-xxs)}.about__body p{font-size:var(--text-lg);color:var(--gray);margin-bottom:1em;font-weight:400;line-height:1.6}.about__footer{gap:var(--spacing-sm);flex-direction:column;margin-top:auto;display:flex}.about__contact-me{font-size:var(--text-lg);cursor:pointer;opacity:.92;color:var(--light);background-color:var(--dark);appearance:none;border:none;border-radius:9999px;outline:none;padding:.6em 1em;font-weight:500;transition:all .7s cubic-bezier(.16,1,.3,1);position:relative}.about__contact-me:hover{opacity:1;transition:all .7s cubic-bezier(.16,1,.3,1)}.about__contact-me:hover>.about__human img{transition:transform .2s cubic-bezier(.16,1,.3,1);transform:translateY(calc(2px - 100%))}.about__human{pointer-events:none;width:100%;height:250%;position:absolute;bottom:100%;left:0;overflow:hidden}.about__human img{width:min(20vw,16rem);height:auto;transition:transform .2s cubic-bezier(.16,1,.3,1);position:absolute;top:100%;right:10%}.about__download-cv{font-size:var(--text-lg);cursor:pointer;text-align:center;opacity:.8;color:var(--black);background-color:var(--lightgray);appearance:none;border:none;border-radius:9999px;outline:none;padding:.6em 1em;font-weight:500;transition:all .7s cubic-bezier(.16,1,.3,1)}.about__download-cv:hover{opacity:1;transition:all .7s cubic-bezier(.16,1,.3,1)}.wave{transform-origin:70% 70%;animation-name:wave-animation;animation-duration:2.5s;animation-iteration-count:infinite;display:inline-block}@keyframes wave-animation{0%{transform:rotate(0)}10%{transform:rotate(14deg)}20%{transform:rotate(-8deg)}30%{transform:rotate(14deg)}40%{transform:rotate(-4deg)}50%{transform:rotate(10deg)}60%{transform:rotate(0)}to{transform:rotate(0)}}
.project{position:relative;background-color:var(--light)!important}.project__scroll-top{right:var(--spacing-sm);bottom:var(--spacing-sm);cursor:pointer;opacity:.7;width:6rem;height:6rem;color:var(--dark);border:1px solid var(--lightgray);appearance:none;justify-content:center;align-items:center;gap:var(--spacing-xxs);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background-color:#ffffff80;border-radius:9999px;outline:none;transition:transform .4s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;transform:translateY(200%)rotate(-90deg)}.project__scroll-top:hover{opacity:1;background-color:#ffffff80;transition:opacity .4s cubic-bezier(.16,1,.3,1)}.project__scroll-top--visible{transition:transform .5s cubic-bezier(.16,1,.3,1);transform:translateY(0%)rotate(-90deg)}
.contact{z-index:10;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.contact__body{z-index:1;text-align:center;pointer-events:none;color:#fff;mix-blend-mode:difference;height:100%;padding-block:var(--spacing-md);flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}.contact__body-email{cursor:url(/images/cursor.png),auto;pointer-events:auto;margin-top:auto;font-family:Mondwest-Regular,Satoshi-Variable,Arial,Helvetica,sans-serif;font-size:6vw;font-weight:400;display:flex;position:relative}.contact__body-email>span{opacity:0}.contact__body-email:after{content:"";opacity:0;background-color:#fff;width:.08em;height:80%;animation:1s step-start 1.2s infinite blinker;position:absolute;top:0;right:-.22em}@keyframes blinker{50%{opacity:.8}}.contact__clipboard{opacity:0;color:var(--green);font-weight:500;transition:all .2s cubic-bezier(.16,1,.3,1);position:absolute;transform:translateY(350%)}.contact__clipboard--visible{opacity:1;transition:all .7s cubic-bezier(.16,1,.3,1);transform:translateY(300%)}.contact__body-social-list{font-size:var(--text-md);justify-content:center;align-items:center;gap:var(--spacing-lg);margin-top:auto;font-weight:400;display:flex}.contact__body-social-list>li{pointer-events:auto}.contact__body-social-list>li:hover{text-decoration:underline}.contact__grid{width:100%;height:100%;display:flex;position:absolute;overflow:hidden}.contact__grid-column{width:5vw}.contact__grid-column div{width:100%;height:5vw}.contact__grid-block{box-sizing:var(--shadow-card);background-color:var(--black);position:relative}.contact__grid-block:before{content:"";opacity:0;background-color:var(--light);transition:opacity .1s ease-in-out;position:absolute;inset:0}.contact__grid-block--hover:before{opacity:1}
.marquee{background-color:var(--green);flex-shrink:0;align-items:center;width:100%;height:min(10vw,10rem);display:flex;position:relative;overflow:hidden}.marquee ul{align-items:center;gap:2rem;display:flex}.marquee li{color:var(--dark);flex-shrink:0;font-size:2rem;font-weight:500;line-height:1}.marquee li:first-of-type{padding-left:2rem}
.home{flex-direction:column;width:100%;height:100vh;display:flex;position:sticky;top:0;overflow:hidden}.home__backdrop{z-index:5;cursor:pointer;pointer-events:none;opacity:0;background-color:var(--black);position:absolute;inset:0}.home__main{margin-top:var(--padding-lg);justify-content:space-between;gap:var(--spacing-lg);padding-inline:var(--spacing-md);flex:1;display:flex}.home__title{flex-direction:column;flex:1.6;justify-content:center;display:flex}.home__title h1{color:var(--black);gap:.2em;font-size:clamp(8rem,min(8vw + 1rem,16vh + 1rem),16rem);font-weight:600;line-height:1.2;display:flex}.home__title h1 span{cursor:grab;white-space:nowrap;height:1.05em;display:inline-block;overflow:hidden}.home__title h2{max-width:45ch;margin-top:var(--spacing-xs);font-size:clamp(2.4rem,min(2vw + 1rem,4vh + 1rem),3.6rem);font-weight:400;line-height:1.6}.home__project-list{flex-direction:column;flex:1;justify-content:center;display:flex}.home__project-list h3{font-size:var(--text-md);margin-bottom:var(--spacing-sm);text-transform:uppercase;color:var(--gray);font-weight:600}.home__project-item{font-size:var(--text-lg);cursor:pointer;border-bottom:1px solid var(--lightgray);font-weight:500;position:relative}.home__project-item:after{content:"";transform-origin:100% 100%;background-color:var(--black);width:100%;height:1px;transition:transform .25s cubic-bezier(.5,1,.89,1);position:absolute;bottom:0;left:0;transform:scaleX(0)translateY(1px)}.home__project-item:hover:after{transform-origin:0 100%;transition:transform .15s cubic-bezier(.5,1,.89,1);transform:scaleX(1)translateY(1px)}.home__project-item:before{z-index:2;content:"";background-color:var(--light);width:5rem;height:calc(100% - 2px);position:absolute;top:0;right:1.5em}.home__project-item i{aspect-ratio:1;width:1.5em;transition:all .35s cubic-bezier(.16,1,.3,1);position:relative;transform:translate(-100%)}.home__project-item i svg{width:100%;height:100%;position:absolute}.home__project-item:hover i{transform:translate(0)}.home__project-item>a{padding-block:var(--spacing-sm);justify-content:space-between;align-items:center;display:flex}@media screen and (max-width:1920px){.home__title h1{flex-direction:column}}@media screen and (max-width:1024px){.home{overflow:unset;min-height:100vh}.home__main{padding-top:var(--spacing-xl);padding-bottom:var(--spacing-xxl);flex-direction:column}.home__title{flex:unset}.home__title h1{flex-flow:wrap}.home__project-list{flex:unset;margin-top:unset}}@media screen and (max-width:460px){.home{height:100svh;min-height:unset;overflow:hidden}.home__title h1{font-size:4rem}}