html{scroll-behavior:smooth}:root{--size-1:.25rem;--size-2:.5rem;--size-3:.75rem;--size-4:1rem;--size-5:1.25rem;--size-6:1.5rem;--size-7:1.75rem;--size-8:2rem;--size-9:2.25rem;--size-10:2.5rem;--size-fluid-1:clamp(.75rem,2vw,1rem);--size-fluid-2:clamp(1rem,3vw,1.5rem);--size-fluid-3:clamp(1.25rem,4vw,2rem);--size-fluid-4:clamp(1.5rem,5vw,3rem);--size-fluid-5:clamp(2rem,6vw,4rem);--size-fluid-6:clamp(3rem,8vw,6rem);--font-size-1:.75rem;--font-size-2:.875rem;--font-size-3:1rem;--font-size-4:1.125rem;--font-size-5:1.25rem;--font-size-6:1.5rem;--font-size-7:1.875rem;--font-size-8:2.25rem;--font-size-fluid-1:clamp(1rem,2.5vw,1.25rem);--font-size-fluid-2:clamp(1.25rem,3vw,1.75rem);--font-size-fluid-3:clamp(1.75rem,4vw,3rem);--radius-1:.125rem;--radius-2:.25rem;--radius-3:.5rem;--radius-4:.75rem;--radius-5:1rem;--font-weight-1:100;--font-weight-2:200;--font-weight-3:300;--font-weight-4:400;--font-weight-5:500;--font-weight-6:600;--font-weight-7:700;--font-weight-8:800;--font-weight-9:900;--gray-0:#f8f9fa;--gray-1:#f1f3f4;--gray-8:#3c4043;--blue-1:#e3f2fd;--text-1:#202124;--gradient-10:linear-gradient(135deg,#ec4899 0%,#f59e0b 100%);--gradient-11:linear-gradient(135deg,#f472b6 0%,#fbbf24 100%);--shadow-3:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}@property --card-rotation-progress{syntax:"<number>";inherits:true;initial-value:0}@property --radial-progress{syntax:"<number>";inherits:true;initial-value:0}:where(h3){margin-bottom:var(--size-3)}.container-main{max-width:100rem;padding-inline:var(--size-5);gap:var(--size-8);padding-top:var(--size-8);padding-bottom:var(--size-8);margin-top:2rem;margin-bottom:2rem;margin-left:auto;margin-right:auto}.hero{justify-content:center;align-items:center;gap:var(--size-5);flex-direction:column;min-height:35vh;display:flex;container-type:inline-size}.hero__titles{font-size:var(--font-size-fluid-3);text-align:center;background-image:var(--gradient-10);color:transparent;-webkit-background-clip:text;background-clip:text}@container (width>40rem){.hero__titles{font-size:calc(var(--font-size-8)*1.5)}}.hero__titles .hero__payoff{background-image:var(--gradient-10);color:transparent;font-size:var(--font-size-fluid-1);text-align:center;font-weight:var(--font-weight-9);-webkit-background-clip:text;background-clip:text}.grid-center{place-items:center;display:grid}.section{position:relative;container-type:inline-size}.section .section__title{margin-block:0 var(--size-fluid-2)}.top-container{perspective:1000px;padding:var(--size-6);margin-bottom:var(--size-8);position:relative;overflow:hidden}.top-wide{transform-style:preserve-3d;aspect-ratio:3;border-radius:var(--radius-3);width:100%;min-height:600px;animation:1ms linear profilLargeAppear,1s ease-out profilLargeFadeIn;animation-timeline:scroll(root),auto;animation-range:-10% 20%;overflow:hidden}.top-wide img{object-fit:cover;object-position:center;width:100%;height:100%;display:block}.top-mobile{opacity:1;z-index:2;width:28rem;padding:var(--size-5);margin-bottom:var(--size-8);animation:1ms cubic-bezier(.17,.67,.34,1.36) both profilSmallAppear;animation-timeline:scroll(root);animation-range:1% 25%;display:block;position:absolute;bottom:3rem;right:3rem}@media (max-width:1024px) and (min-width:768px){.top-mobile{padding:var(--size-4);margin-bottom:var(--size-6);width:24rem}}@media (max-width:767px){.top-mobile{width:100%;padding:var(--size-4)var(--size-3);margin:var(--size-5)0;justify-content:center;animation-range:2% 15%;display:flex;position:static;bottom:auto;right:auto}}.top-section{aspect-ratio:1/1.5;width:100%}@container (width>40rem){.top-section{width:100%;height:100%;aspect-ratio:initial}}.panel{box-shadow:var(--shadow-3);background:var(--gray-1);border-radius:var(--radius-3);color:var(--gray-8)}.panel code{color:var(--text-1)}.panel--no-overflow{overflow:clip}.panel__content{padding:var(--size-fluid-4)}.divider-v{gap:var(--size-fluid-6);display:grid}.split-h{gap:1rem;display:grid}@container (width>48.7rem){.split-h{grid-template-columns:repeat(2,1fr)}}.cards{clip-path:polygon(-50% -50%,400% -50%,150% 100%,-80% 100%);width:min(100%,350px);height:50vh;margin-top:-20%;margin-left:auto;margin-right:auto;position:relative;container-type:inline-size}.cards:hover .card,.cards.animate .card{animation-play-state:running}.card{transform-origin:bottom;opacity:0;width:100%;transition:all 1.2s cubic-bezier(.68,-.55,.265,1.55);position:absolute;transform:translateY(200px)scale(.5)rotate(0)}.cards{background:#fff;transition:background .3s}.cards.animate{background:0 0}.cards.animate .card:first-child{opacity:1;transition-delay:.1s;transform:translateY(20%)scale(1)rotate(-30deg)}.cards.animate .card:nth-child(2){opacity:1;transition-delay:.3s;transform:translateY(20%)scale(1)rotate(-10deg)}.cards.animate .card:nth-child(3){opacity:1;transition-delay:.5s;transform:translateY(20%)scale(1)rotate(10deg)}.cards.animate .card:nth-child(4){opacity:1;transition-delay:.7s;transform:translateY(20%)scale(1)rotate(30deg)}.popup-container{gap:4rem;display:grid}@container (width>40rem){.popup-container{grid-template-columns:repeat(3,1fr)}}.cover-image{opacity:0;transition:all 1.2s cubic-bezier(.25,.46,.45,.94);overflow:hidden;transform:translate(100px)scale(.8)}.cover-image.animate{opacity:1;background:0 0;transform:translate(0)scale(1)}.cover-image img{object-fit:cover;width:100%;height:100%;transition:all 1.2s cubic-bezier(.25,.46,.45,.94);transform:scale(1.2)rotate(5deg)}.cover-image.animate img{transform:scale(1)rotate(0)}.aboutme-section{background:var(--gradient-11);border-radius:var(--radius-3);width:100%;padding:var(--size-fluid-4);color:#fff;box-shadow:var(--shadow-3);opacity:0;transition:all .4s cubic-bezier(.25,.46,.45,.94);transform:translateY(30px)}.aboutme-section h3{font-size:var(--font-size-fluid-1);color:#fff;font-weight:var(--font-weight-6);margin-bottom:var(--size-fluid-3)}.aboutme-section p{color:#fff;line-height:1.6}.aboutme-section:hover{transform:translateY(-4px);box-shadow:0 8px 16px -4px rgba(0,0,0,.1),0 4px 8px -2px rgba(0,0,0,.06)}.aboutme-section:first-child{animation:.8s ease-out .1s forwards fadeInUp}.aboutme-section:nth-child(2){animation:.8s ease-out .3s forwards fadeInUp}.aboutme-section:nth-child(3){animation:.8s ease-out .5s forwards fadeInUp}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.animate-in{opacity:1;animation:.8s ease-out forwards fadeInUp;transform:translateY(0)}.spinner{--progress:calc(var(--radial-progress)*360deg);--border-width:10px;aspect-ratio:1;border:10px solid var(--gray-0);width:10rem;box-shadow:var(--shadow-3);border-radius:50%;place-items:center;animation:1ms ease-out forwards radialProgress;animation-timeline:view();animation-range:entry 100% contain 90%;display:grid;position:relative}p+p{margin-block:var(--size-fluid-2)0}@keyframes profilLargeAppear{0%{transform:translateZ(-40rem)rotateX(45deg)}to{transform:translateZ(0)rotateX(0)}}@keyframes profilLargeFadeIn{0%{opacity:0}to{opacity:1}}@keyframes profilSmallAppear{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0%)}}@keyframes cardUpAndRotate{0%{opacity:0;translate:0 80%}50%{opacity:.5}to{opacity:1;translate:0 20%}}@keyframes radialProgress{0%{--radial-progress:0}to{--radial-progress:1}}@keyframes imageShapeSimple{0%{clip-path:polygon(100% 0%,90% 0%,90% 100%,100% 100%)}50%{clip-path:polygon(100% 0%,50% 0%,50% 100%,100% 100%)}to{clip-path:polygon(100% 0%,0% 0%,0% 100%,100% 100%)}}@keyframes reviewUp{0%{translate:0 40%}to{translate:0}}.hero{padding:var(--size-4);min-height:30vh}@media (max-width:768px){.hero{min-height:25vh;padding:var(--size-3)}.hero__titles{font-size:var(--font-size-6);line-height:1.2}.hero__payoff{font-size:var(--font-size-4)}.container-main{padding-inline:var(--size-3);gap:var(--size-6);margin-top:1rem;margin-bottom:1rem}.aboutme-section{padding:var(--size-4);margin-bottom:var(--size-4)}.aboutme-section h3{font-size:var(--font-size-5);margin-bottom:var(--size-3)}.aboutme-section p{font-size:var(--font-size-3);line-height:1.5}.cards{width:min(100%,280px);height:40vh;margin-top:-10%}.card{transform:translateY(150px)scale(.7)rotate(0)}.cards.animate .card:first-child{transform:translateY(15%)scale(.9)rotate(-20deg)}.cards.animate .card:nth-child(2){transform:translateY(15%)scale(.9)rotate(-7deg)}.cards.animate .card:nth-child(3){transform:translateY(15%)scale(.9)rotate(7deg)}.cards.animate .card:nth-child(4){transform:translateY(15%)scale(.9)rotate(20deg)}.cover-image{min-height:250px}.cover-image img{transform:scale(1.1)rotate(3deg)}.cover-image.animate img{transform:scale(1)rotate(0)}}@media (max-width:1024px){.grid.lg\:grid-cols-12{gap:var(--size-6)}.lg\:col-span-6,.lg\:col-span-8,.lg\:col-span-4,.lg\:col-span-12{grid-column:span 12}}@media (max-width:768px){.section__title{font-size:var(--font-size-6);margin-bottom:var(--size-4)}.lg\:col-span-12 .container{padding:var(--size-3)0 var(--size-6)0}.lg\:col-span-12 .relative{height:400px;padding-bottom:var(--size-8)}.top-container{padding:var(--size-2);margin-bottom:var(--size-4)}.top-wide{aspect-ratio:2;border-radius:var(--radius-3);min-height:500px;overflow:hidden}.top-wide img{object-fit:cover;object-position:center;width:100%;height:100%}.top-mobile{width:18rem;bottom:5%;right:20%}.profil img{border-radius:var(--radius-2)}}@media (max-width:480px){.top-wide{aspect-ratio:1.8;margin-bottom:var(--size-3);min-height:420px}.top-container{padding:var(--size-1)}}@media (max-width:768px){.panel__content{padding:var(--size-4)}.panel__content h3{font-size:var(--font-size-5)}.panel__content p{font-size:var(--font-size-3);line-height:1.5}.popup-container{gap:var(--size-5);grid-template-columns:1fr}}@media (hover:none) and (pointer:coarse){.aboutme-section:hover,.aboutme-section,.panel:hover{transform:none}.cover-image:hover img,.profil:hover img{transform:scale(1)}}@media (max-width:768px){.pt-20{padding-top:var(--size-6)}.mb-16{margin-bottom:var(--size-8)}.pb-16{padding-bottom:var(--size-8)}}@media (max-width:480px){.aboutme-section{padding:var(--size-3)}.aboutme-section h3{font-size:var(--font-size-4)}.aboutme-section p{font-size:var(--font-size-2)}.hero__titles{font-size:var(--font-size-5)}.hero__payoff{font-size:var(--font-size-3)}}