@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";/**
* @license
*
* Font Family: Cabinet Grotesk
* Designed by: ITF
* URL: https://www.fontshare.com/fonts/cabinet-grotesk
* © 2025 Indian Type Foundry
*
* Cabinet Grotesk Thin 
* Cabinet Grotesk Extralight 
* Cabinet Grotesk Light 
* Cabinet Grotesk Regular 
* Cabinet Grotesk Medium 
* Cabinet Grotesk Bold 
* Cabinet Grotesk Extrabold 
* Cabinet Grotesk Black 
* Cabinet Grotesk Variable (Variable font)

*
*/@font-face{font-family:CabinetGrotesk-Bold;src:url(/fonts/Cabinet-Grotesk/CabinetGrotesk-Bold.woff2) format("woff2"),url(/fonts/Cabinet-Grotesk/CabinetGrotesk-Bold.woff) format("woff"),url(/fonts/Cabinet-Grotesk/CabinetGrotesk-Bold.ttf) format("truetype");font-weight:700;font-display:swap;font-style:normal}@font-face{font-family:CabinetGrotesk-Extrabold;src:url(/fonts/Cabinet-Grotesk/CabinetGrotesk-Extrabold.woff2) format("woff2"),url(/fonts/Cabinet-Grotesk/CabinetGrotesk-Extrabold.woff) format("woff"),url(/fonts/Cabinet-Grotesk/CabinetGrotesk-Extrabold.ttf) format("truetype");font-weight:800;font-display:swap;font-style:normal}@font-face{font-family:iAQuattro;src:url(/fonts/iA-Quattro/400-normal.woff) format("woff"),url(/fonts/iA-Quattro/400-normal.woff2) format("woff2");font-weight:400;font-display:swap;font-style:normal}@font-face{font-family:iAQuattro-Italic;src:url(/fonts/iA-Quattro/400-italic.woff) format("woff"),url(/fonts/iA-Quattro/400-italic.woff2) format("woff2");font-weight:400;font-display:swap;font-style:normal}@font-face{font-family:iAQuattro-Bold;src:url(/fonts/iA-Quattro/700-normal.woff) format("woff"),url(/fonts/iA-Quattro/700-normal.woff2) format("woff2");font-weight:700;font-display:swap;font-style:normal}@font-face{font-family:iAQuattro-ItalicBold;src:url(/fonts/iA-Quattro/700-italic.woff) format("woff"),url(/fonts/iA-Quattro/700-italic.woff2) format("woff2");font-weight:700;font-display:swap;font-style:normal}:root{--head-rotation-degree: 345deg}header{background:#00000015;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);position:fixed;color:#fff;width:100%;display:flex;justify-content:center;height:290px;z-index:99}.header-bg{position:absolute;width:100%;top:0;bottom:0;background:radial-gradient(circle 600px at 100px -200px,#45C255,var(--light-green))}.headwrap{display:flex;justify-content:space-between;align-items:center;margin:0;width:var(--content-width)}@media (max-width: 576px){header{height:200px}.name{transform:scale(.5) translate(20px)}.hi{margin-top:-88px;margin-left:-140px}}@media (min-width: 576px) and (max-width: 992px){header{height:270px}.name{transform:scale(.8) translate(80px)}.hi{margin-top:-55px}}@media (min-width: 992px){.hi{margin-left:-33px;margin-top:-45px}}.name{z-index:99;font-family:Inter,sans-serif;font-weight:800;margin-top:40px}.name p{margin-top:-10px}.rav{color:var(--charcoal-light);font-size:8em;margin-top:-48px!important;margin-left:50px!important;margin-bottom:0}.frames{display:flex;flex-direction:column;gap:13px}.hi{font-family:Inter,sans-serif;align-self:flex-start;z-index:100}.hi p{font-weight:700;margin:45px 2px;line-height:1.05em}.little-frames{position:fixed;top:-45px;right:0;display:flex;flex-direction:column;gap:15px}:root{--init-y: 105px;--init-x: -60px;--ease: cubic-bezier(0, .66, .28, .99)}.anim-raise{animation:animRaise .8s var(--ease)}@keyframes animRaise{0%{opacity:0;transform:translateY(var(--init-y))}10%{opacity:0;transform:translateY(var(--init-y))}to{opacity:100;transform:translateY(0)}}.anim-slide{animation:animSlide .8s ease}@keyframes animSlide{0%{opacity:0;transform:translate(var(--init-x))}30%{opacity:0;transform:translate(var(--init-x))}to{opacity:100;transform:translate(0)}}.anim-push{animation:animPush .3s linear}:root{--pushing-height: 8px}@keyframes animPush{0%{transform:translateY(0)}40%{transform:translateY(var(--pushing-height))}60%{transform:translateY(var(--pushing-height))}to{transform:translateY(0)}}@keyframes animGrow{0%{height:var(--init-screen-height);width:150}to{height:var(--grow-screen-height);width:var(--grow-screen-width)}}@keyframes animShrink{0%{height:var(--grow-screen-height);width:var(--grow-screen-width)}to{height:var(--init-screen-height);width:var(--init-screen-width)}}@supports (animation-timeline: scroll()){@keyframes header-anim{13%{height:100px}to{height:100px}}@keyframes header-bg-anim{13%{opacity:0}to{opacity:0}}.header-anim{animation:header-anim linear auto both;animation-timeline:scroll();animation-range:0 100%}.header-bg-anim{animation:header-bg-anim linear auto both;animation-timeline:scroll();animation-range:0 100%}}@supports not (animation-timeline: scroll()){.header-anim,.header-bg-anim{transition:all .3s ease}.header-anim.scrolled{height:100px}.header-bg-anim.scrolled{opacity:0}}@supports (animation-timeline: scroll()){@keyframes content-anim{0%{transform:rotate(var(--rotation-degree))}to{transform:rotate(var(--rotation-degree)) translateY(var(--content-translate-y))}}.content-anim{animation:content-anim linear auto both;animation-timeline:scroll();animation-range:0 100%}}@supports not (animation-timeline: scroll()){.content-anim{transform:rotate(var(--rotation-degree));transition:all .1s ease}}@media (min-width: 992px){:root{--hi-scale: 1}}@media (max-width: 992px){:root{--hi-scale: .7}}@media (max-width: 576px){:root{--hi-scale: .5}}@supports (animation-timeline: scroll()){@keyframes hi-anim{0%{transform:scale(var(--hi-scale)) rotate(var(--head-rotation-degree))}10%{opacity:0;transform:scale(var(--hi-scale)) translate(30px) rotate(var(--head-rotation-degree));pointer-events:none}to{opacity:0;transform:scale(var(--hi-scale)) translate(30px) rotate(var(--head-rotation-degree));pointer-events:none}}.hi-anim{animation:hi-anim linear auto both;animation-timeline:scroll();animation-range:0 100%}}@supports not (animation-timeline: scroll()){.hi-anim{transform:scale(var(--hi-scale)) rotate(var(--head-rotation-degree));transition:all .3s ease}.hi-anim.scrolled{opacity:0;transform:scale(var(--hi-scale)) translate(30px) rotate(var(--head-rotation-degree));pointer-events:none}}@media (max-width: 576px){:root{--name-final-scale: .6;--name-final-y: 13px;--name-final-x: 50px}}@media (min-width: 576px) and (max-width: 992px){:root{--name-final-y: 25px;--name-final-x: 40px;--name-final-scale: 1}}@media (min-width: 992px){:root{--name-final-y: 25px;--name-final-x: 0px;--name-final-scale: 1}}@supports (animation-timeline: scroll()){@keyframes name-anim{10%{transform:scale(var(--name-final-scale)) translate(var(--name-final-x),var(--name-final-y));pointer-events:none}to{transform:scale(var(--name-final-scale)) translate(var(--name-final-x),var(--name-final-y));pointer-events:none}}.name-anim{animation:name-anim linear auto both;animation-timeline:scroll();animation-range:0 100%}}@supports not (animation-timeline: scroll()){.name-anim{transition:all .3s ease}.name-anim.scrolled{transform:scale(var(--name-final-scale)) translate(var(--name-final-x),var(--name-final-y));pointer-events:none}}@supports (animation-timeline: scroll()){@keyframes im-anim{10%{opacity:0}to{opacity:0}}.im-anim{animation:im-anim linear auto both;animation-timeline:scroll();animation-range:0 100%}}@supports not (animation-timeline: scroll()){.im-anim{transition:all .3s ease}.im-anim.scrolled{opacity:0}}@supports (animation-timeline: scroll()){@keyframes edouard-anim{10%{transform:translateY(-6px);font-size:3em}to{transform:translateY(-6px);font-size:3em}}.edouard-anim{animation:edouard-anim linear auto both;animation-timeline:scroll();animation-range:0 100%}}@supports not (animation-timeline: scroll()){.edouard-anim{transition:all .3s ease}.edouard-anim.scrolled{transform:translateY(-6px);font-size:3em}}:root{--final-x: 280px;--final-y: -144px;--final-scale: .52}@supports (animation-timeline: scroll()){@keyframes rav-anim{0%{transform:translate(-13px,-8px)}10%{transform:scale(var(--final-scale)) translate(var(--final-x),var(--final-y))}to{transform:scale(var(--final-scale)) translate(var(--final-x),var(--final-y))}}.rav-anim{animation:rav-anim linear auto both;animation-timeline:scroll();animation-range:0 100%}}@supports not (animation-timeline: scroll()){.rav-anim{transition:all .3s ease;transform:translate(-13px,-8px)}.rav-anim.scrolled{transform:scale(var(--final-scale)) translate(var(--final-x),var(--final-y))}}@supports (animation-timeline: scroll()){@keyframes little-frames-anim{0%{transform:scale(.2) rotate(var(--head-rotation-degree)) translateY(-200px);opacity:0}5%{transform:scale(.2) rotate(var(--head-rotation-degree)) translateY(-200px);opacity:0}10%{opacity:0}13%{transform:scale(.2) rotate(var(--head-rotation-degree));opacity:1}to{transform:scale(.2) rotate(var(--head-rotation-degree))}}.little-frames-anim{animation:little-frames-anim linear auto both;animation-timeline:scroll();animation-range:0 100%}}@supports not (animation-timeline: scroll()){.little-frames-anim{opacity:0;transform:scale(.2) rotate(var(--head-rotation-degree)) translateY(-200px);transition:all .3s ease}.little-frames-anim.scrolled{transform:scale(.2) rotate(var(--head-rotation-degree));opacity:1}}@keyframes detailsAnim{0%{opacity:0;transform:translate(-10px)}to{opacity:1}}:root{--content-width: 900px;--content-height: 1700px;--light-green: #00CEB5;--vanilla: #FCF6B1;--rusty-red: #D33F49;--charcoal: #353A47;--charcoal-light: #474C58;--darker-green: #3EBFA8;--lighter-green: #cefff4;--almost-black: #2c3130;--grey: #425E57;--darker-grey: #2D3F3A;--init-screen-width: 125px;--init-screen-height: 90px;--grow-screen-width: 400px;--grow-screen-height: 300px;--details-delay: 300}@media (min-width: 992px){:root{--rotation-degree: 345deg;--content-margin-bottom: 100}}@media (min-width: 576px) and (max-width: 992px){:root{--rotation-degree: 0deg;--content-margin-bottom: 95}}@media (max-width: 576px){:root{--rotation-degree: 0deg;--content-margin-bottom: -20}}@media (max-width: 576px){:root{--grow-screen-width: 100%}}@media (max-width: 576px){:root{--details-delay: 0}}#app{display:flex;flex-direction:column;align-items:center;width:100%;overflow:hidden}body{font-family:iAQuattro,sans-serif;color:var(--charcoal-light);margin:0}.body-bg{background:url(/assets/bg-BtmXworI.webp) no-repeat;background-size:cover;position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1}h1{font-size:6.5em;margin-top:0;letter-spacing:3px;margin-bottom:-10px}p{font-size:3em;margin-bottom:0}.stroke{font-family:CabinetGrotesk-ExtraBold}.stroke .dot{font-family:Inter,sans-serif}.flex{display:flex;gap:10px}.piano[data-v-9d368c38]{position:relative}.piano .white-keys[data-v-9d368c38]{display:flex;gap:2px}.piano .white-key[data-v-9d368c38]{background-color:#fff;border-radius:0 0 3px 3px;box-shadow:-3px 3px 3px #0002;width:17px;height:80px;transition:.1s}.piano .white-key[data-v-9d368c38]:hover{transform:translateY(5px);box-shadow:0 0 2px #0005}.piano .black-keys[data-v-9d368c38]{position:absolute;top:0;display:flex;justify-content:center;gap:6px}.piano .black-key[data-v-9d368c38]{background-color:var(--charcoal-light);border-radius:0 0 3px 3px;width:14px;height:45px;transition:.1s;z-index:60}.piano .black-key[data-v-9d368c38]:hover{transform:translateY(5px)}.piano .black-key[data-v-9d368c38]:nth-child(1){margin-left:10px}.piano .black-key[data-v-9d368c38]:nth-child(3){margin-left:17px}.screen[data-v-e1afd4b7]{border:4px solid;border-radius:3px;width:var(--init-screen-width);height:var(--init-screen-height);background-size:contain}.work[data-v-37e092ac]{display:flex;gap:18px}@media (max-width: 576px){.work.open[data-v-37e092ac]{flex-direction:column;margin-bottom:10px}.work.open .info[data-v-37e092ac]{margin-left:5px}}.work.open .screen[data-v-37e092ac]{animation:animGrow .2s ease forwards}.work.open .screen[data-v-37e092ac]:before{opacity:1!important;filter:grayscale(0%)!important;-webkit-filter:grayscale(0%)!important;-moz-filter:grayscale(0%)!important;-ms-filter:grayscale(0%)!important;-o-filter:grayscale(0%)!important}.work.close .screen[data-v-37e092ac]{animation:animShrink .2s ease forwards}.work img[data-v-37e092ac]{border:1px solid red;width:100px}.work h4[data-v-37e092ac]{font-family:CabinetGrotesk-Bold;font-size:1.3em;margin:-7px 0 0;color:var(--charcoal-light);transition:.2s}.work p[data-v-37e092ac]{margin:0;width:200px;font-size:1em}.work .details[data-v-37e092ac]{margin-top:20px;display:flex;flex-direction:column;gap:5px}.work .details.hide[data-v-37e092ac]{display:none!important}.work .details p[data-v-37e092ac]{font-family:iAQuattro-Italic;color:var(--charcoal);opacity:0}.work .details p.detailsAnim[data-v-37e092ac]{animation:detailsAnim .2s ease forwards}.work .screen[data-v-37e092ac]{position:relative;transition:.1s;-webkit-transition:.1s}.work .screen[data-v-37e092ac]:before{content:" ";display:block;position:absolute;left:0;top:0;width:100%;height:100%;opacity:0;background-image:var(--hover-img);background-repeat:no-repeat;background-position:50% 0;background-size:cover;transition:.1s;-webkit-transition:.1s;filter:grayscale(100%);-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%)}.work:hover[data-v-37e092ac]{cursor:pointer}.work:hover h4[data-v-37e092ac]{color:var(--charcoal)}.work:hover .screen[data-v-37e092ac]{width:150px}.work:hover .screen[data-v-37e092ac]:before{opacity:1}.wrap[data-v-b49a504b]{justify-content:flex-start;align-items:flex-start;padding-bottom:80px;border-bottom:1px solid #ddd}.wrap h2[data-v-b49a504b]{margin:0 20px 0 0;font-size:3em;text-align:right;color:var(--light-green);text-shadow:-3px 3px 0px #00000015}.wrap .category[data-v-b49a504b]{display:flex;flex-direction:column;gap:10px;padding:25px;border-radius:15px}.wrap .category p[data-v-b49a504b]{font-size:1em}.works[data-v-a85195cd]{display:flex;flex-direction:column;gap:20px}.icons[data-v-0606700e]{display:flex;gap:10px;align-items:center}.icons a svg[data-v-0606700e]{fill:var(--charcoal-light);width:30px;transition:.2s}.icons a:hover svg[data-v-0606700e]{fill:var(--charcoal)}.icons a:hover svg path[data-v-0606700e]{fill:var(--lighter-green)}.skill[data-v-7ed2306e]{display:flex;flex-direction:column;justify-content:center;align-items:center}.skill .icon[data-v-7ed2306e]{width:120px;transition:all .2s;-webkit-transition:all .2s}.skill .icon svg[data-v-7ed2306e]{border:1px solid red}.skill .icon[data-v-7ed2306e]:hover{transform:scale(1.2)}.skill p[data-v-7ed2306e]{margin-top:-10px;font-size:.8em}.skills[data-v-44af962c]{display:flex;justify-content:center}@media (min-width: 576px){.skills .wrap[data-v-44af962c]{width:80%}}.skills .wrap[data-v-44af962c]{display:grid;row-gap:10px}@media (min-width: 715px){.skills .wrap[data-v-44af962c]{grid-template-columns:repeat(4,1fr)}}@media (max-width: 715px){.skills .wrap[data-v-44af962c]{grid-template-columns:repeat(2,1fr)}}@media (min-width: 576px){img.avatar[data-v-f0c73a40]{width:200px}}@media (max-width: 576px){img.avatar[data-v-f0c73a40]{width:120px}}img.avatar[data-v-f0c73a40]{border-radius:50%;transform:rotate(10deg)}.scrollable[data-v-027ac7eb]{height:calc(1.5 * var(--content-height))}.contact .center[data-v-027ac7eb]{display:flex;flex-direction:column;align-items:center;gap:10px}.role[data-v-027ac7eb]{font-family:CabinetGrotesk-ExtraBold;text-shadow:-3px 4px 0px var(--darker-green)}@media (min-width: 992px){.content[data-v-027ac7eb]{width:780px;margin-left:360px;margin-top:130px}}@media (min-width: 576px) and (max-width: 992px){.content[data-v-027ac7eb]{width:calc(100% - 80px);margin-top:120px;margin-bottom:100px}}@media (max-width: 576px){.content[data-v-027ac7eb]{width:calc(100% - 20px);margin-top:50px;margin-bottom:50px}}.content[data-v-027ac7eb]{border:1px solid #aaa;box-shadow:-3px 3px 3px #0002;position:fixed;border-radius:0 0 10px 10px;overflow:hidden;background-color:#fffa;padding-top:200px;display:flex;flex-direction:column;gap:8px}.content p[data-v-027ac7eb]{font-size:1em}.content strong[data-v-027ac7eb]{font-family:CabinetGrotesk-Bold;color:var(--charcoal);font-size:1.3em;font-weight:700}.content .me[data-v-027ac7eb]{display:flex;justify-content:center}@media (min-width: 576px){.content .me .underline[data-v-027ac7eb]{margin-left:40px}.content .me .me-wrap[data-v-027ac7eb]{align-items:flex-end}}@media (max-width: 576px){.content .me .me-wrap[data-v-027ac7eb]{align-items:flex-start}}.content .me .me-wrap[data-v-027ac7eb]{display:flex;gap:30px}.content .me .me-wrap .presentation .techs[data-v-027ac7eb]{display:flex;flex-direction:column;align-items:flex-start;gap:5px}@media (min-width: 576px){.content .me .me-wrap .presentation .techs[data-v-027ac7eb]{margin-top:20px;margin-bottom:0}}@media (max-width: 576px){.content .me .me-wrap .presentation .techs[data-v-027ac7eb]{margin-top:50px;margin-bottom:20px}}@media (min-width: 576px){.content .me .me-wrap .presentation .techs .vue[data-v-027ac7eb]{margin-left:-10px}}@media (max-width: 576px){.content .me .me-wrap .presentation .techs .vue[data-v-027ac7eb]{margin-left:-20px}}@media (min-width: 576px){.content .me .me-wrap .presentation .techs .three[data-v-027ac7eb]{margin-left:-25px}}@media (max-width: 576px){.content .me .me-wrap .presentation .techs .three[data-v-027ac7eb]{margin-left:-45px}}.contact[data-v-027ac7eb]{padding-bottom:70px}