@import "https://fonts.googleapis.com/css2?family=Inria+Serif:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--background:var(--lightningcss-light,#f8f0ff)var(--lightningcss-dark,#010b17);--surface:var(--lightningcss-light,#ffffffb8)var(--lightningcss-dark,#071321);--text-color:var(--lightningcss-light,#010b17)var(--lightningcss-dark,#f8f0ff);--border:var(--lightningcss-light,#010b1725)var(--lightningcss-dark,#f8f0ff25);--header-text:clamp(2.6rem, 5vw, 4.5rem);--h2-text:clamp(1.5rem, 2vw, 2rem);--h3-text:clamp(1rem, 1.4vw, 1.2rem);--body-text:1.1rem;--radius:1.5rem;--shadow:0 10px 30px #00000014}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}*{box-sizing:border-box;border:none;margin:0;padding:0}html,body,#root{min-height:100dvh}body{background:var(--background);color:var(--text-color)}img{object-fit:cover;max-inline-size:100%;display:block}a{color:inherit;text-decoration:none}button{font:inherit}p{font-family:Inria Serif,serif;font-style:normal;font-weight:400;font-size:var(--body-text);line-height:1.7}h1,h2,h3,h4,button,a{font-optical-sizing:auto;font-family:Inter,sans-serif;font-style:normal}header{border-bottom:1px solid var(--border);padding:1rem 2rem}nav{justify-content:center;align-items:center;display:flex;position:relative}.navList{flex-wrap:wrap;justify-content:center;gap:1rem;list-style:none;display:flex}nav button{color:var(--text-color);border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:999px;padding:.8rem 1.2rem;transition:all .2s}nav button:hover,nav button.active{background:var(--surface);transform:translateY(-2px)}.burger{background:var(--surface);border:1px solid var(--border);cursor:pointer;z-index:101;border-radius:.8rem;flex-direction:column;gap:.35rem;padding:.8rem;display:none}.burger span{background:var(--text-color);border-radius:999px;width:24px;height:2px;transition:all .25s;display:block}.burger.open span:first-child{transform:translateY(7px)rotate(45deg)}.burger.open span:nth-child(2){opacity:0}.burger.open span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.navOverlay{display:none}.layout{grid-template-columns:38% 62%;min-height:calc(100dvh - 140px);display:grid}.leftPanel{border-right:1px solid var(--border);justify-content:center;align-items:center;padding:2rem;display:flex}.leftContent{flex-direction:column;gap:1rem;max-width:420px;display:flex}.leftContent h1{font-size:var(--header-text);line-height:1}.leftContent h3{font-size:var(--h3-text);letter-spacing:.08em;text-transform:uppercase;opacity:.8}.leftContent h2{font-size:var(--h2-text);max-width:16ch;line-height:1.2}.logoBox{width:20rem}.rightPanel{justify-content:center;align-items:center;padding:2rem;transition:opacity .25s,transform .25s;display:flex}.fade-in{opacity:1;transform:translateY(0)}.fade-out{opacity:0;transform:translateY(10px)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);width:100%;max-width:900px;box-shadow:var(--shadow);padding:2rem}.card h2{font-size:var(--h2-text);text-align:center;margin-bottom:1.5rem}.aboutContent{grid-template-columns:1.4fr 1fr;align-items:center;gap:2rem;display:grid}.aboutText{flex-direction:column;gap:1rem;display:flex}.aboutImage{border:1px solid var(--border);border-radius:1.25rem;justify-self:center;width:100%;min-width:15rem;overflow:hidden}.carouselle{padding-bottom:3rem;position:relative;overflow:hidden}.embla{width:100%;overflow:hidden}.embla__container{display:flex}.embla__slide{flex:0 0 50%;min-width:0;padding:.75rem;display:flex}.projectCard{border:1px solid var(--border);background:var(--background);border-radius:1.25rem;width:100%;transition:transform .2s;overflow:hidden}.projectCard:hover{transform:translateY(-4px)}.projectImage{justify-content:center;align-items:center;height:9rem;display:flex;overflow:hidden}.projectImage img{object-fit:cover;object-position:center;width:100%;height:100%}.projectInfo{padding:1rem}.projectInfo h3{text-align:center}.dots{justify-content:center;gap:.5rem;width:100%;display:flex;position:absolute;bottom:.5rem;left:0}.dot{background:var(--text-color);opacity:.35;cursor:pointer;border-radius:50%;width:10px;height:10px;transition:all .3s}.dot.active{opacity:1;transform:scale(1.3)}.slideBtn .btnPrev,.slideBtn .btnNext{cursor:pointer;background:var(--surface);border:1px solid var(--border);width:44px;height:44px;box-shadow:var(--shadow);z-index:2;border-radius:999px;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.slideBtn .btnPrev{left:.25rem}.slideBtn .btnNext{right:.25rem}.slideBtn .arrow{width:20px;height:20px;color:var(--text-color)}.slideBtn .btnPrev .arrow{transform:rotate(180deg)}.contact p{text-align:center;margin-bottom:1rem}.socials{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.socials a{border:1px solid var(--border);background:var(--background);border-radius:999px;padding:.8rem 1rem;transition:all .2s}.socials a:hover{transform:translateY(-2px)}footer{border-top:1px solid var(--border);text-align:center;padding:1rem 2rem}footer p{font-size:1rem}@media (width<=900px){header{border-bottom:none;padding:1rem}nav{justify-content:flex-end}.burger{display:flex;position:fixed;top:1rem;right:1rem}.navOverlay{opacity:0;pointer-events:none;z-index:99;background:#00000059;transition:all .25s;display:block;position:fixed;inset:0}.navOverlay.open{opacity:1;pointer-events:auto}.navList{background:var(--background);border-left:1px solid var(--border);width:min(78vw,320px);height:100dvh;box-shadow:var(--shadow);z-index:100;flex-flow:column;justify-content:flex-start;align-items:stretch;gap:1rem;padding:6rem 1rem 1.5rem;transition:transform .25s;display:flex;position:fixed;top:0;right:0;transform:translate(100%)}.navList.open{transform:translate(0)}.navList li{width:100%}.navList button{text-align:left;border-radius:1rem;width:100%}.layout{grid-template-columns:1fr}.leftPanel{border-right:none;border-bottom:1px solid var(--border)}.leftContent{text-align:center;align-items:center}.leftContent h2{max-width:none}.rightPanel{padding:1rem}.card{max-width:90vw;padding:1.5rem}.projectCard{max-width:90vw}.aboutContent{grid-template-columns:1fr}.embla__slide{flex:0 0 100%}.slideBtn .btnPrev,.slideBtn .btnNext{width:38px;height:38px}}