@font-face{font-family:Syne;src:url(/Syne-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Syne SemiBold;src:url(/Syne-SemiBold.ttf) format("truetype");font-weight:600;font-style:normal}@font-face{font-family:Deltarune;src:url(/deltarune.ttf) format("truetype");font-weight:400;font-style:normal}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--color-bg: #010412;--color-bg-white: #f7f7f7;--color-bg-accent: #5f69b3;--color-text: #f0f0f0;--color-text-black: #010412;--color-accent: #5f69b3;--font-name: "Syne SemiBold", sans-serif;--font-heading: "Syne", sans-serif;--font-heading-semi-bold: "Syne SemiBold", sans-serif;--font-body: "Syne", sans-serif;--header-height: clamp(5.5rem, 12vw, 7.5rem);--header-height-compact: 3.5rem}html{background-color:var(--color-bg-white);color:var(--color-text);scroll-behavior:smooth}body{min-height:100vh;overflow-x:hidden}body.is-loading{overflow:hidden}.hero-name{font-family:var(--font-name);font-size:6rem;line-height:1;color:var(--color-text-black)}.hero-subtitle{opacity:.7}.page-loader{--loader-progress: 0%;position:fixed;inset:0;z-index:5000;display:flex;align-items:flex-end;justify-content:flex-end;padding:clamp(1rem,2vw,2rem);background:#000;color:#fff;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .55s ease,visibility .55s ease}.page-loader.is-active{opacity:1;visibility:visible;pointer-events:auto}.page-loader__fill{position:absolute;inset:0;width:var(--loader-progress);background:#fff;transition:width .45s ease}.page-loader.is-hidden{opacity:0;visibility:hidden;pointer-events:none}.page-loader__percent{position:relative;z-index:1;font-family:var(--font-name);font-size:clamp(2rem,5vw,4rem);line-height:.9;letter-spacing:.04em;text-align:right;color:#fff;mix-blend-mode:difference}.site-header{position:fixed;top:0;left:0;right:0;z-index:1000;display:flex;align-items:center;justify-content:center;height:var(--header-height);padding:0 1.5rem;transition:height .3s ease,background .3s ease,border-color .3s ease,box-shadow .3s ease,backdrop-filter .3s ease}.site-header[data-state=scrolled]{height:var(--header-height-compact);background:#ffffff1a;border-bottom-color:#ffffff14;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.header-name{font-family:var(--font-name);font-size:clamp(3.25rem,8vw,5rem);color:var(--color-text-black);line-height:1;transition:font-size .3s ease,transform .3s ease}.site-header[data-state=scrolled] .header-name{font-size:clamp(1.8rem,4vw,2.6rem)}.video-bg{position:relative;height:100vh;min-height:100vh;background:var(--color-bg-white);overflow:hidden}.video-bg:after{content:"";position:absolute;inset:auto 0 0;height:clamp(8rem,20vw,14rem);background:linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,0) 70%,var(--color-bg-white) 100%);pointer-events:none}.video-bg video{height:100%;width:100%;display:block;object-fit:cover;object-position:90% 100%;filter:invert(1) hue-rotate(180deg) contrast(.96)}.hero-scroll-indicator{position:absolute;left:50%;bottom:clamp(1.5rem,3vw,2.5rem);z-index:2;display:flex;align-items:center;justify-content:center;width:16px;transform:translate(-50%);opacity:1;visibility:visible;transition:opacity .25s ease,visibility .25s ease,transform .25s ease;animation:hero-scroll-indicator-float 1.8s ease-in-out infinite;pointer-events:none}.hero-scroll-indicator.is-hidden{opacity:0;visibility:hidden;transform:translate(-50%) translateY(.75rem);animation:none}.hero-scroll-indicator img{width:100%;height:auto;display:block;opacity:.2;transform:rotate(135deg)}@keyframes hero-scroll-indicator-float{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(.5rem)}}.container{max-width:800px;width:100%;margin:0 auto}h3{margin-top:2vh;font-size:3rem;font-weight:500;font-family:var(--font-heading-semi-bold)}.section-about{background:var(--color-bg-white);color:var(--color-text-black);padding-top:4.5rem}.about-content{display:flex;flex-direction:column;gap:1.5rem}.about-eyebrow{font-family:var(--font-heading-semi-bold);font-size:.95rem;letter-spacing:.12em;text-transform:uppercase;color:#01041299}.section-about h2{font-family:var(--font-heading-semi-bold);font-size:4rem;line-height:.95}@media (max-width: 768px){.section-about h2{font-size:2.5rem}}.about-text{max-width:44rem;font-size:clamp(1rem,1.5vw,1.15rem);line-height:1.7}.about-actions{display:flex;flex-wrap:wrap;gap:1rem}.about-button{display:inline-flex;align-items:center;justify-content:center;min-height:3.4rem;padding:.95rem 1.5rem;border-radius:999px;font-family:var(--font-heading-semi-bold);font-size:.98rem;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease}.about-button--mail{background:#000;color:#fff;box-shadow:0 10px 24px #0000001f}.about-button--linkedin{background:#0a66c2;color:#fff;box-shadow:0 10px 24px #0000001f}.section-projects{position:relative;background:var(--color-bg-white);width:100%;display:flex;flex-direction:column;justify-content:center;overflow:hidden;color:var(--color-text-black)}.section-formations,.section-experiences{position:relative;background:var(--color-bg-white);width:100%;color:var(--color-text-black)}.section-projects>*{position:relative;z-index:2}.section-formations>*{position:relative;z-index:2}.section-experiences>*{position:relative;z-index:2}section{padding-top:3rem;padding-bottom:3em}.experiences-grid,.formations-grid,.projects-grid{width:min(100%,800px);margin:3rem auto 0;padding:1rem 0 0;display:flex;flex-direction:column;gap:2.5rem}.experiences-grid>*,.formations-grid>*,.projects-grid>*{width:100%}@media (max-width: 1024px){h3{font-size:2.5rem}.formations-grid,.experiences-grid,.projects-grid{gap:1.75rem}}@media (max-width: 1200px){.video-bg{height:auto;min-height:0;max-height:800px}.video-bg video{height:auto;max-height:800px}.hero-scroll-indicator{display:none}}@media (max-width: 768px){.video-bg{height:auto;min-height:0;max-height:800px}.container{padding:0 1rem}.section-about{padding-top:3rem}h3{font-size:2rem}.section-about h1{max-width:none}section{padding-top:2.25rem;padding-bottom:2.25rem}.formations-grid,.experiences-grid,.projects-grid{margin-top:2rem;gap:1.5rem;padding:.5rem 1rem 0}}@media (max-width: 480px){.container{padding:0 .8rem}.about-content{gap:1.2rem}.about-actions{flex-direction:column}.about-button{width:100%}.page-loader{padding:.9rem}h3{font-size:1.65rem}section{padding-top:1.75rem;padding-bottom:1.75rem}.formations-grid,.experiences-grid,.projects-grid{margin-top:1.5rem;gap:.75rem;padding:.35rem .8rem 0}}
