@import "https://fonts.googleapis.com/css2?family=Funnel+Display:wght@400;500;600;700;800&family=Work+Sans:wght@400;500;600&display=swap";:root{--ink:#080b09;--green:#07551f;--line:#0a231521;--font-display:"Funnel Display", Arial, sans-serif;--font-body:"Work Sans", Arial, sans-serif;--gutter:clamp(1.25rem, 5vw, 6.5rem)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:6rem}body{min-width:320px;color:var(--ink);font-family:var(--font-body);background:radial-gradient(circle at 12% 32%,#d8efdecc,#0000 36%),radial-gradient(circle at 89% 19%,#dae6eeb3,#0000 38%),linear-gradient(120deg,#f4f9f4 0%,#fafbfa 53%,#f3f8fb 100%);font-size:1rem;line-height:1.5;overflow-x:hidden}body:after{z-index:-2;content:"";opacity:.13;pointer-events:none;background-image:url(/Images/Fond-dégradé-100.svg);background-position:50%;background-size:cover;position:fixed;inset:0}a:focus-visible,button:focus-visible{outline:2px solid var(--green);outline-offset:4px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.page-grid{z-index:-1;pointer-events:none;grid-template-columns:repeat(5,1fr);width:100%;height:100vh;display:grid;position:absolute;inset:0 0 auto}.page-grid span{position:relative}.page-grid span:before{content:"";background:linear-gradient(#0000001a 0% 65%,#0000 100%);width:1px;position:absolute;top:0;left:0}.page-grid span:first-child:before{height:50%}.page-grid span:nth-child(2):before{height:72%}.page-grid span:nth-child(3):before{height:64%}.page-grid span:nth-child(4):before{height:68%}.page-grid span:nth-child(5):before{height:72%}.section{padding-right:var(--gutter);padding-left:var(--gutter);position:relative}.section01{place-items:center;min-height:100svh;display:grid}.hero-title{width:min(100%,76rem);font-family:var(--font-display);letter-spacing:-.055em;text-transform:uppercase;flex-direction:column;font-size:clamp(3rem,7.2vw,7.4rem);font-weight:700;line-height:.92;display:flex;overflow:hidden}.hero-title>span{display:block}.hero-title>span:last-child{color:var(--green);align-self:flex-end}.scroll-cue{border:1px solid #080b0973;border-radius:999px;width:2rem;height:3.25rem;position:absolute;bottom:2.25rem;left:50%;transform:translate(-50%)}.scroll-cue span{background:var(--ink);border-radius:50%;width:.3rem;height:.3rem;animation:1.8s infinite scroll-cue;position:absolute;top:.55rem;left:50%;transform:translate(-50%)}@keyframes scroll-cue{0%,to{opacity:.3;transform:translate(-50%)}45%{opacity:1;transform:translate(-50%,1.25rem)}}.section02{grid-template-columns:minmax(16rem,1fr) minmax(18rem,.9fr);align-items:center;gap:clamp(3rem,10vw,10rem);min-height:92svh;padding-top:7rem;padding-bottom:7rem;display:grid}.about-portrait{aspect-ratio:1;border:2px solid var(--ink);border-radius:50%;justify-self:center;width:clamp(10rem,20vw,19rem);position:relative}.about-portrait img,.about-portrait__fallback{object-fit:cover;object-position:50% 50%;border-radius:50%;width:92%;height:92%;position:absolute;inset:4%}.about-portrait img{display:block}.about-portrait__fallback{color:#ffffffb3;font-family:var(--font-display);letter-spacing:-.08em;background:linear-gradient(145deg,#c7cbc8,#dfe2df);place-items:center;font-size:clamp(4rem,9vw,8rem);font-weight:700;display:none}.about-portrait.is-missing img{display:none}.about-portrait.is-missing .about-portrait__fallback{display:grid}.orbit-dot{z-index:2;aspect-ratio:1;background:var(--ink);border-radius:50%;width:4.6%;min-width:.65rem;position:absolute;top:73.47%;left:94.15%;transform:translate(-50%,-50%)}.about-copy{max-width:34rem}.about-copy h2,.section-heading h2,.section05 h2{font-family:var(--font-display);letter-spacing:-.045em;text-transform:uppercase;font-size:clamp(2.6rem,5.6vw,5.8rem);font-weight:650;line-height:1}.about-copy>p:last-child{max-width:33rem;margin-top:1.4rem;font-size:clamp(1rem,1.4vw,1.2rem)}.section03,.section04{padding-top:clamp(6rem,10vw,10rem);padding-bottom:clamp(6rem,10vw,10rem)}.section-heading{justify-content:space-between;align-items:baseline;gap:2rem;margin-bottom:clamp(2.5rem,5vw,4.5rem);display:flex}.section-heading h2{color:var(--green)}.project-carousel{margin-right:calc(var(--gutter)*-1);margin-left:calc(var(--gutter)*-1);overflow:hidden}.project-carousel__track{padding:1rem var(--gutter) 4rem;scroll-padding-left:var(--gutter);scroll-snap-type:x mandatory;scrollbar-width:none;gap:clamp(1rem,2vw,1.5rem);display:flex;overflow-x:auto}.project-carousel__track::-webkit-scrollbar{display:none}.all-projects{min-width:clamp(13rem,25vw,21rem);color:var(--ink);font-family:var(--font-display);text-align:center;text-transform:uppercase;scroll-snap-align:start;border:1px solid #080b0933;border-radius:1.6rem;flex-direction:column;justify-content:center;align-items:center;gap:2rem;font-size:clamp(1.25rem,2.4vw,2rem);font-weight:600;line-height:1.05;text-decoration:none;transition:color .3s,background .3s;display:flex}.all-projects:hover,.all-projects:focus-visible{color:#fff;background:var(--green)}.all-projects__arrow{width:3.5rem;height:3.5rem;color:var(--ink);background:#dde0dde6;border-radius:50%;place-items:center;font-size:1.8rem;transition:transform .3s;display:grid}.all-projects__arrow svg{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;width:2rem;height:2rem;display:block}.all-projects:hover .all-projects__arrow{transform:translate(.4rem)}.section04 .section-heading{margin-bottom:2rem}.skills-list{width:min(88%,76rem);margin-left:auto}.skills-list a{color:var(--ink);font-family:var(--font-display);letter-spacing:-.035em;text-transform:uppercase;border-bottom:1px solid #080b0947;grid-template-columns:3rem 1fr auto;align-items:center;gap:1rem;padding:.75rem 0;font-size:clamp(1.65rem,4vw,4rem);font-weight:550;line-height:1.1;text-decoration:none;transition:color .25s,padding .35s;display:grid}.skills-list a:hover,.skills-list a:focus-visible{color:var(--green);padding-left:.5rem;padding-right:.5rem}.skills-list__index{font-family:var(--font-body);letter-spacing:.08em;align-self:start;padding-top:.35em;font-size:.7rem;font-weight:600}.skills-list__arrow{font-size:.55em;transition:transform .3s}.skills-list a:hover .skills-list__arrow{transform:translate(.25rem,-.25rem)}.section05{text-align:center;background:#cddacfb3;border-radius:1.25rem;flex-direction:column;justify-content:center;align-items:center;min-height:72svh;margin:0 1.25rem 1.25rem;padding-top:7rem;padding-bottom:7rem;display:flex;overflow:hidden}.section05 h2{font-size:clamp(3.5rem,10vw,9rem)}.contact-link{color:var(--ink);border-bottom:1px solid;align-items:center;gap:.65rem;margin-top:2rem;padding-bottom:.25rem;font-size:clamp(1rem,1.8vw,1.35rem);text-decoration:none;display:inline-flex}.footer-name{color:#445b491f;width:100%;font-family:var(--font-display);letter-spacing:-.07em;text-transform:uppercase;white-space:nowrap;font-size:clamp(5rem,15vw,14rem);font-weight:750;line-height:1;position:absolute;bottom:-4vw;left:50%;transform:translate(-50%)}@media (width<=760px){.page-grid{grid-template-columns:repeat(4,1fr)}.page-grid span:last-child{display:none}.hero-title{letter-spacing:-.06em;gap:.35rem;width:100%;font-size:clamp(2.45rem,10.8vw,4.75rem);line-height:.94;overflow:visible}.hero-title>span:last-child{align-self:flex-start}.section02{grid-template-columns:1fr;gap:3.5rem;min-height:auto}.about-portrait{width:min(55vw,13rem)}.section-heading{display:block}.skills-list{width:100%}.skills-list a{grid-template-columns:2rem 1fr auto}.section05{text-align:left;align-items:flex-start;padding-left:1.5rem;padding-right:1.5rem}.footer-name{letter-spacing:-.06em;text-align:center;width:calc(100% - 2rem);font-size:clamp(3rem,11vw,5rem);bottom:1rem}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}