@font-face{font-family:TheSecretThings;src:url(/fonts/TheSecretThings.woff2)format("woff2"),url(/fonts/TheSecretThings.woff)format("woff"),url(/fonts/TheSecretThings.otf)format("opentype");font-weight:400;font-style:normal;font-display:swap}:root{--indigo-50:#f0f4f8;--indigo-100:#d9e2ec;--indigo-200:#bcccdc;--indigo-300:#9fb3c8;--indigo-400:#829ab1;--indigo-500:#546b93;--indigo-600:#44567a;--indigo-700:#334162;--indigo-800:#232d49;--indigo-900:#121831;--azul-50:#e0fcff;--azul-100:#bef8fd;--azul-500:#0cb4ce;--azul-900:#03506a;--tomato-50:#fff3f1;--tomato-100:#ffe4df;--tomato-200:#ffcec5;--tomato-300:#ffac9d;--tomato-400:#ff7c64;--tomato-500:tomato;--tomato-600:#ed3615;--tomato-700:#c8290d;--tomato-800:#a5260f;--tomato-900:#882614;--color-main:#0cb4ce;--color-tatziki:#6fbfb1;--color-typo:#3c7471;--color-recherche:#e27235;--font-base:system-ui, -apple-system, sans-serif;--font-slab:zilla-slab, sans-serif;--font-sans:Poppins, articulat-cf, sans-serif;--font-manuscrite:TheSecretThings, serif;--font-narrow:pt-sans-narrow, sans-serif;--font-texte:zilla-slab, sans-serif;--font-titre:Poppins, articulat-cf, sans-serif;--text-xxs:.65rem;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.3rem;--text-3xl:1.5rem;--text-4xl:1.875rem;--text-5xl:2rem;--leading-tight:1.1;--leading-base:1.5;--leading-relaxed:2;--font-light:300;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--tracking-extra-mini:-.06em;--tracking-mini:-.04em;--tracking-normal:0;--tracking-medium:.04em;--tracking-maxi:.08em;--space-0:0;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--space-32:8rem;--space-40:10rem;--container-mini:640px;--container-default:1180px;--container-maxi:1380px;--container-padding:1rem;--grid-cols:12;--col-count:3;--grid-gap:2vw;--radius:4px;--radius-sm:2px;--radius-lg:8px;--radius-full:9999px;--transition-fast:.2s ease;--transition-mid:.4s ease;--transition-slow:.6s ease;--transition-grid:.4s cubic-bezier(.25, .46, .45, .94);--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a}*,:before,:after{box-sizing:border-box}*{margin:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scrollbar-gutter:stable}body{-webkit-font-smoothing:antialiased;color:#1f2937;background-color:#fbfbfb;min-height:100vh;line-height:1.5}img,picture,video,canvas,svg{max-width:100%;display:block}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}.lignes{--grid-color:#95d1ff18;--grid-columns:56;background-color:#fafafa;background-image:repeating-linear-gradient(to right, var(--grid-color) 0px, var(--grid-color) 1px, transparent 1px, transparent calc(100% / var(--grid-columns)));background-attachment:fixed}.container{width:100%;max-width:1180px;margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem}.container--mini{width:100%;max-width:640px;margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem}.container--maxi{width:100%;max-width:1380px;margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem}.container--full{width:100%;max-width:100%;margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem}.grid{display:grid}@media (width<=767px){.grid{grid-template-columns:1fr;gap:1rem}}.project-card{transition:opacity .6s,filter .8s,transform .6s}.project-card.reveal-on-scroll{opacity:0;transform:translateY(20px)}.project-card.reveal-on-scroll.visible{opacity:1;transform:translateY(0)}.project-card:hover .project-overlay{opacity:1}.project-card:hover .project-thumbnail img{transform:scale(1.02)}.project-thumbnail{background:#f0f0f0;border-radius:.25rem;width:100%;height:100%;position:relative;overflow:hidden}.project-thumbnail img{object-fit:cover;width:100%;height:100%;transition:transform .3s}.project-overlay{opacity:0;flex-direction:column;justify-content:center;align-items:center;gap:1rem;transition:opacity .6s;display:flex;position:absolute;inset:0}.grid[data-layout-mode=masonry]{grid-template-columns:repeat(28,1fr);gap:1rem 1.5rem;display:grid}@media (width<=767px){.grid[data-layout-mode=masonry]{grid-template-columns:1fr}}.grid[data-layout-mode=masonry] .project-card{min-height:300px;position:relative;overflow:hidden}.grid[data-layout-mode=masonry] .project-card[style*=span\ 6] .project-thumbnail{aspect-ratio:3/4}.grid[data-layout-mode=masonry] .project-card[style*=span\ 12] .project-thumbnail{aspect-ratio:16/9}.grid[data-layout-mode=masonry] .project-card[style*=span\ 18] .project-thumbnail{aspect-ratio:21/9}.grid[data-layout-mode=masonry] .project-card .project-info{opacity:0;background:linear-gradient(#0000,#0000004d);padding:.5rem 1rem;transition:all .3s;position:absolute;bottom:0;left:0;right:0;transform:translateY(20px)}.grid[data-layout-mode=masonry] .project-card.has-expanded .project-card{opacity:.25;filter:blur(2px)saturate(.6);transform:scale(.98)}.grid[data-layout-mode=masonry] .project-card.has-expanded.is-expanded{opacity:1;filter:none;z-index:10;transform:scale(1)}.grid[data-layout-mode=masonry] .project-card.has-expanded.is-expanded .project-thumbnail{border:2px solid #fff;box-shadow:0 8px 32px #00000026}.grid[data-layout-mode=masonry] .project-card.has-expanded.is-expanded .project-overlay{opacity:0}.grid[data-layout-mode=masonry] .btn-plus{cursor:pointer;background:#fff;border:none;border-radius:50%;width:60px;height:60px;transition:all .3s;box-shadow:0 4px 12px #0003}.grid[data-layout-mode=masonry] .btn-plus .plus-icon{font-size:2rem;font-weight:300;line-height:1;transition:transform .3s;display:block}.grid[data-layout-mode=masonry] .btn-plus:hover{background:var(--project-color,#ff6b6b);color:#fff;transform:scale(1.15);box-shadow:0 6px 16px #0000004d}.grid[data-layout-mode=masonry] .btn-plus:hover .plus-icon{color:#fff}.grid[data-layout-mode=masonry] .btn-view-project{color:#fff;text-decoration:none;transition:all .3s;display:none}.grid[data-layout-mode=masonry] .btn-view-project:hover{color:#000;background:#fff}.grid[data-layout-mode=masonry] .expanded-project-header{opacity:0;border-radius:.5rem;margin-bottom:.5rem;padding:1rem 1.5rem;animation:.4s ease-out forwards fadeInDown;transform:translateY(-10px);grid-column:1/-1!important}.grid[data-layout-mode=masonry] .expanded-project-header h3{color:get-color(indigo, 500);margin:0 0 .5rem;font-size:1.5rem}.grid[data-layout-mode=masonry] .expanded-project-header .categories{color:#0009;margin:0;font-size:.95rem}.grid[data-layout-mode=masonry] .expanded-images{will-change:transform, opacity;grid-template-columns:repeat(3,1fr);gap:2rem;padding:1rem;display:grid;position:relative;overflow:hidden;transform:translateZ(0);grid-column:1/-1!important}@media (width<=767px){.grid[data-layout-mode=masonry] .expanded-images{grid-template-columns:1fr;gap:1rem}}.grid[data-layout-mode=masonry] .expanded-images .expanded-image{will-change:transform, opacity;opacity:0;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%) 0 0/200% 100%;min-height:50vh;animation:1.5s infinite loading;overflow:hidden;transform:translateY(10px)scale(.98)}@media (width<=767px){.grid[data-layout-mode=masonry] .expanded-images .expanded-image{min-height:40vh}}.grid[data-layout-mode=masonry] .expanded-images .expanded-image img{object-fit:cover;opacity:0;width:100%;height:100%;transition:all .3s;display:block}.grid[data-layout-mode=masonry] .expanded-images .expanded-image img.loaded{opacity:1}.grid[data-layout-mode=masonry] .expanded-images .expanded-image:hover img{transform:scale(1.02)}.grid[data-layout-mode=masonry] .expanded-images .expanded-image:first-child{animation:.6s ease-out .15s forwards fadeInUp}.grid[data-layout-mode=masonry] .expanded-images .expanded-image:nth-child(2){animation:.6s ease-out .3s forwards fadeInUp}.grid[data-layout-mode=masonry] .expanded-images .expanded-image:nth-child(3){animation:.6s ease-out .45s forwards fadeInUp}.grid[data-layout-mode=masonry] .view-project-btn-expanded{background:var(--project-color,get-color(indigo, 500));color:#fff;opacity:0;border-radius:.25rem;grid-column:1/-1;justify-content:center;align-items:center;gap:.5rem;margin:0 auto;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;text-decoration:none;transition:all .3s;animation:.6s ease-out .5s forwards fadeInUp;display:flex;transform:translateY(20px)}.grid[data-layout-mode=masonry] .view-project-btn-expanded:hover{background:color-mix(in srgb, var(--project-color,#000) 85%, white);transform:translateY(-2px)}.grid[data-layout-mode=masonry] .view-project-btn-expanded:active{transform:translateY(0)}.grid[data-layout-mode=flex]{column-count:3;column-gap:2rem;display:block}@media (width<=767px){.grid[data-layout-mode=flex]{column-count:1}}.grid[data-layout-mode=flex] .project-card{break-inside:avoid;page-break-inside:avoid;width:100%;min-height:auto;margin-bottom:1.5rem;display:inline-block;grid-column:auto!important}.grid[data-layout-mode=flex] .project-card .project-thumbnail{background:var(--project-color);aspect-ratio:unset!important}.grid[data-layout-mode=flex] .project-card .project-thumbnail img{object-fit:contain;opacity:0;width:100%;height:auto;transition:opacity .3s;display:block}.grid[data-layout-mode=flex] .project-card .project-thumbnail img.loaded{opacity:1}.grid[data-layout-mode=flex] .project-card .project-overlay .btn-expand{display:none!important}.grid[data-layout-mode=flex] .project-card .project-overlay .btn-view-project{color:#fff;text-transform:uppercase;opacity:0;padding:.5rem 1.5rem;font-family:Poppins,articulat-cf,sans-serif;font-weight:700;transition:all .4s .1s;display:flex;transform:translateY(10px)}.grid[data-layout-mode=flex] .project-card .project-overlay:before{z-index:1;opacity:0;content:"";border-top:1px solid #fff;border-bottom:1px solid #fff;transition:opacity .4s,transform .4s;display:block;position:absolute;inset:1rem;transform:scaleX(0)}.grid[data-layout-mode=flex] .project-card .project-overlay:after{z-index:1;content:"";opacity:0;transition:opacity .4s,transform .4s;border-left:1px solid #fff;border-right:1px solid #fff;-webkit-transition:opacity .35s,transform .4s;display:block;position:absolute;inset:1rem;transform:scaleY(0)}.grid[data-layout-mode=flex] .project-card:hover .project-overlay:before,.grid[data-layout-mode=flex] .project-card:hover .project-overlay:after{opacity:1;transform:scale(1)}.grid[data-layout-mode=flex] .project-card:hover .btn-view-project{opacity:1;transform:translateY(0)}.grid[data-layout-mode=flex] .project-card .project-info{background:0 0;padding:2rem 0 1rem;position:relative;opacity:1!important;display:block!important;transform:translateY(0)!important}.grid[data-layout-mode=flex] .project-card .project-info:after{content:"";border-bottom:solid 3px get-color(azul, 500);width:2rem;padding-top:1rem;display:block}.grid[data-layout-mode=flex] .project-card .project-info h3{color:get-color(indigo, 500);letter-spacing:-.4px;margin:0 0 .25rem;font-size:1.1rem;font-weight:600}.grid[data-layout-mode=flex] .project-card .project-info .categories{color:#0009;margin:0;font-size:.7rem}.grid[data-layout-mode=flex] .project-card:hover .project-info{opacity:1;transform:translateY(0)}.grid[data-layout-mode=flex] .expanded-images{column-span:all;margin:1.5rem 0}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInDown{to{opacity:1;transform:translateY(0)}}@keyframes slideOut{to{opacity:0;transform:translateY(-30px)scale(.98)}}.portfolio-section{background:var(--color-bg);min-height:100vh;font-family:var(--font-body);padding:4rem}.portfolio-header{grid-template-columns:3fr 1fr;gap:2rem;margin-bottom:3rem;padding:0 3rem;display:grid}.portfolio-header__quick-cv{border-left:1px solid #6fbfb1;padding-left:2rem}.portfolio-title{color:var(--color-text);margin:0;font-size:clamp(2.5rem,6vw,5rem);line-height:.8}.portfolio-baseline{color:#6fbfb1;font-size:1.125rem}.portfolio-baseline::selection{color:#fff;background:#546b93}.home-competences{width:75%;max-width:800px;margin-bottom:3rem}@media (width<=767px){.home-competences{width:100%}}.competences-list{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.comp-filter-btn.is-active{color:#fff;transition:background var(--transition-fast), color var(--transition-fast);background:#fe386f}.comp-filter-btn.is-active:hover{background:#c6305b}.comp-filter-btn.comp-reset.is-active{color:#fcfcfc;transition:background var(--transition-fast), color var(--transition-fast);background:#1f2937}.mosaique-home__item.is-filtered-out{display:none}.mosaique-home{column-count:var(--col-count);column-gap:var(--grid-gap)}.mosaique-home__item{break-inside:avoid;opacity:0;margin-bottom:3rem;transition:opacity .5s ease-out,transform .5s ease-out;transform:translateY(20px)}.mosaique-home__item.is-visible{opacity:1;transform:none}.item-link{color:inherit;transition:transform var(--transition-slow);text-decoration:none;display:block}.item-link:hover{transform:translateY(-2px)}.item-link--inactive{cursor:default}.item-link--inactive .item-overlay{opacity:1;background:color-mix(in srgb, var(--item-color) 60%, transparent)}.item-soon{letter-spacing:.15em;text-transform:uppercase;color:#fff;opacity:.8;border-radius:2px;align-self:center;padding:3rem;font-size:.875rem;font-weight:700}.item-inner{aspect-ratio:var(--item-ratio,4/3);background:var(--item-color,var(--color-surface));cursor:pointer;border-radius:var(--radius);position:relative;overflow:hidden}.item-link:hover .item-inner{z-index:5}.item-placeholder{background:var(--item-color);opacity:1;transition:opacity .5s;position:absolute;inset:0}.mosaique-home__item:not(.loaded) .item-placeholder:after{content:"";background:linear-gradient(110deg,#0000 25%,#ffffff0d 50%,#0000 75%);animation:1.5s infinite shimmer;position:absolute;inset:0}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.mosaique-home__item.loaded .item-placeholder{opacity:0;pointer-events:none}.item-image{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .5s,transform .5s;position:absolute;inset:0}.mosaique-home__item.loaded .item-image{opacity:1}.item-link:hover .item-image{transform:scale(1.05)}.item-overlay{background:color-mix(in srgb, var(--item-color) 80%, transparent);opacity:0;transition:opacity var(--transition-fast);pointer-events:none;flex-direction:column;justify-content:flex-end;align-items:flex-start;padding:.5rem;display:flex;position:absolute;inset:0}.item-link:hover .item-overlay{opacity:1}.item-meta{transition:transform var(--transition-fast);z-index:2;position:relative;transform:translateY(10px)}.item-link:hover .item-meta{transform:translateY(0)}.meta-client-btn{background-color:var(--item-color);text-transform:uppercase;letter-spacing:.1em;color:#fff;border-radius:.25rem;padding:.25rem .75rem;font-family:Poppins,articulat-cf,sans-serif;font-size:.65rem;font-weight:400;display:inline-block}.item-title{transition:color var(--transition-fast);margin:.75rem 0 0}.item-link:hover .item-title{color:#1f2937}.item-infos:after{content:"";border-bottom:solid 3px var(--color-tatziki);width:3rem;padding-top:2rem;display:block}.item-tags{flex-wrap:wrap;gap:.5rem;margin-top:.5rem;display:flex}.item-tag{font-family:var(--font-slab);text-transform:uppercase;letter-spacing:1px;color:var(--color-grey-medium);font-size:.6rem}.btn-plus{pointer-events:auto}@media (width<=767px){.portfolio-section{padding:1rem}.portfolio-header{margin-bottom:2rem;padding:0;display:block}.portfolio-header__quick-cv{border-left:none;margin-top:1rem;padding-left:0}.mosaique-home{column-count:min(var(--col-count), 2)}}@media (width<=479px){.mosaique-home{column-count:1}.grid-control{display:none}}.projet-header{padding:2rem 3rem 4rem}.projet-header .projet-competences{flex-wrap:wrap;gap:.25rem;width:20%;max-width:300px;display:flex}.projet-header h1{text-align:center;max-width:800px;margin:0 auto 4rem;font-size:clamp(2rem,4vw,4rem)}.projet-header .projet-infos{justify-content:space-between;gap:2rem;display:flex}.projet-header .projet-infos .projet-baseline{max-width:800px;font-size:1.125rem;font-style:italic}.projet-header .projet-infos .projet-meta{text-align:right;align-self:flex-end}.projet-gallery{flex-direction:column;display:flex}.projet-grid{grid-template-columns:repeat(28,1fr);align-items:start;width:100%;padding:0 2rem 5rem;display:grid}.projet-grid>*{grid-row:1}.projet-item{grid-column:var(--col-start)/span var(--col-span);margin-top:var(--margin-top);z-index:var(--z-index,auto);will-change:transform, opacity;will-change:transform, opacity;background-color:var(--project-color);background-color:var(--placeholder-color,#e5e5e5);aspect-ratio:var(--aspect-ratio,4/3);border-radius:3px;margin-bottom:0;position:relative;overflow:hidden}.projet-item--video{background-color:#0000}.projet-item:not(.projet-item--svg){aspect-ratio:var(--aspect-ratio)}.projet-item--svg{aspect-ratio:auto;overflow:visible}.projet-item--svg img{object-fit:unset;height:auto}.projet-item img{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .8s ease-out;display:block}.projet-item picture{width:100%;height:100%;display:block}.projet-item picture img{object-fit:cover;width:100%;height:100%}.debug-label{color:#fff;z-index:100;background:#ff0000e6;padding:4px 8px;font-family:monospace;font-size:11px;position:absolute;top:0;left:0}.projet-item--styled{border-radius:10px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}.projet-item.is-loaded{background-color:#0000;transition:background-color .4s .2s}.projet-item.is-loaded img{opacity:1}.gallery-text,.gallery-caption{z-index:3;grid-column:var(--col-start)/span var(--col-span);margin-top:var(--margin-top);position:relative}blockquote.gallery-text p{letter-spacing:-2px;font-family:TheSecretThings,serif;font-size:1.5rem;font-weight:300;line-height:1.1}blockquote.gallery-text p bold{background-color:red}.gallery-caption blockquote{margin:0;font-size:.875rem;font-style:italic;line-height:2}.gallery-caption figcaption{opacity:.7;margin-top:1rem;font-size:.875rem}@media (width<=767px){.projet-header{padding:2rem 1rem 3rem}.projet-header .projet-competences{justify-content:center;width:100%;max-width:none;margin-bottom:2rem}.projet-infos{text-align:center;flex-direction:column;gap:1rem}.projet-grid{grid-template-columns:repeat(12,1fr);padding:0 2rem}.projet-grid>*{grid-row:auto}.projet-item,.gallery-text,.gallery-caption{grid-column:1/-1;margin-top:1.5rem!important}.projet-item--svg{max-width:var(--svg-mobile-width,60%);margin-left:auto;margin-right:auto}.projet-item,.gallery-text,.gallery-caption{opacity:0;transition:opacity .6s ease-out,transform .6s ease-out;transform:translateY(40px)}.projet-item.is-visible,.gallery-text.is-visible,.gallery-caption.is-visible{opacity:1;transform:translateY(0)}}.meta-label{font-family:Poppins,articulat-cf,sans-serif;font-size:.875rem;font-weight:700}.meta-label span{font-family:Poppins,articulat-cf,sans-serif;font-weight:400}.site-header{transition:background-color .3s}.site-header.is-scrolled{z-index:1000;backdrop-filter:blur(10px);background-color:#fffffff2;position:fixed;top:0;left:0;right:0;box-shadow:0 1px #00000014}.header-inner{justify-content:space-between;align-items:center;max-width:1600px;margin:0 auto;padding:1.5rem 2rem;transition:padding .3s;display:flex}.is-scrolled .header-inner{padding:1rem 2rem}.logo{text-decoration:none;display:block;position:relative}.logo-full{width:auto;height:50px;transition:opacity .3s,transform .3s;display:block}.is-scrolled .logo-full{opacity:0;pointer-events:none;position:absolute;transform:scale(.8)}.logo-mini{opacity:0;width:auto;height:40px;transition:opacity .3s,transform .3s;position:absolute;top:50%;left:0;transform:translateY(-50%)scale(.8)}.is-scrolled .logo-mini{opacity:1;position:static;transform:scale(1)}.nav-desktop ul{gap:2.5rem;margin:0;padding:0;list-style:none;display:flex}.nav-desktop a{color:inherit;letter-spacing:.02em;font-weight:500;text-decoration:none;position:relative}.nav-desktop a:after{content:"";z-index:-1;background-color:#6fbfb1;width:0;height:2px;transition:width .3s;position:absolute;bottom:-10px;left:0}.nav-desktop a:hover:after{width:100%}.burger{cursor:pointer;z-index:1001;background:0 0;border:none;flex-direction:column;justify-content:center;gap:6px;width:32px;height:32px;padding:0;display:none}.burger-line{background-color:currentColor;width:100%;height:2px;transition:transform .3s,opacity .3s;display:block}.burger.is-open .burger-line:first-child{transform:translateY(8px)rotate(45deg)}.burger.is-open .burger-line:nth-child(2){opacity:0}.burger.is-open .burger-line:nth-child(3){transform:translateY(-8px)rotate(-45deg)}.nav-mobile{opacity:0;visibility:hidden;pointer-events:none;z-index:1000;background-color:#6fbfb1;justify-content:center;align-items:flex-start;padding-top:4rem;transition:opacity .4s,visibility .4s;display:flex;position:fixed;inset:0}.nav-mobile.is-open{opacity:1;visibility:visible;pointer-events:auto}.nav-mobile ul{text-align:center;margin:0;padding:0;list-style:none}.nav-mobile li{opacity:0;transition:opacity .4s,transform .4s;transform:translateY(20px)}.nav-mobile.is-open li{opacity:1;transform:translateY(0)}.nav-mobile.is-open li:first-child{transition-delay:.1s}.nav-mobile.is-open li:nth-child(2){transition-delay:.2s}.nav-mobile.is-open li:nth-child(3){transition-delay:.3s}.nav-mobile.is-open li:nth-child(4){transition-delay:.4s}.nav-mobile.is-open li:nth-child(5){transition-delay:.5s}.nav-mobile a{color:#fff;padding:1rem 0;font-size:clamp(2rem,8vw,4rem);font-weight:500;text-decoration:none;transition:opacity .2s;display:block}.nav-mobile a:hover{opacity:.6}body.menu-open{overflow:hidden}@media (width<=768px){.site-header{z-index:1000;color:#111;background-color:#fff;position:fixed;top:0;left:0;right:0;box-shadow:0 1px #00000014}.header-inner{padding:1rem 1.5rem}.nav-desktop{display:none}.burger{color:#111;display:flex}.logo-full{display:none}.logo-mini{opacity:1;position:static;transform:none}body{padding-top:72px}}.projet-hero{background-color:var(--project-color);width:100%;height:80vh;max-height:620px;padding:0 3rem;overflow:hidden}.projet-hero.is-loaded{background-color:#0000}.projet-hero picture{width:100%;height:100%;display:block}.projet-hero img{object-fit:cover;will-change:transform;opacity:0;width:100%;height:120%;transition:opacity .6s ease-out}.projet-hero.is-loaded img{opacity:1}@media (width<=767px){.projet-hero{min-height:200px;padding:.5rem}.projet-hero img{background-attachment:scroll;height:50vh}}h1,.h1{letter-spacing:-.04em;color:#515455;letter-spacing:-.06em;margin-bottom:2rem;font-family:Poppins,articulat-cf,sans-serif;font-size:1.875rem;font-weight:700;line-height:1.1}@media (width>=768px){h1,.h1{font-size:2rem}}h2,.h2{letter-spacing:-.04em;color:#515455;letter-spacing:-.06em;margin-bottom:.5rem;font-family:Poppins,articulat-cf,sans-serif;font-size:1.5rem;font-weight:700;line-height:1.1}@media (width>=768px){h2,.h2{font-size:1.875rem}}h3,.h3{letter-spacing:-.04em;color:#515455;margin-bottom:.5rem;font-family:Poppins,articulat-cf,sans-serif;font-size:1.25rem;font-weight:700;line-height:1.1}@media (width>=768px){h3,.h3{font-size:1.25rem}}h4,.h4{letter-spacing:-.04em;color:#515455;margin-bottom:.5rem;font-family:Poppins,articulat-cf,sans-serif;font-size:1.125rem;font-weight:700;line-height:1.1}@media (width>=768px){h4,.h4{font-size:1.25rem}}h5,.h5{letter-spacing:-.04em;color:#515455;margin-bottom:.5rem;font-family:Poppins,articulat-cf,sans-serif;font-size:1.125rem;font-weight:700;line-height:1.1}@media (width>=768px){h5,.h5{font-size:1.25rem}}h6,.h6{letter-spacing:-.04em;color:#515455;letter-spacing:0;margin-bottom:.5rem;font-family:Poppins,articulat-cf,sans-serif;font-size:1rem;font-weight:700;line-height:1.1}@media (width>=768px){h6,.h6{font-size:.875rem}}.heading-filet{color:#334162;margin-top:3rem;margin-bottom:1rem;font-family:Poppins,articulat-cf,sans-serif;font-size:2.5rem;font-weight:700;line-height:1.2}.heading-filet:after{content:"";background-color:#0cb4ce;width:60px;height:3px;margin-top:.75rem;display:block}p,ul,ol,span,a{color:#6b7280;font-family:zilla-slab,sans-serif}p{line-height:2}p.baseline{color:#fff;font-size:1.6rem}blockquote p{font-family:TheSecretThings,serif}figcaption{color:get-color(noir, 500);text-align:center;font-family:zilla-slab,sans-serif;font-size:.75rem;font-style:italic}::selection{text-shadow:none;color:#fff;background:#6fbfb1}::marker{color:#6fbfb1}ul.contains-task-list{list-style:none}input{font-family:Poppins,articulat-cf,sans-serif;font-weight:500}input[type=checkbox]{margin-right:1rem}a{color:inherit;text-decoration:none}.horizontal-slider__wrapper{cursor:none;grid-column:1/-1;position:relative}.horizontal-slider__cursor{pointer-events:none;z-index:50;opacity:0;color:#fff;backdrop-filter:blur(6px);background:#000000b8;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;transition:opacity .2s,transform .15s;display:flex;position:fixed;top:0;left:0;transform:translate(-50%,-50%)}.horizontal-slider__cursor.is-dragging{transform:translate(-50%,-50%)scale(.85)}.horizontal-slider__track{scroll-behavior:smooth;user-select:none;-ms-overflow-style:none;scrollbar-width:none;gap:2vw;padding:2vw 4vw 3vw;display:flex;overflow-x:scroll}.horizontal-slider__track::-webkit-scrollbar{display:none}.horizontal-slider__item{flex-shrink:0;margin:0}.horizontal-slider__item img{height:auto;max-height:var(--slider-max-height,300px);width:auto;max-width:var(--slider-max-width,75vw);pointer-events:none;border-radius:3px;display:block}.horizontal-slider__progress{background:#6fbfb14f;border-radius:10px;width:30%;height:3px;margin:3rem auto 0;overflow:hidden}.horizontal-slider__progress-bar{background:var(--project-color,#6fbfb1);width:0%;height:100%;transition:width 80ms linear}@media (width<=767px){.horizontal-slider__wrapper{cursor:auto}.horizontal-slider__cursor{display:none}.horizontal-slider__item img{max-width:75vw;max-height:45vw}}.before-after{width:var(--ba-width);grid-column:1/-1;margin:6vw auto}.before-after__container{aspect-ratio:var(--aspect-ratio);cursor:ew-resize;user-select:none;background-color:#e5e5e5;position:relative;overflow:hidden}.before-after__image{width:100%;height:100%;position:absolute;inset:0}.before-after__image img{object-fit:cover;width:100%;height:100%;display:block}.before-after__after{z-index:1}.before-after__reveal{z-index:2;width:50%;position:absolute;top:0;bottom:0;left:0;overflow:hidden}.before-after__reveal .before-after__image{width:auto;height:100%;position:absolute;top:0;left:0}.before-after__reveal .before-after__image img{width:auto;height:100%;min-width:var(--container-width,100vw);object-fit:cover;object-position:left center;max-width:none}.before-after__slider{z-index:3;background:#fff;width:3px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 0 8px #00000040}.before-after__handle{color:#333;background:#fff;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 2px 8px #0003}@media (width<=767px){.before-after{width:100%;margin:4vw auto}}.video-block{grid-column:var(--col-start)/span var(--col-span);margin-top:var(--margin-top);aspect-ratio:var(--aspect-ratio);background-color:#e5e5e5;position:relative;overflow:hidden}.video-block__video{object-fit:cover;width:100%;height:100%}.video-block__debug{color:#fff;z-index:100;white-space:nowrap;background:#0064ffe6;padding:4px 8px;font-family:monospace;font-size:11px;position:absolute;top:0;left:0}.video-block__toggle{cursor:pointer;opacity:0;background:#00000080;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:opacity .2s;display:flex;position:absolute;bottom:1rem;right:1rem}.video-block:hover .video-block__toggle{opacity:1}.video-block__icon{color:#fff;font-size:12px}.video-block__icon--pause,.video-block.is-playing .video-block__icon--play{display:none}.video-block.is-playing .video-block__icon--pause{display:inline}.projet-nav{background-color:#d9e2ec;border-top:1px solid #0000001a;grid-template-columns:2fr 2fr 3fr;align-items:end;gap:3rem;padding:4rem 3rem;display:grid}.projet-nav__link{color:inherit;grid-template-rows:3fr 1fr;gap:.5rem;text-decoration:none;transition:opacity .2s;display:grid}.projet-nav__link:hover{opacity:.7}.projet-nav__link--empty{visibility:hidden}.projet-nav__label{text-transform:uppercase;letter-spacing:.08em;opacity:.5;font-size:.75rem}.projet-nav__thumb{border-radius:.5rem;align-items:flex-start;width:100%;height:330px;margin-top:.5rem;overflow:hidden}.projet-nav__thumb img{object-fit:cover;width:100%;height:100%}.projet-nav__home{text-align:center;color:inherit;border:1px solid #0003;border-radius:2rem;align-self:center;padding:.75rem 1.5rem;font-size:.75rem;text-decoration:none;transition:background-color .2s,border-color .2s}.projet-nav__home:hover{background-color:#0000000d;border-color:#0000004d}@media (width<=767px){.projet-nav{grid-template-columns:1fr 1fr;align-items:start;gap:1.5rem;padding:2rem;display:grid}.projet-nav__link{grid-template-rows:1fr}.projet-nav__home{grid-area:1/1/auto/-1;justify-self:center;margin-bottom:1rem}.projet-nav__thumb{display:none}.projet-nav__title{font-size:1rem}.projet-nav-back{text-align:center;grid-column:1/-1}}.lightbox-overlay{z-index:9999;background:#0b192cd6;justify-content:center;align-items:center;padding:2rem;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.lightbox-content{max-width:95vw;max-height:95vh;animation:.3s zoomIn;position:relative}@keyframes zoomIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.lightbox-content img{object-fit:contain;max-width:100%;max-height:95vh;display:block}.lightbox-close{color:#fff;cursor:pointer;opacity:.8;background:0 0;border:none;padding:0;font-size:3rem;line-height:1;transition:opacity .2s;position:absolute;top:-3rem;right:0}.lightbox-close:hover{opacity:1}.image-lightbox{cursor:zoom-in;width:100%;height:100%;display:block}.image-lightbox:hover{opacity:.9}.footer{color:#bcccdc;background:#232d49;padding:3rem}.footer h4{color:#bcccdc}.footer__infos{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:2rem;padding:2rem 3rem;display:grid}@media (width<=767px){.footer__infos{display:block}}.footer__bottom{text-align:center;color:get-color(indigo, 400);background-color:#000;padding:3rem;display:block}@media (width<=767px){.footer{padding:0}.col--contact{margin-bottom:2rem}}.scroll-to-top{background:get-color(indigo, 500);color:#fff;cursor:pointer;opacity:0;visibility:hidden;z-index:1000;border:none;border-radius:8px;width:48px;height:48px;font-family:Poppins,articulat-cf,sans-serif;font-size:.8rem;font-weight:700;transition:all .3s;position:fixed;bottom:2rem;right:2rem;box-shadow:0 4px 12px #0003}.scroll-to-top:hover{background:get-color(indigo, 800);transform:translateY(-4px);box-shadow:0 6px 16px #0000004d}.scroll-to-top:active{transform:translateY(-2px)}.scroll-to-top.visible{opacity:1;visibility:visible}@media (width<=768px){.scroll-to-top{width:44px;height:44px;bottom:1.5rem;right:1.5rem}}button{font-family:Poppins,articulat-cf,sans-serif}.btn-plus{cursor:pointer;background:#fff;border:none;border-radius:50%;width:60px;height:60px;margin:0 auto 1rem;transition:all .3s;box-shadow:0 4px 12px #0003}.btn-plus .plus-icon{font-size:2rem;font-weight:300;line-height:1;transition:transform .3s;display:block}.btn-plus:hover{background:var(--project-color,#ff6b6b);color:#fff;transform:scale(1.15);box-shadow:0 6px 16px #0000004d}.btn-plus:hover .plus-icon{color:#fff}.btn-view-project{color:#fff;text-decoration:none;transition:all .3s;display:none}.btn-view-project:hover{color:#000;background:#fff}.item-overlay:before{z-index:1;opacity:0;content:"";border-top:1px solid #ffffff46;border-bottom:1px solid #ffffff46;transition:opacity .4s,transform .4s;display:block;position:absolute;inset:1rem;transform:scaleX(0)}.item-overlay:after{z-index:1;content:"";opacity:0;transition:opacity .4s,transform .4s;border-left:1px solid #ffffff46;border-right:1px solid #ffffff46;-webkit-transition:opacity .35s,transform .4s;display:block;position:absolute;inset:1rem;transform:scaleY(0)}.item-inner:hover .item-overlay:before,.item-inner:hover .item-overlay:after{opacity:1;transform:scale(1)}.btn--pastille{color:#d8fff8;transition:background var(--transition-slow), color var(--transition-fast);cursor:pointer;text-transform:uppercase;background:#6fbfb1;border:none;border-radius:9999px;padding:.25rem .5rem;font-family:Poppins,articulat-cf,sans-serif;font-size:.65rem;font-weight:700}.btn--pastille:hover{color:#fff;background:#d4f889}.btn-pastille--max{padding:.5rem 1rem;font-size:.75rem}#tarteaucitronRoot #tarteaucitronAlertBig{font-family:zilla-slab,sans-serif;color:get-color(indigo, 800)!important;background:#546b93!important}#tarteaucitronRoot button{font-family:Poppins,articulat-cf,sans-serif;font-weight:700;color:get-color(indigo, 800)!important}button.tarteaucitronCTAButton.tarteaucitronAllow{background:#c9e655!important}button.tarteaucitronCTAButton.tarteaucitronDeny{background:#91abd4!important}.debug-wrapper{position:relative}.debug-label{color:#fff;z-index:100;white-space:nowrap;background:#ff0000e6;padding:4px 8px;font-family:monospace;font-size:11px;position:absolute;top:0;left:0}.debug-label--video{background:#0064ffe6}.debug-label--text{background:#009600e6}.debug-label--special{background:#960096e6}.st0[data-astro-cid-f7espo7c]{fill:#99145b}.st1[data-astro-cid-f7espo7c]{fill:#8692a3}.st2[data-astro-cid-f7espo7c]{fill:#6ebfb1}