@import url(https://fonts.googleapis.com/css2?family=Boldonse&family=Climate+Crisis&family=Instrument+Serif:ital@0;1&display=block);.--animGradient,.--followGradient{background-image:linear-gradient(115deg,var(--gradient1),var(--gradient2)),radial-gradient(90% 100% at calc(50% + var(--x,0px)) calc(0% + var(--y,0px)),var(--gradient3),var(--gradient2)),radial-gradient(100% 100% at calc(80% - var(--x,0px)) calc(0% - var(--y,0px)),var(--gradient2),var(--gradient3)),radial-gradient(150% 210% at calc(100% + var(--x,0px)) calc(0% + var(--y,0px)),var(--gradient3),var(--gradient2)),radial-gradient(100% 100% at calc(100% - var(--x,0px)) calc(30% - var(--y,0px)),var(--gradient3),var(--gradient2)),linear-gradient(60deg,var(--gradient3),var(--gradient2));background-blend-mode:overlay,overlay,overlay,overlay,overlay,normal}.--borderReveal,.--textAppear{position:relative;display:inline-block}.frame__block,.loader__txt{font-family:var(--layout-font)}.frame__header-center .absIcon,.frame__header-center>.logo{display:none}.frame__footer-center>span,.frame__header-center>span,img{display:block}.hero__gridItem,.loader,.stars{overflow:hidden}.frame__side-right,.hero__marquee,.loader__txt{color:var(--primary-light)}.frame__side-left>div,.frame__side-right>span,.nav__rail{writing-mode:vertical-rl}.circle,.layout__frame,.nav__label,.stars__layer{pointer-events:none}.nav__grid,section{gap:var(--spacing-l)}.nav__link,a{text-decoration:none}.--bgParalax,.--imgReveal,.--textAppear,.intro__txt.--one,.intro__txt.--three,.intro__txt.--two,.track__marquee{view-timeline-axis:block}*,.projects__button{box-sizing:border-box}:root{--frame-left:80px;--frame-right:80px;--frame-top:104px;--frame-bottom:104px;--layout-height:calc(100vh - (var(--frame-top) + var(--frame-bottom)));--spacing-s:8px;--spacing-m:16px;--spacing-l:24px;--primary-color:#4AFF00;--secondary-color:#BC00FF;--primary-light:#f7f4fa;--primary-dark:#0f0f10;--gradient1:#4100ff;--gradient2:#120000;--gradient3:#ec00ff;--main-font:"Boldonse",sans-serif;--body-font:"Instrument Serif",serif;--layout-font:"Climate Crisis",sans-serif}.--followGradient{filter:hue-rotate(30deg)}.--bgParalax{view-timeline-name:--bgParalax;animation:linear both bg-paralax;animation-timeline:--bgParalax;animation-range:entry 5% cover 95%}@keyframes bg-paralax{from{background-position:bottom 10% center}to{background-position:bottom 90% center}}.frame__block,.frame__side-right,body{background:var(--primary-light)}.--textAppear{opacity:0;transform:translateY(-40px) rotate(0);view-timeline-name:--reveal;animation-name:appearAnim;animation-timeline:--reveal;animation-fill-mode:both;animation-range:entry 100% contain 20%;animation-timing-function:ease-out}.--txtReveal{animation:2s cubic-bezier(.86,.15,.135,.785) forwards txtReveal}@keyframes txtReveal{from{transform:translateY(calc(100% + 10px)) rotateY(30deg) rotateZ(5deg)}to{transform:translateY(0) rotateY(0) rotateZ(0)}}.--insetReveal{animation:2s cubic-bezier(.86,.15,.135,.785) forwards insetReveal}@keyframes insetReveal{from{clip-path:inset(50% 50%)}to{clip-path:inset(0% 0% 0% 0%)}}.--imgReveal{view-timeline-name:--revealing-image;animation:linear both revealImg;animation-timeline:--revealing-image;animation-range:entry 30% cover 35%}@keyframes appearAnim{50%{opacity:0;transform:translateY(100px) rotate(10deg)}100%{opacity:1;transform:translateY(0) rotate(0)}}.--borderReveal::after{content:"";position:absolute;left:0;top:0;height:2px;width:100%;background:currentColor;transform:scaleX(0);transform-origin:center;animation:2s cubic-bezier(.86,.15,.135,.785) forwards borderReveal}.frame__header-center:before,.loader__txt{transform:translateX(-50%);position:absolute}@keyframes borderReveal{from{transform:scaleX(0)}to{transform:scaleX(1)}}*{margin:0;padding:0}body,html{height:100%}body{color:var(--primary-dark)}img{width:auto;height:auto;max-width:100%;max-height:100%}a{color:inherit}h1,h2,h3,h4{margin:0;font-weight:400}section{margin:var(--spacing-l) 0 0 0;height:calc(100vh - (var(--frame-top) + var(--frame-bottom)))}.circle{--circle-size:80px;position:fixed;height:var(--circle-size);width:var(--circle-size);border:2px solid #fff;border-radius:100%;top:calc(var(--circle-size)/ 2 * -1);left:calc(var(--circle-size)/ 2 * -1);z-index:99;mix-blend-mode:difference}.loader,.maskDR{max-width:100vw;height:100svh;max-height:100svh;inset:0}.circle.--isCross{border:none;border-radius:0;width:100px;height:100px}.frame__footer-center:before,.frame__header-center:before,.skills__item:not(:last-child){border-bottom:2px solid var(--primary-dark)}.circle.--isCross::after,.circle.--isCross::before{content:"";position:absolute;top:50%;left:50%;width:2px;height:100%;background:var(--primary-light);transform:translate(-50%,-50%) rotate(45deg)}.circle.--isCross::after{transform:translate(-50%,-50%) rotate(-45deg)}svg{width:100%;height:auto}.airport__char{display:inline-block;line-height:1em;text-align:center;vertical-align:text-bottom}.hero__title,h1{text-align:justify;text-align-last:justify;white-space:nowrap}.--fly,.--flyDel{letter-spacing:.1em}.loader{position:fixed;display:grid;place-items:center;width:100vw;z-index:999}.loader__txt{margin:0 auto;width:max-content;bottom:max(10%,env(safe-area-inset-bottom));left:50%;font-size:clamp(1.875rem, 1.4199rem + 1.9417vw, 3.75rem);animation:3.5s cubic-bezier(1,-.02,1,-.02) forwards loadtxt}.maskDR,circle{transform-origin:50% 50%}@keyframes loadtxt{0%,90%{transform:translate(-50%,0);opacity:1}100%{transform:translate(-50%,100vh);opacity:0;visibility:hidden}}.maskDR{position:absolute;width:100vw;transform-box:view-box;animation:.7s cubic-bezier(1,-.01,1,-.01) forwards scaleMask;animation-delay:3s;transform:scale(1.2);opacity:1;visibility:visible}@keyframes scaleMask{0%{transform:scale(1.2);opacity:1;visibility:visible}99%{transform:scale(100);opacity:1;visibility:visible}100%{transform:scale(100);opacity:0;visibility:hidden}}.layout__frame{position:fixed;inset:0;display:grid;grid-template-columns:var(--frame-left) 1fr var(--frame-right);grid-template-rows:var(--frame-top) 1fr var(--frame-bottom);z-index:8}.hero,.nav__grid{grid-template-columns:2fr 1fr}.frame__block{display:flex;align-items:center;justify-content:center;padding:var(--spacing-m);font-optical-sizing:auto;font-weight:400;font-style:normal;font-size:clamp(1rem, .9135rem + .3846vw, 1.375rem);letter-spacing:.08em}.fluid-text text,.frame__header-left,.logo{font-family:var(--main-font);letter-spacing:-.07em}.frame__icon{max-width:48px;max-height:48px}.frame__header-left{grid-column:1;grid-row:1;padding-top:0;font-size:2rem}.logo{font-size:2rem;scale:1;transition:.3s}.logo:hover{background:linear-gradient(45deg,#0095ff,#c0f,#00ffea) -100%/200%;-webkit-background-clip:text;background-clip:text;color:transparent;scale:1.2;animation:.3s ease-out forwards logo}@keyframes logo{to{background-position:100%}}.frame__header-center{grid-column:2;grid-row:1;justify-content:space-between;padding-top:0}.frame__header-center:before{content:"";left:50%;top:80px;height:2px;width:calc(100% - 48px);z-index:10}.frame__side-left:before,.frame__side-right:before{top:50%;height:calc(100% - 48px);width:1px;border-right:2px solid var(--primary-dark);transform:translateY(-50%);content:"";position:absolute}.frame__header-center>svg{display:block;position:absolute;width:140px;height:auto;left:50%;transform:translateX(-50%)}.frame__header-right{grid-column:3;grid-row:1;padding-top:0}.frame__side-left{grid-column:1;grid-row:2;flex-direction:column;justify-content:space-between;padding:0 var(--spacing-m)}.frame__side-left:before{left:80px;z-index:10}.frame__side-left>div{margin-top:auto;transform:rotate(180deg)}.frame__side-left>svg{margin-bottom:var(--spacing-m);animation:linear both spin;animation-timeline:scroll()}@keyframes spin{to{transform:rotate(360deg)}}.frame__side-right{cursor:pointer;user-select:none;grid-column:3;grid-row:2;flex-direction:column;justify-content:space-between;background:#0d0e0f}.frame__side-right:before{right:80px}.frame__side-right>span:nth-child(2){font-size:3rem}.frame__footer-left{grid-column:1;grid-row:3;font-family:var(--main-font);padding-bottom:0;font-size:2rem}.frame__footer-center{grid-column:2;grid-row:3;justify-content:space-between;padding-bottom:0}.frame__footer-center .frame__icon{margin-left:var(--spacing-s)}.frame__footer-center:before{content:"";position:absolute;left:50%;bottom:80px;height:1px;width:calc(100% - 48px);transform:translateX(-50%);z-index:10}#joy,.hero__gridItem--C div,.hero__gridItem--D div{width:100%;height:100%}.frame__footer-right{grid-column:3;grid-row:3;padding-bottom:0;border-top:var(--border-width) solid var(--border-color)}.frame__footer-right>svg{animation:linear both spin2;animation-timeline:scroll()}@keyframes spin2{to{transform:rotateY(1080deg)}}.layout{padding:0 var(--spacing-l);margin:var(--frame-top) var(--frame-right) var(--frame-bottom) var(--frame-left)}.hero{display:grid;grid-template-rows:auto 1fr 1fr;grid-template-areas:"A D" "C D" "C B";padding-top:0;padding-bottom:0;height:calc(100vh - (var(--frame-top) + var(--frame-bottom)));font-family:var(--main-font);animation:.1s linear 3.1s forwards heroAppear;opacity:0}@keyframes heroAppear{to{opacity:1}}.hero .--borderReveal::after,.hero .--insetReveal,.hero .--txtReveal{animation-delay:3s}.hero__gridItem--A{grid-area:A}.hero__gridItem--B{grid-area:B;align-items:normal;padding:0}.stars{position:relative;height:100%;background:#000}.stars__layer{position:absolute;inset:-20%;transform:translate3d(0,0,0);transition:transform 2s ease-out;background-size:cover;background-repeat:no-repeat;background-position:50% 50%}.stars__layer--far{mix-blend-mode:screen;opacity:.65;background-image:url(../assets/galaxy-far.webp)}.stars__layer--mid{mix-blend-mode:lighten;opacity:.85;background-image:url(../assets/galaxy-mid.webp)}.stars__layer--near{mix-blend-mode:screen;opacity:.95;background-image:url(../assets/galaxy-near.webp)}.hero__marquee,.nav,.nav__panel{background:var(--primary-dark)}.hero__gridItem--C{grid-area:C;overflow:clip}.hero__marquee,.nav__gridItem,.nav__item{overflow:hidden}.hero__gridItem--C div{background-image:url(../assets/abstract-bg.avif);background-size:cover;background-position:bottom 20% center}.hero__gridItem--D{grid-area:D;display:flex;flex-direction:column;justify-content:flex-end}.hero__gridItem--D div:last-child{height:max-content;margin-top:var(--spacing-l);padding-top:8px;line-height:1.1}h1{font-family:var(--body-font);font-size:clamp(1.375rem, -.625rem + 4.1667vw, 4.375rem)}#joy{background-color:#000}@property --shift{syntax:'<percentage>';inherits:false;initial-value:0%}.hero__marquee{--speed:8s;--content:'BIENVENUE\00a0\00a0#\00a0\00a0 BIENVENUE\00a0\00a0#\00a0\00a0 BIENVENUE\00a0\00a0#\00a0\00a0 BIENVENUE\00a0\00a0#\00a0\00a0 BIENVENUE\00a0\00a0#\00a0\00a0 BIENVENUE\00a0\00a0#\00a0\00a0';position:relative;padding:1.4em;font-size:1.1rem;font-style:italic}.hero__marquee::after,.hero__marquee::before{content:var(--content);position:absolute;padding:8px 0;inset-block:0;left:0;white-space:nowrap;text-transform:uppercase;display:inline-block;will-change:transform;animation:hero-marquee var(--speed) linear infinite;transform:translateX(var(--shift))}.hero__marquee::after{transform:translateX(calc(var(--shift) + 100%))}@keyframes hero-marquee{to{--shift:-50%}}.hero__title{margin-top:.2em;font-size:clamp(2.0625rem, -1.4792rem + 7.3785vw, 7.375rem);font-family:var(--main-font);line-height:1.15;letter-spacing:-.03em}.arrow-icon{margin:0 var(--spacing-l);width:clamp(1.5rem,.5746rem + 3.9482vw,6.2vw);height:clamp(1.5rem,.5746rem + 3.9482vw,6.2vw)}.nav,.nav__rail{display:flex;width:var(--frame-right)}.arrow-icon.--r{transform:rotateZ(-90deg)}.arrow-icon.--footer{max-height:100%;height:auto;width:100%;max-width:50px}.nav{position:fixed;top:82px;right:0;height:100dvh;height:calc(100vh - 162px);cursor:pointer;align-items:center;justify-content:center;z-index:9}.nav.nav--open .nav__panel,.nav:active .nav__panel,.nav:focus-within .nav__panel,.nav:hover .nav__panel{transform:translateX(calc(-100vw + 175px))}.nav__rail{justify-content:space-between;align-items:center;position:relative;padding:var(--spacing-m);height:100%}.nav__label,.nav__panel{position:absolute;will-change:transform}.nav__dots{font-size:2rem}.nav__label{color:#aaa;transform:translateY(60px) rotate(-90deg);margin-top:30px;font-weight:700;letter-spacing:.12rem;transition:.5s ease-in-out;opacity:0;font-size:.9rem;inset:auto 0 0 0;text-align:center}.nav__panel{inset:0 auto 0 0;height:100%;width:calc(100vw - 160px);transform:translateX(80px);transition:1.5s cubic-bezier(.47, 1.1, .1, 1);padding:var(--spacing-l)}.nav__gridItem--A,.nav__gridItem--B,.nav__gridItem--C{background-size:cover;clip-path:inset(45% 20% 45% 20%);transition:clip-path 1s cubic-bezier(.86, .15, .135, .785)}.nav__grid{display:grid;grid-template-rows:50% 50%;grid-template-areas:"A B" "C D";height:calc(100vh - (var(--frame-top) + var(--frame-bottom)) - 24px)}.glow-follow,.hero__video,.nav__list{height:100%}.nav__gridItem--A{grid-area:A;background-image:url(../assets/abstract-bg2.avif);background-position:center}.nav__gridItem--B{grid-area:B;background-image:url(../assets/DR-bg3.avif);background-position:center}.nav__gridItem--C{grid-area:C;background-image:url(../assets/lines-bg.avif);background-position:top center}.nav__gridItem--D{grid-area:D}.nav:hover .nav__gridItem--A,.nav:hover .nav__gridItem--B,.nav:hover .nav__gridItem--C{clip-path:inset(0% 0% 0% 0%)}.nav__list{display:flex;flex-direction:column;justify-content:space-between;padding-left:var(--spacing-l);border-left:2px solid var(--primary-light)}.nav__list:hover .nav__item:not(:hover) .nav__link{color:rgba(249,249,237,.5)}.nav__item{padding:8px}.glow-follow,.intro__gridItem,.skills__gridItem{position:relative;overflow:clip}.nav__item:first-of-type{padding-top:0}.nav__item:last-of-type{padding-bottom:0}.nav__link{display:block;font-family:var(--body-font);font-size:3.5rem;color:var(--primary-light);line-height:1;transform:translateY(calc(100% + 10px));transition:color .2s}.contact__title,.trust__row{text-transform:uppercase;line-height:1.3}.nav__item:first-of-type .nav__link{transition:transform .6s cubic-bezier(.785, .135, .15, .86) .5s,color .2s}.nav__item:nth-of-type(2) .nav__link{transition:transform .6s cubic-bezier(.785, .135, .15, .86) .6s,color .2s}.nav__item:nth-of-type(3) .nav__link{transition:transform .6s cubic-bezier(.785, .135, .15, .86) .7s,color .2s}.nav__item:nth-of-type(4) .nav__link{transition:transform .6s cubic-bezier(.785, .135, .15, .86) .8s,color .2s}.nav__item:nth-of-type(5) .nav__link{transition:transform .6s cubic-bezier(.785, .135, .15, .86) .9s,color .2s}.nav.nav--open .nav__link,.nav:focus-within .nav__link,.nav:hover .nav__link{transform:translateY(0)}.nav.nav--closing .nav__panel{transform:translateX(0)}#hero{scroll-margin-top:var(--frame-top)}#contact,#intro,#projects{scroll-margin-top:calc(var(--frame-top) - var(--spacing-l))}.hero__gridItem--A{align-items:stretch;justify-content:stretch;padding:0}.fluid-text,.fluid-text svg{width:100%;height:100%;display:block}.fluid-text text{pointer-events:bounding-box}.frame__block{pointer-events:auto}.hero__video{width:100%;object-fit:cover}.intro{display:grid;grid-template-columns:1fr 2fr;grid-template-rows:auto 1fr 1fr;grid-template-areas:"B A" "C A" "D A"}.intro__gridItem--A{grid-area:A;padding-left:8vw;display:flex;flex-direction:column;justify-content:center;padding:var(--spacing-m)}.glow-follow::before{content:"";position:absolute;left:var(--mx,50%);top:var(--my,50%);width:200vmin;height:200vmin;border-radius:50%;transform:translate(-50%,-50%);background:radial-gradient(closest-side,rgba(240,195,255,.95),rgba(96,0,128,.45) 60%,rgba(57,255,20,0) 75%);filter:blur(100px);mix-blend-mode:multiply;pointer-events:none;z-index:1}.intro__gridItem--B{grid-area:B;display:flex;align-items:center;min-height:200px}.intro__gridItem--C{grid-area:C;background:url(../assets/greek.avif) center/cover}.intro__gridItem--D{grid-area:D;background-image:url(../assets/circles.svg);background-size:50%;background-position:center;background-repeat:no-repeat;background-color:#000}.track__marquee{display:grid;place-items:center;position:absolute;overflow:hidden;view-timeline-name:--track}.track__line{display:inline-flex;white-space:nowrap;will-change:transform;animation:linear both track-slide;animation-timeline:--track;animation-range:entry 5% cover 100%}@keyframes track-slide{from{transform:translateX(10%)}to{transform:translateX(-80%)}}.track__text{font-family:Boldonse,sans-serif;color:var(--primary-dark);font-size:clamp(3.75rem, 2.4454rem + 5.5663vw, 9.125rem);background:var(--primary-light)}.intro__txt .line,.marquee{color:var(--primary-light)}.track__text.--t1::after,.track__text.--t1::before{content:"INTRO"}.track__text.--t2::after,.track__text.--t2::before{content:"SKILLS"}.track__text.--t3::after,.track__text.--t3::before{content:"PROJETS"}.intro__txt .line{content:"INTRO";position:relative;display:block;font-family:var(--body-font);line-height:1.2;margin:.1em 0;font-size:clamp(1rem, .7692rem + 1.0256vw, 2rem);opacity:.001;transform:translateY(100px);will-change:transform,opacity;perspective:1000px;perspective-origin:10% 50%;animation-name:reveal;animation-duration:.6s;animation-timing-function:cubic-bezier(.2,.7,0,1);animation-fill-mode:both;animation-range:entry 55% cover 60%;animation-delay:calc(var(--i, 0) * 50ms);animation-timeline:--one}.intro__txt{margin:1vw}.intro__txt.--one{view-timeline-name:--one}.intro__txt.--two{view-timeline-name:--two}.intro__txt.--three{view-timeline-name:--three}@keyframes reveal{to{opacity:1;transform:none}}.intro__txt.--two .line{animation-timeline:--two}.intro__txt.--three .line{animation-timeline:--three}.txtSwing{display:block;transform:translate3d(0,0,0) rotateY(5deg);animation:4s ease-in-out infinite swing}.-swing2{animation-delay:.2s}.-swing3{animation-delay:.4s}.-swing4{animation-delay:.6s}.-swing5{animation-delay:.8s}.-swing6{animation-delay:1s}.-swing7{animation-delay:1.2s}.-swing8{animation-delay:1.4s}.-swing9{animation-delay:1.6s}.-swing10{animation-delay:1.8s}.-swing11{animation-delay:2s}.-swing12{animation-delay:2.2s}.-swing13{animation-delay:2.4s}.-swing14{animation-delay:2.6s}@keyframes swing{50%{transform:translate3d(0,0,0) rotateY(-5deg)}}@keyframes revealImg{from{clip-path:inset(45% 20% 45% 20%)}to{clip-path:inset(0% 0% 0% 0%)}}.skills{display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:auto 1fr;grid-template-areas:"D D B" "A A C"}.projects__decoGrid,.projects__grid{grid-template-columns:1fr 1fr 1fr 1fr}.skills__gridItem--A{grid-area:A}.skills__gridItem--B{grid-area:B;display:flex;align-items:center;min-height:200px}.skills__gridItem--C{grid-area:C;background:#000;display:flex;justify-content:center;align-items:center}.ellipseText__ring{display:flex;transform-style:preserve-3d;animation:24s linear infinite ellipseText-rotateTilt}@keyframes ellipseText-rotateTilt{from{transform:rotateX(-20deg) rotateZ(12deg) rotateY(0)}to{transform:rotateX(-20deg) rotateZ(12deg) rotateY(-360deg)}}.ellipseText__panel{position:absolute;top:50%;left:50%;width:54px;height:120px;overflow:hidden;transform:translate(-50%,-50%) rotateY(var(--angle)) translateZ(190px)}.trust__room,.trust__scene{transform-style:preserve-3d;height:100%}.ellipseText__panel::before{position:absolute;left:var(--left);content:"360° complete proficiency #";font-size:57px;width:max-content;color:var(--primary-light);font-family:var(--layout-font)}.ellipseText__panel:first-child{--left:0px;--angle:0deg}.ellipseText__panel:nth-child(2){--left:-50px;--angle:15deg}.ellipseText__panel:nth-child(3){--left:-100px;--angle:30deg}.ellipseText__panel:nth-child(4){--left:-150px;--angle:45deg}.ellipseText__panel:nth-child(5){--left:-200px;--angle:60deg}.ellipseText__panel:nth-child(6){--left:-250px;--angle:75deg}.ellipseText__panel:nth-child(7){--left:-300px;--angle:90deg}.ellipseText__panel:nth-child(8){--left:-350px;--angle:105deg}.ellipseText__panel:nth-child(9){--left:-400px;--angle:120deg}.ellipseText__panel:nth-child(10){--left:-450px;--angle:135deg}.ellipseText__panel:nth-child(11){--left:-500px;--angle:150deg}.ellipseText__panel:nth-child(12){--left:-550px;--angle:165deg}.ellipseText__panel:nth-child(13){--left:-600px;--angle:180deg}.ellipseText__panel:nth-child(14){--left:-650px;--angle:195deg}.ellipseText__panel:nth-child(15){--left:-700px;--angle:210deg}.ellipseText__panel:nth-child(16){--left:-750px;--angle:225deg}.ellipseText__panel:nth-child(17){--left:-800px;--angle:240deg}.ellipseText__panel:nth-child(18){--left:-850px;--angle:255deg}.ellipseText__panel:nth-child(19){--left:-900px;--angle:270deg}.ellipseText__panel:nth-child(20){--left:-950px;--angle:285deg}.ellipseText__panel:nth-child(21){--left:-1000px;--angle:300deg}.ellipseText__panel:nth-child(22){--left:-1050px;--angle:315deg}.ellipseText__panel:nth-child(23){--left:-1100px;--angle:330deg}.ellipseText__panel:nth-child(24){--left:-1150px;--angle:345deg}.skills__gridItem--D{grid-area:D;background-image:url(../assets/rock.avif);background-size:cover;background-position:bottom 20% center}.skills__list{display:flex;height:100%;list-style:none;flex-direction:column;background:linear-gradient(90deg,#00c763,#7b24fd,#0093c9,#00c763);background-size:400% 100%;animation:30s linear infinite gradient-defil}@keyframes gradient-defil{0%{background-position:0 0}100%{background-position:-400% 0}}.skills__item{display:flex;align-items:center;position:relative;flex:1;overflow:clip}.marquee,.skills__title{display:flex;align-items:center;font-size:clamp(1.375rem, -.625rem + 4.1667vw, 4.375rem)}.skills__item:hover .skills__title{opacity:0}.skills__title{position:relative;padding-left:32px;font-family:var(--body-font);background:var(--primary-light);width:100%;height:100%;opacity:1;z-index:1}.trust__row,.trust__rows{font-family:var(--main-font)}.marquee{--gap:20px;--dur:12s;position:absolute;overflow:hidden;font-style:italic}.trust,.trust__room,.trust__scene{position:relative}.marquee.--m2{--dur:8s}.marquee.--m3{--dur:4s}.marquee__track{display:inline-flex;white-space:nowrap;min-width:max-content;animation:marquee-shift var(--dur) linear infinite}.marquee__set{display:inline-flex;align-items:center;flex:0 0 auto}.marquee__set>*{margin-inline:0;margin-right:var(--gap)}.marquee__set>:last-child{margin-right:0}.marquee.--m1 .marquee__set::after,.marquee.--m1 .marquee__set::before{content:" # User testing # Benchmarking # Parcours utilisateurs # Wireframing # Atomic design # Prototyping # Design system # Communication visuelle # Charte graphique # A/B testing";display:inline-block;margin-left:var(--gap);white-space:nowrap}.marquee.--m2 .marquee__set::after,.marquee.--m2 .marquee__set::before{content:" # HTML5 # Css3 # Drupal # JavaScript # Bootstrap # jQuery # Sass # Tailwind # Responsive # Joomla";display:inline-block;margin-left:var(--gap);white-space:nowrap}.marquee.--m3 .marquee__set::after,.marquee.--m3 .marquee__set::before{content:" # Design # Dark mode # Campagnes # Intégration # Variables";display:inline-block;margin-left:var(--gap);white-space:nowrap}@keyframes marquee-shift{to{transform:translate3d(calc(-100% / 3),0,0)}}.trust{padding-bottom:0;padding-top:0;z-index:-1}.trust__scene{width:100%;perspective:1200px;overflow:clip}.trust__room::after,.trust__room::before{content:"";position:absolute;inset:0;pointer-events:none}.trust__room::after{background:linear-gradient(to bottom,rgba(0,0,0,.35),transparent 15%)}.trust__room::before{background:linear-gradient(to top,rgba(0,0,0,.25),transparent 15%)}.projects__gridItem--D::before,.projects__gridItem--J::before{top:0;width:4%;background:var(--primary-dark);display:block;left:0}.trust__room{width:110%}.trust__wall{position:absolute;top:0;bottom:0;width:50%;overflow:clip}.trust__wall--left{position:absolute;right:58%;top:0;height:83vh;transform-origin:right center;transform:rotateY(45deg);z-index:0}.trust__wall--right{right:7%;width:50%;transform-origin:left center;transform:rotateY(-45deg)}canvas.trust__canvas{width:76%;height:100%;display:block;background:0 0;--trust-font-style:normal;--trust-font-weight:normal;--trust-font-family:var(--body-font);--trust-text-color:#fff;--trust-font-scale:1}.trust__rows{position:absolute;display:flex;margin:0;animation:linear both h-paralax;animation-timeline:scroll();width:1000px;right:0}.cube,.projects,.projects__grid{position:relative}.trust__row{font-size:6rem;text-align:right;line-break:anywhere}.trust__row::after,.trust__row::before{content:"Ils m'ont fait confiance"}@keyframes l-paralax{from{transform:translateY(-100vh)}to{transform:translateY(0)}}@keyframes h-paralax{from{transform:translateY(50%)}to{transform:translateY(-150%)}}#wrap{width:100%;height:50%;color:#fff;font-family:var(--layout-font);transform:rotate(339deg)}.projects{height:auto}.projects__grid{width:100%;height:calc(100vh - (var(--frame-top,0px) + var(--frame-bottom,0px)));margin-inline:auto;display:grid;grid-template-rows:33% 34% 33%;grid-template-areas:"A B C D" "E image text F" "G H I J";isolation:isolate;background:0 0}.projects__grid.--four,.projects__grid.--two{grid-template-areas:"A B C D" "E text image F" "G H I J"}.projects__gridItem{position:relative;z-index:1;overflow:clip;display:flex;flex-direction:column;justify-content:center}.projects__gridItem--A{grid-area:A}.projects__grid.--four .projects__gridItem--A{background-image:url(../assets/abstract2-bg.avif);background-position:center bottom;background-repeat:no-repeat;background-size:cover;background-color:#000;filter:hue-rotate(208deg);transform:rotate(180deg)}.--t3{color:var(--primary-dark,#0b0b0b)}.projects__gridItem--B{grid-area:B}.projects__gridItem--C{grid-area:C}.projects__grid.--three .projects__gridItem--C{background:#000}.scene{width:100%;height:100%;display:flex;justify-content:center;align-items:center;transform:scale(.5);perspective:1000px}.cube,.cube__face{width:40vmin;height:40vmin}.cube{transform-style:preserve-3d;animation:6s linear infinite cube-spin;transform:translateZ(-20vmin) rotateX(0) rotateY(0)}.cube__face{position:absolute;background:repeating-linear-gradient(90deg,transparent 0,transparent 4.6vmin,#fff 4.6vmin,#fff 5vmin),repeating-linear-gradient(0deg,transparent 0,transparent 4.6vmin,#fff 4.6vmin,#fff 5vmin);border:2px solid #fff}.cube__face--back{transform:rotateX(180deg) translateZ(20vmin)}.cube__face--bottom{transform:rotateX(-90deg) translateZ(20vmin)}.cube__face--front{transform:rotateY(0) translateZ(20vmin)}.cube__face--left{transform:rotateY(-90deg) translateZ(20vmin)}.cube__face--right{transform:rotateY(90deg) translateZ(20vmin)}.cube__face--top{transform:rotateX(90deg) translateZ(20vmin)}@keyframes cube-spin{from{transform:translateZ(-20vmin) rotateX(0) rotateY(0)}to{transform:translateZ(-20vmin) rotateX(360deg) rotateY(360deg)}}.projects__gridItem--D{grid-area:D}.projects__gridItem--D::before{content:'';position:absolute;height:100%}.projects__grid.--one .projects__gridItem--D{grid-area:D;background-image:url(../assets/deco2.avif);background-size:cover;background-position:center;background-repeat:no-repeat;background-color:#000}.gridAnim{width:100%;height:100%;background-color:#000;background-image:linear-gradient(to right,#fff 0 2px,transparent 2px 100%),linear-gradient(to bottom,#fff 0 2px,transparent 2px 100%);background-size:var(--spacing-l) var(--spacing-l),var(--spacing-l) var(--spacing-l);background-position:0 0,0 0;animation:4s linear infinite grid-move}@keyframes grid-move{from{background-position:0 0,0 0}to{background-position:48px 48px,48px 48px}}.projects__gridItem--E{grid-area:E}.projects__gridItem--F{grid-area:F}.projects__gridItem--G{grid-area:G}.projects__grid.--one .projects__gridItem--G{background-image:url(../assets/abstract3-bg.webp);background-position:center bottom;background-repeat:no-repeat;background-size:cover;background-color:#000}.projects__grid.--four .projects__gridItem--H,.projects__grid.--two .projects__gridItem--G{background-position:center;background-repeat:no-repeat;background-size:cover;background-color:#000}.projects__grid.--two .projects__gridItem--G{background-image:url(../assets/bille.webp)}.projects__gridItem--H{grid-area:H}.projects__grid.--four .projects__gridItem--H{background-image:url(../assets/deco-lines.avif)}.projects__gridItem--I{grid-area:I}.projects__gridItem--J{grid-area:J}.projects__grid.--two .projects__gridItem--J{background-image:url(../assets/abstract2-bg.avif);background-position:center bottom;background-repeat:no-repeat;background-size:cover;background-color:#000}.projects__grid.--three .projects__gridItem--J{background-image:url(../assets/deco3.avif);background-position:center top;background-repeat:no-repeat;background-size:cover;background-color:#000}.projects__gridItem--J::before{content:'';position:absolute;height:100%}.projects__gridItem--image{grid-area:image;cursor:pointer;background:0 0}.projects__gridItem--image img{width:100%;height:100%;object-fit:cover;display:block}.projects__gridItem--text{margin-left:var(--spacing-l);padding-left:var(--spacing-l);grid-area:text;text-align:left;font-family:var(--body-font);font-size:clamp(.875rem, -.625rem + 3.125vw, 3.125rem);border-left:2px solid var(--primary-light)}.projects__gridItem--text.--even{margin-right:var(--spacing-l);padding-right:var(--spacing-l);text-align:right;border-right:2px solid var(--primary-light);border-left:none}.projects__overlay{position:absolute;inset:0;z-index:2;pointer-events:none;opacity:0;transform-origin:center;transition:opacity .3s}.projects__overlayInner{height:100%;overflow-y:auto;overflow-x:hidden;background:var(--primary-dark)}.projects__img{max-height:none}.projects__button{position:fixed;top:74px;right:-26px;background:0 0;border:0;color:transparent;cursor:pointer;font-size:18px;outline:0;overflow:hidden;padding:10px 0 0;text-transform:uppercase;transition:.3s ease-in;width:100px}.contact__panel,.projects__decoItem{overflow:clip;position:relative}.projects__button::after,.projects__button::before{background-color:#fff;content:'';display:block;height:3px;left:0;position:absolute;transform-origin:center left;transition:.2s ease-in;width:141.4214px;z-index:-1}.projects__button::before{top:0;transform:rotate(45deg)}.projects__button::after{bottom:0;transform:rotate(-45deg)}.projects__button:hover{color:#8a2387}.projects__button:hover::after,.projects__button:hover::before{height:50px;transform:rotate(0)}.projects__overlay.is-open{opacity:1;pointer-events:auto;cursor:pointer}.projects__separatorsH,.projects__separatorsV{position:absolute;inset:0;z-index:3;pointer-events:none;background:var(--primary-light,#fff);opacity:1;transition:opacity .45s}.projects__separatorsV{-webkit-mask:repeating-linear-gradient(to right,transparent 0,transparent calc(25% - 12px),#fff calc(25% - 12px),#fff calc(25% + 12px));mask:repeating-linear-gradient(to right,transparent 0,transparent calc(25% - 12px),#fff calc(25% - 12px),#fff calc(25% + 12px));transition-delay:0s}.projects__separatorsH{-webkit-mask:repeating-linear-gradient(to bottom,transparent 0,transparent calc(33.333% - 12px),#fff calc(33.333% - 12px),#fff calc(33.333% + 12px));mask:repeating-linear-gradient(to bottom,transparent 0,transparent calc(33.333% - 12px),#fff calc(33.333% - 12px),#fff calc(33.333% + 12px));transition-delay:.15s}.projects__grid.has-overlay .projects__separatorsH,.projects__grid.has-overlay .projects__separatorsV{opacity:0}.projects__gridItem--image:focus-visible{outline:#fff solid 2px;outline-offset:-2px}.projects__grid:has(.projects__gridItem--image:hover) .projects__overlay{opacity:1;transform:scale(1)}.dark,.dark::before{transition:.3s linear}.is-projects-active .dark{color:var(--primary-light);background:var(--primary-dark)}.is-projects-active .dark::before{border-color:var(--primary-light)}.projects__decoGrid{position:relative;width:100%;height:calc(var(--layout-height)/ 3);margin-bottom:var(--spacing-l);display:grid;grid-template-rows:100%;grid-template-areas:"A B C D"}.projects__decoItem{display:flex;align-items:center;justify-content:center}.projects__decoItem--A{grid-area:A}.projects__decoItem--B{grid-area:B}.projects__decoItem--C{grid-area:C;background:#000}.circlesSpinning{width:50%;height:100%;perspective:800px}circle{fill:none;stroke:#fff;stroke-width:2;vector-effect:non-scaling-stroke;shape-rendering:geometricPrecision;transform-box:fill-box;animation:linear infinite spin3d}.outer{animation-duration:5s}.middle{animation-duration:3s}.inner{animation-duration:2s}@keyframes spin3d{0%,100%{transform:rotateX(0) rotateY(0)}50%{transform:rotateX(-180deg) rotateY(180deg)}}.contact{display:grid;grid-template-rows:1fr 1fr;min-height:100vh}.contact__stage{position:absolute;top:0;left:50%;transform:translateX(-50%);height:100%;width:110%;perspective:400px;perspective-origin:50% 50%}.contact__content{margin:0 auto;transform-style:preserve-3d;will-change:transform;display:flex;justify-content:center;align-items:center;flex-direction:column}.contact__panel--top .contact__content{transform-origin:center;transform:rotateX(-12deg) translateZ(-20px)}.contact__panel--bottom .contact__content{transform-origin:bottom center;transform:rotateX(12deg) translateZ(-20px);padding:0 16vw;font-family:var(--body-font);font-size:clamp(2.5rem, 1.9539rem + 2.3301vw, 4.75rem);text-align:center;color:var(--primary-light)}.contact__panel--bottom::before,.contact__panel--top::after{content:"";position:absolute;inset:0;pointer-events:none}.contact__panel--top::after{background:linear-gradient(to bottom,rgba(0,0,0,.35),transparent 20%)}.contact__title{font-family:var(--main-font);font-size:clamp(5rem, 2.5rem + 5.2083vw, 8.75rem);text-align:center;word-break:break-all;animation:linear both c-paralax;animation-timeline:scroll()}.contact__title::after,.contact__title::before{content:"Me contacter"}@keyframes c-paralax{from{transform:translateY(200%)}to{transform:translateY(-30%)}}.icon-mail{display:inline-block;color:#fff;line-height:0;cursor:pointer;perspective:900px;width:40vw;max-width:200px;height:auto}.icon-mail svg{transform:rotateY(0);transform-origin:50% 50%;transform-style:preserve-3d;transition:transform .9s cubic-bezier(.2, .7, .2, 1);will-change:transform}.icon-mail:hover svg{transform:rotateY(360deg)}.icon-mail .env,.icon-mail .flap,.icon-mail .paper{transform-box:fill-box}.icon-mail .flap{transform-origin:50% 0%;transition:transform .6s cubic-bezier(.2, .7, .2, 1);backface-visibility:hidden}.icon-mail:hover .flap{transform:rotateX(150deg)}.icon-mail .paper{transform:translateY(10px);opacity:0;transition:transform .6s cubic-bezier(.2, .7, .2, 1) .12s,opacity .2s linear .12s}.icon-mail:hover .paper{transform:translateY(-26px);opacity:1}.--contactGradient{filter:hue-rotate(248deg)}@media (max-width:767px){.frame__side-right,.nav{top:auto;height:50px;width:100%;bottom:0}:root{--frame-top:64px;--frame-bottom:64px}.circle,.frame__block{display:none}span.logo{display:block}.frame__side-right{display:block;position:fixed}.frame__side-right::before,.nav__gridItem--B{display:none}.nav{justify-content:space-between}.nav__grid{grid-template-columns:1fr;grid-template-areas:"A" "C" "D";height:100%;grid-template-rows:auto;row-gap:var(--spacing-m)}.hero,.intro{grid-template-areas:"B" "A" "C" "D";row-gap:var(--spacing-m)}.nav__rail{width:100%;writing-mode:initial}.nav__panel{position:absolute;inset:0 auto 0 0;background:var(--primary-dark);height:calc(100vh - 100px);width:100%;transform:translateY(80px);transition:1s cubic-bezier(.785, .135, .15, .86);padding:var(--spacing-l);will-change:transform;pointer-events:none}.nav__link{font-size:2rem}.nav.nav--open .nav__panel,.nav:focus-within .nav__panel,.nav:hover .nav__panel{transform:translateY(calc(-100vh + 100px))}.frame__header-center{padding:4px 12px 12px;height:60px}.frame__footer-center,.frame__header-center{grid-column:1;display:flex;width:100vw}.frame__footer-center{height:60px;position:fixed;bottom:0;z-index:-1}#joy,.hero{height:auto}.frame__footer-center span,.frame__header-center span,.frame__header-center>svg,.projects__decoItem--A,.projects__decoItem--B,.projects__decoItem--D,.trust{display:none}.frame__header-center span.logo{display:block}.frame__header-center:before{top:48px}.frame__footer-center:before{bottom:48px}.frame__header-center .absIcon{position:static;display:block;width:auto;height:100%;transform:none;animation:linear both spin;animation-timeline:scroll()}.projects__grid.--four .projects__gridItem--B,.projects__grid.--four .projects__gridItem--C,.projects__grid.--four .projects__gridItem--D,.projects__grid.--four .projects__gridItem--E,.projects__grid.--four .projects__gridItem--F,.projects__grid.--four .projects__gridItem--G,.projects__grid.--four .projects__gridItem--I,.projects__grid.--four .projects__gridItem--J,.projects__grid.--one .projects__gridItem--B,.projects__grid.--one .projects__gridItem--C,.projects__grid.--one .projects__gridItem--E,.projects__grid.--one .projects__gridItem--F,.projects__grid.--one .projects__gridItem--H,.projects__grid.--one .projects__gridItem--I,.projects__grid.--one .projects__gridItem--J,.projects__grid.--three .projects__gridItem--A,.projects__grid.--three .projects__gridItem--B,.projects__grid.--three .projects__gridItem--D,.projects__grid.--three .projects__gridItem--E,.projects__grid.--three .projects__gridItem--F,.projects__grid.--three .projects__gridItem--G,.projects__grid.--three .projects__gridItem--H,.projects__grid.--three .projects__gridItem--I,.projects__grid.--two .projects__gridItem--A,.projects__grid.--two .projects__gridItem--B,.projects__grid.--two .projects__gridItem--C,.projects__grid.--two .projects__gridItem--E,.projects__grid.--two .projects__gridItem--F,.projects__grid.--two .projects__gridItem--H,.projects__grid.--two .projects__gridItem--I,.projects__gridItem--D::before,.projects__gridItem--J::before,.projects__separatorsH,.projects__separatorsV{display:none}section{margin:var(--spacing-m) 0 0 0;height:auto!important}.contact__panel,.hero__gridItem,.intro__gridItem,.projects__decoItem,.projects__gridItem,.skills__gridItem,section>article{min-height:16vh}.loader__txt{top:70vh;font-size:clamp(1rem, .0434rem + 4.0816vw, 2rem)}.layout__frame{grid-template-columns:var(--frame-left) 1fr var(--frame-right);grid-template-rows:var(--frame-top) 1fr var(--frame-bottom)}.hero,.intro,.projects__decoGrid,.skills{grid-template-rows:auto;grid-template-columns:1fr}.frame__footer-center:before,.frame__header-center:before,.frame__side-left:before,.frame__side-right:before{width:calc(100% - var(--spacing-l));left:50%;transform:translateX(-50%)}.layout{padding:0 var(--spacing-m);margin:var(--frame-top) 0 var(--frame-bottom) 0;overflow:clip}.hero__gridItem{width:100%}.hero__gridItem--C{background-position:center}.hero__gridItem--D{position:relative;flex-direction:column-reverse;overflow:clip}.hero__gridItem--D div{margin-top:var(--spacing-m);max-height:16vh}.hero__gridItem--D div:last-child{margin-top:0}#joy{position:static}h1{font-size:clamp(2.625rem, -.3645rem + 12.7551vw, 5.75rem)}.hero__title{white-space:normal;text-align:left;text-align-last:auto;font-size:clamp(3.875rem, 1.1247rem + 11.7347vw, 6.75rem);line-height:1.3}.arrow-icon{width:clamp(3.125rem,.7334rem + 10.2041vw,5.625rem);height:clamp(3.125rem,.7334rem + 10.2041vw,5.625rem)}.projects,.projects__grid,.skills{height:auto}.intro{padding-bottom:0}.intro__gridItem--A{padding:40px}.intro__gridItem--B,.skills__gridItem--B{min-height:80px}.skills{grid-template-areas:"D" "B" "A" "C";row-gap:var(--spacing-m)}.marquee,.skills__title{font-size:3rem}.projects__decoGrid{height:auto;grid-template-areas:"A" "B" "C" "D";row-gap:0}.contact,.projects__grid{grid-template-rows:auto;row-gap:var(--spacing-m)}.projects__grid{grid-template-columns:1fr;grid-template-areas:"A" "B" "C" "D" "E" "image" "text" "F" "G" "H" "I" "J";margin-bottom:var(--spacing-m)}.projects__gridItem--text,.projects__gridItem--text.--even{margin:0;padding:var(--spacing-m) 0 0 0;border:0;text-align:left}.projects__grid.--one .projects__gridItem--A{min-height:10vh}.projects__grid.--one{grid-template-areas:"A" "D" "image" "text" "G"}.projects__grid.--two{grid-template-areas:"D" "image" "text" "G" "J"}.projects__grid.--three{grid-template-areas:"C" "image" "text" "J"}.projects__grid.--four{grid-template-areas:"A" "image" "text" "H"}.projects__gridItem--text{justify-content:flex-start;font-size:1.75rem;border-top:2px solid var(--primary-light)}.projects__gridItem--text.--even{border-top:2px solid var(--primary-light)}.scene{transform:scale(.7)}.contact__title{font-size:clamp(3.125rem, .7334rem + 10.2041vw, 5.625rem)}}@media (min-width:1921px){.hero__title{font-size:6.2vw}h1{font-size:3.6vw}.intro__txt .line{font-size:2vw}.contact__content,.marquee,.skills__title,.track__text{font-size:5vw}.trust__row{font-size:6vw}.contact__title{font-size:7vw}.projects__gridItem--text{font-size:2.7vw}}