@import"https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Oswald:wght@200..700&display=swap";.hero-base,.veille-hero,.pp-hero,.prog-hero{width:100dvw;margin-left:calc(50% - 50dvw);margin-right:calc(50% - 50dvw);display:flex;align-items:center;background-size:cover;background-position:center;background-repeat:no-repeat;transition:background .8s ease;border-radius:0;box-shadow:none}.hero-base__inner{max-width:90rem;padding:6rem 10rem;background:rgba(65,13,117,.137254902);backdrop-filter:saturate(120%) blur(2px);background-origin:padding-box;border-radius:0;color:#fff;text-align:justify;transition:background .4s}.hero-base__inner:hover{background:rgba(2,65,110,.5019607843)}.hero-base__inner h1{font-family:"Oswald",Arial,sans-serif;font-size:6.2rem;font-weight:600;margin:0 0 1.6rem 0;text-align:center}.hero-base__inner p{font-family:"Lato",Arial,sans-serif;font-size:2.4rem;line-height:1.7;margin:0;font-weight:300}.prog-hero{height:80rem;justify-content:flex-end;background-image:url("../images/bg_g_p.webp")}@media screen{.prog-hero{background-image:url("../images/m-bg_g_p.webp")}}.prog-hero:hover{background-image:url("../images/bg_g_plight.webp")}@media screen{.prog-hero:hover{background-image:url("../images/m-bg_g_plight.webp")}}.prog-hero .hero-base__inner{margin-left:350px;margin-right:75px}.pp-hero{height:60rem;justify-content:flex-end;background-image:url("/images/bg_g_p.webp")}@media screen{.pp-hero{background-image:url("/images/m-bg_g_p.webp")}}.pp-hero:hover{background-image:url("/images/bg_g_plight.webp")}@media screen{.pp-hero:hover{background-image:url("/images/m-bg_g_plight.webp")}}.pp-hero .hero-base__inner{margin-right:75px;margin-left:350px}.veille-hero{height:60rem;justify-content:flex-end;background-image:url("/images/bg_g_p.webp")}@media screen{.veille-hero{background-image:url("/images/m-bg_g_p.webp")}}.veille-hero:hover{background-image:url("/images/bg_g_plight.webp")}@media screen{.veille-hero:hover{background-image:url("/images/m-bg_g_plight.webp")}}.veille-hero .hero-base__inner{margin-left:350px;margin-right:75px}@media(max-width: 1024px){.hero-base,.prog-hero,.pp-hero,.veille-hero{justify-content:center}.hero-base__inner{margin-left:clamp(180px,12vw,260px) !important;margin-right:clamp(32px,6vw,75px) !important;max-width:80rem;padding:4rem 6rem}.hero-base__inner h1{font-size:clamp(4rem,6.4vw,5rem)}.hero-base__inner p{font-size:clamp(1.8rem,2.4vw,2.2rem)}}@media(max-width: 640px){.hero-base,.prog-hero,.pp-hero,.veille-hero{width:100% !important;margin:0 !important;min-height:50rem !important;height:auto !important;justify-content:center;position:relative;z-index:0}.hero-base__inner{margin-left:0 !important;margin-right:0 !important;width:min(92vw,48rem);padding:clamp(1.6rem,5vw,2.8rem) clamp(1.8rem,6vw,3.2rem);box-sizing:border-box;background:rgba(0,0,0,.15)}.hero-base__inner h1{white-space:normal;overflow-wrap:break-word;word-break:keep-all;font-size:clamp(2.6rem,8vw,3.6rem);line-height:1.2;margin:0 0 clamp(.8rem,3vw,1.6rem)}.hero-base__inner p{font-size:clamp(1.3rem,4.2vw,1.8rem);line-height:1.6}.pp-hero{height:32rem;padding:2.4rem 0}}.grid-base,.certifications-blocks,.pp-gallery,.dessins-content .dessins-grid,.prog-content .prog-grid{display:grid;gap:7rem;max-width:130rem;margin:8rem auto;justify-content:center;justify-items:center;align-items:start}.grid-base--1col{grid-template-columns:1fr}.grid-base--2col,.certifications-blocks{grid-template-columns:repeat(2, minmax(0, 1fr))}.grid-base--3col,.pp-gallery,.dessins-content .dessins-grid,.prog-content .prog-grid{grid-template-columns:repeat(3, 40rem)}.grid-base--4col{grid-template-columns:repeat(4, minmax(0, 1fr))}.grid-base--gap-sm{gap:3rem}.grid-base--gap-md,.certifications-blocks{gap:5rem}.grid-base--gap-lg,.pp-gallery,.dessins-content .dessins-grid,.prog-content .prog-grid{gap:7rem}.grid-base--narrow,.certifications-blocks{max-width:100rem}.grid-base--wide{max-width:140rem}.pp-gallery{margin:6rem auto}.certifications-blocks{margin:6rem auto;padding-left:clamp(2rem,2rem + (100vw - 641px)/639*3rem,5rem);padding-right:clamp(2rem,2rem + (100vw - 641px)/639*3rem,5rem)}@media(min-width: 641px)and (max-width: 1024px){.grid-base--3col,.prog-content .prog-grid,.dessins-content .dessins-grid,.pp-gallery{grid-template-columns:repeat(2, minmax(0, 1fr)) !important;gap:clamp(3rem,4vw,5rem) !important;max-width:100rem !important;padding:0 1.6rem !important}.grid-base--4col{grid-template-columns:repeat(2, minmax(0, 1fr)) !important}}@media(max-width: 640px){.grid-base,.prog-content .prog-grid,.dessins-content .dessins-grid,.pp-gallery,.certifications-blocks{grid-template-columns:1fr !important;gap:clamp(1.6rem,5vw,2.4rem) !important;margin:4rem auto !important;padding:0 1.2rem !important;justify-items:center !important}.grid-base--2col,.certifications-blocks,.grid-base--3col,.prog-content .prog-grid,.dessins-content .dessins-grid,.pp-gallery,.grid-base--4col{grid-template-columns:1fr !important}}.card-base,.production-card--media-only,.production-card,.prog-card{width:40rem;height:650px;background:#fff;border-radius:0;box-shadow:0 2px 12px rgba(0,0,0,.08);padding:2.4rem 2rem;display:flex;flex-direction:column;align-items:center;transition:background .6s,transform .4s,box-shadow .4s}.card-base:hover,.production-card--media-only:hover,.production-card:hover,.prog-card:hover{transform:translateY(-8px);box-shadow:0 8px 32px rgba(0,0,0,.12)}@media(max-width: 1024px){.card-base,.production-card--media-only,.production-card,.prog-card{width:100%;height:auto;padding:clamp(1.2rem,4vw,2rem)}}@media(max-width: 640px){.card-base,.production-card--media-only,.production-card,.prog-card{width:min(90%,41.2rem);height:auto;padding:clamp(1.2rem,4vw,2rem)}}.production-card--media-only{padding:0;display:grid;place-items:center}.production-card--media-only .production-img{border:4px solid rgba(71,179,212,.5019607843);width:90%;height:100%;object-fit:cover;object-position:center;display:block;border-radius:0;box-shadow:0 2px 10px rgba(0,0,0,.08)}.banner-profil h1,.banner-skills h1,.banner-certifications h1{transition:color .4s}.banner-profil:hover h1,.banner-skills:hover h1,.banner-certifications:hover h1{color:#47b3d4}.banner{width:100%;height:220px;display:flex;align-items:center;justify-content:center;background:url("../images/img_bg.webp") center/cover no-repeat;margin:0 auto 2rem auto;box-shadow:0 2px 16px rgba(0,0,0,.12)}@media(max-width: 640px){.banner{background:url("../images/m-img_bg.webp") center/cover no-repeat}}.banner.banner-skills{background:url("../images/img_bg_b.webp") center/cover no-repeat}@media(max-width: 640px){.banner.banner-skills{background:url("../images/m-img_bg_b.webp") center/cover no-repeat}}.banner.banner-certifications{background:url("../images/img_bg_c.webp") center/cover no-repeat}@media(max-width: 640px){.banner.banner-certifications{background:url("../images/m-img_bg_c.webp") center/cover no-repeat}}.banner h1,.banner h2{font-size:5rem;color:#fff;font-family:"Oswald",Arial,sans-serif;text-shadow:0 2px 8px rgba(0,0,0,.18);margin:0}.profil-columns{display:flex;gap:0vw;max-width:120rem;margin:11.5rem auto;padding:0 2vw}.profil-columns .profil-left{flex:1 1 42rem;display:flex;align-items:center;justify-content:flex-start;height:63rem;max-width:63rem;line-height:6.4rem;background:url("../images/img_bg.webp") center/cover no-repeat;transition:background .5s}@media(max-width: 640px){.profil-columns .profil-left{background:url("../images/m-img_bg.webp") center/cover no-repeat}}.profil-columns .profil-left:hover{background:url("../images/img_bg_b.webp") center/cover no-repeat}@media(max-width: 640px){.profil-columns .profil-left:hover{background:url("../images/m-img_bg_b.webp") center/cover no-repeat}}.profil-columns .profil-left .profil-catchphrase{font-size:3rem;font-family:"Oswald",Arial,sans-serif;color:#fff;font-weight:600;margin:0;padding:50px}.profil-columns .profil-left .profil-catchphrase span{font-size:4rem}.profil-columns .profil-left .profil-catchphrase span.trait{display:block;width:clamp(8rem,40%,18rem);height:1.1rem;background:#fff;margin-top:2.8rem;box-shadow:0 2px 8px rgba(0,0,0,.15)}.profil-columns .profil-right{flex:2;background:rgba(71,179,212,.1176470588);padding:3.5rem 4.5rem;box-shadow:0 2px 12px rgba(0,0,0,.08);transition:background .5s}.profil-columns .profil-right:hover{background:rgba(71,179,212,.5019607843)}.profil-columns .profil-right h2{font-size:3.5rem;color:#2e0a55;font-family:"Oswald",Arial,sans-serif;margin-bottom:1.2rem}.profil-columns .profil-right p{font-size:1.5rem;color:#2e0a55;font-family:"Lato",Arial,sans-serif;line-height:1.7;margin-bottom:2rem;text-align:justify}.profil-columns .profil-right strong{font-size:1.2rem;color:#2e0a55;font-family:"Oswald",Arial,sans-serif}.profil-columns .profil-right .btn-cv{display:inline-block;padding:.8rem 2.2rem;background:#fff;color:#02416e;font-size:1.4rem;font-family:"Oswald",Arial,sans-serif;text-decoration:none;font-weight:400;box-shadow:0 2px 8px rgba(0,0,0,.1);transition:background .4s}.profil-columns .profil-right .btn-cv:hover{background:#02416e;color:#fff}.skills-content .skills-blocks{display:flex;flex-direction:column;gap:4vw;max-width:120rem;margin:7rem auto;align-items:center}.skills-content .skills-blocks h2{text-align:center}.skills-content .skills-graphisme .skills-grid{display:grid;grid-template-columns:repeat(4, minmax(22rem, 1fr));gap:4.5rem;justify-content:center;justify-items:center;align-items:start;max-width:120rem;width:100%;margin-left:auto;margin-right:auto}.skills-content .skills-informatique-section:nth-of-type(1) .skills-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:4.5rem;justify-items:center;align-items:center;margin:0 auto;max-width:100rem}.skills-content .skills-informatique .skills-grid{display:grid;grid-template-columns:repeat(4, minmax(22rem, 1fr));gap:4.5rem;justify-content:center;justify-items:center;align-items:start;max-width:120rem;margin-left:auto;margin-right:auto;width:100%}.skills-content .skill-item{background:url("../images/img_bg_b.webp") center/cover no-repeat;color:#fff;font-size:1.3rem;font-family:"Lato",Arial,sans-serif;padding:2rem 1.2rem 1.2rem 1.2rem;text-align:center;box-shadow:0 2px 8px rgba(0,0,0,.08);border:12px solid rgba(71,179,212,.5019607843);border-right:none;border-left:none;width:29.5rem;height:38.5rem;min-width:22rem;min-height:28.7118644068rem;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:1.2rem;overflow:hidden;position:relative;transition:background .4s,border .4s}@media(max-width: 640px){.skills-content .skill-item{background:url("../images/m-img_bg_b.webp") center/cover no-repeat}}.skills-content .skill-item:hover{border:12px solid rgba(65,13,117,.5019607843);border-left:none;border-right:none;background:url("../images/img_bg_c.webp") center/cover no-repeat}@media(max-width: 640px){.skills-content .skill-item:hover{background:url("../images/m-img_bg_c.webp") center/cover no-repeat}}.skills-content .skill-img{max-width:100%;max-height:100%;object-fit:contain;margin-bottom:1rem;display:block;border:4px solid rgba(71,179,212,.5019607843);border-top:none;border-bottom:none}.skills-content .skill-stars{font-size:1.6rem;color:#fff;margin-top:auto;margin-bottom:.5rem;display:flex;justify-content:center;align-items:center;width:100%;position:absolute;bottom:1.2rem;left:0}.skills-content .skills-graphisme h2{font-size:4rem;color:#02416e;font-family:"Oswald",Arial,sans-serif;margin-bottom:4rem}.skills-content .skills-informatique h3{font-family:"Oswald",Arial,sans-serif;font-style:italic;font-size:2.4rem;color:#2e0a55}.skills-content .skills-informatique h3 span{font-size:1.9rem;font-family:"Oswald",Arial,sans-serif;font-style:italic;color:#02416e}.skills-content .skills-informatique h2{font-size:4rem;color:#02416e;font-family:"Oswald",Arial,sans-serif;margin-bottom:4rem}.skills-content .skills-informatique{order:2;flex:none}.skills-content .skills-informatique .skills-informatique-blocks{display:flex;gap:2vw}.skills-content .skills-informatique .skills-informatique-blocks>div{background:#2e0a55;color:#fff;font-size:1.1rem;font-family:"Lato",Arial,sans-serif;padding:1.2rem .8rem;border-radius:.6rem;text-align:center;box-shadow:0 2px 8px rgba(0,0,0,.08);flex:1}.skills-content .skills-informatique .skills-informatique-blocks>div .skills-list{margin-top:.6rem;font-size:1.1rem;font-family:"Lato",Arial,sans-serif}.skills-informatique-section:nth-of-type(1){display:grid;grid-template-columns:repeat(3, 1fr);grid-template-rows:auto 1fr;max-width:100rem;margin:0 auto 5rem auto}.skills-informatique-section:nth-of-type(1) h3{grid-column:1/-1;grid-row:1;justify-self:start;margin:0 0 2rem 0;white-space:nowrap}.skills-informatique-section:nth-of-type(1) .skills-grid{grid-column:1/-1;grid-row:2;display:grid;grid-template-columns:repeat(3, 1fr);gap:4.5rem;width:100%;margin:0 auto}.skills-informatique-section{margin:0 auto 3rem auto}.skills-informatique-section h3{margin-bottom:2rem}.certifications-content .certifications-blocks{display:grid;grid-template-columns:repeat(3, 1fr);gap:4rem;max-width:150rem;margin:11.5rem auto;justify-items:center;align-items:start}.certifications-content .certification{display:flex;flex-direction:column;align-items:center;background:rgba(71,179,212,.1176470588);padding:2rem 1rem;border-radius:.6rem;box-shadow:0 2px 8px rgba(0,0,0,.08)}.certifications-content .certification img{width:90%;height:auto;object-fit:contain;margin-bottom:1.2rem;box-shadow:0 1px 6px rgba(0,0,0,.07);background:#fff}.certifications-content .certification p{font-size:1.4rem;color:#2e0a55;text-align:center;margin:0;font-family:"Lato",Arial,sans-serif}.certif-modal{display:flex;opacity:0;pointer-events:none;transition:opacity .35s cubic-bezier(0.4, 0, 0.2, 1);position:fixed;z-index:9999;left:0;top:0;width:100vw;height:100vh;background:rgba(0,0,0,.7);align-items:center;justify-content:center;flex-direction:column}.certif-modal.active{opacity:1;pointer-events:auto}.certif-modal.active .certif-modal-img{opacity:1;transform:scale(1)}.certif-modal .certif-modal-img{max-width:90vw;max-height:80vh;border-radius:1rem;box-shadow:0 4px 24px rgba(0,0,0,.3);background:#fff;transition:transform .35s cubic-bezier(0.4, 0, 0.2, 1),opacity .35s cubic-bezier(0.4, 0, 0.2, 1);opacity:0;transform:scale(0.95)}.certif-modal .certif-modal-caption{color:#fff;font-size:1.6rem;margin-top:2rem;text-align:center}.certif-modal .certif-modal-close{position:absolute;top:2rem;right:3rem;font-size:3rem;color:#fff;cursor:pointer;font-weight:bold;z-index:10001;transition:color .2s;background:none !important;background-color:rgba(0,0,0,0) !important;box-shadow:none !important;border:0}.certif-modal .certif-modal-close:hover{color:#47b3d4;background:none !important}.certif-modal .certif-modal-close:focus-visible{outline:2px solid #47b3d4;outline-offset:2px}body.certif-modal-open .site-content{filter:blur(6px) brightness(0.9);transition:filter .4s cubic-bezier(0.4, 0, 0.2, 1)}.banner-hero-graphisme{height:80rem;width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);border-radius:0;box-shadow:none;display:flex;align-items:center;justify-content:flex-end;background:url("../images/bg_g_p.webp") center/cover no-repeat;transition:background .8s}@media(max-width: 640px){.banner-hero-graphisme{background:url("../images/m-bg_g_p.webp") center/cover no-repeat}}.banner-hero-graphisme:hover{background:url("../images/bg_g_plight.webp") center/cover no-repeat}@media(max-width: 640px){.banner-hero-graphisme:hover{background:url("../images/m-bg_g_plight.webp") center/cover no-repeat}}.banner-hero-graphisme .banner-inner{margin-left:350px;margin-right:75px;max-width:90rem;padding:6rem 10rem;background:rgba(65,13,117,.137254902);backdrop-filter:saturate(120%) blur(2px);border-radius:0;color:#fff;text-align:justify;transition:background .4s}.banner-hero-graphisme .banner-inner:hover{background:rgba(2,65,110,.5019607843)}.banner-hero-graphisme .banner-inner h1,.banner-hero-graphisme .banner-inner h2{font-family:"Oswald",Arial,sans-serif;font-size:6.2rem;font-weight:600;margin:0 0 1.6rem 0;text-align:center}.banner-hero-graphisme .banner-inner p{font-family:"Lato",Arial,sans-serif;font-size:2.4rem;line-height:1.7;margin:0;font-weight:300}.banner-hero-graphisme .banner-inner .hero-btn{display:inline-block;margin-top:2rem;padding:1.2rem 2.6rem;background:#fff;color:#2e0a55;text-decoration:none;font-family:"Lato",Arial,sans-serif;font-size:1.6rem;font-weight:500;box-shadow:0 2px 8px rgba(128,0,255,.08);transition:background .4s,color .4s,transform .4s}.banner-hero-graphisme .banner-inner .hero-btn:hover{background:rgba(65,13,117,.5019607843);color:#fff;transform:translateY(-2px)}.banner-hero-graphisme.banner--h50{height:60rem}.banner-hero-graphisme.banner--h50 .banner-inner p{margin-bottom:3rem}.banner-hero-graphisme.banner--h50 .banner-inner a{margin-left:0}.graphisme-content .productions-grid{display:grid;grid-template-columns:repeat(3, 40rem);gap:7rem;max-width:130rem;margin:8rem auto;justify-content:center;justify-items:center;align-items:start}.graphisme-content .production-card{max-height:725px;max-width:40rem;background:url("../images/img_bg.webp") center/cover no-repeat;border-radius:0;box-shadow:0 2px 12px rgba(0,0,0,.08);padding:2.4rem 2rem;display:flex;flex-direction:column;align-items:center;transition:background 1.6s,transform .4s,box-shadow .4s}@media(max-width: 640px){.graphisme-content .production-card{background:url("../images/m-img_bg.webp") center/cover no-repeat}}.graphisme-content .production-card:hover{background:url("../images/img_bg_b.webp") center/cover no-repeat;transform:translateY(-4px);box-shadow:0 6px 22px rgba(0,0,0,.12)}@media(max-width: 640px){.graphisme-content .production-card:hover{background:url("../images/m-img_bg_b.webp") center/cover no-repeat}}.graphisme-content .production-card h3{font-family:"Oswald",Arial,sans-serif;font-size:1.8rem;color:#fff;text-align:center;margin:0 0 1.2rem 0;line-height:1.3;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:90%}.graphisme-content .production-card .separator{width:100%;height:.15rem;background:#fff;border-radius:0;margin:0 0 1.6rem 0}.graphisme-content .production-card .production-img{width:35.5rem;height:35.5rem;object-fit:cover;object-position:center;background:#fff;border-radius:0;box-shadow:0 2px 10px rgba(0,0,0,.08);overflow:hidden}.graphisme-content .production-card .production-desc{margin-top:2rem;font-family:"Lato",Arial,sans-serif;font-size:1.4rem;color:#fff;text-align:justify;line-height:1.6;padding-top:1.6rem;max-width:90%}.graphisme-content .production-card .production-desc span{font-weight:700;font-size:1.5rem;color:#47b3d4}.graphisme-content .production-card .hero-btn{text-decoration:none;color:#2e0a55;cursor:pointer;background:#fff;padding:1.2rem 2.6rem;margin-top:2rem;box-shadow:0 2px 8px rgba(128,0,255,.08);transition:background .4s,color .4s,transform .4s,box-shadow .4s;align-self:flex-start;margin-left:1.8rem}.graphisme-content .production-card .hero-btn:hover{background:rgba(65,13,117,.5019607843);color:#fff;transform:translateY(-2px);box-shadow:0 8px 18px rgba(0,0,0,.14)}.graphisme-content .production-card .hero-btn:active{transform:translateY(0)}.graphisme-content .production-card .hero-btn:focus-visible{outline:2px solid #47b3d4;outline-offset:2px}.stage-content{max-width:120rem;margin:6rem auto;padding:0 2rem}.stage-content h2{font-family:"Oswald",Arial,sans-serif;font-size:4.4rem;color:#02416e;text-align:center;margin-bottom:1.2rem}.stage-content h3{font-family:"Lato",Arial,sans-serif;font-size:1.8rem;color:#2e0a55;text-align:center;font-weight:400;margin:0 auto 4rem auto;max-width:90rem}.stage-content .stage-grid{display:grid;grid-template-columns:repeat(2, 40rem);gap:7rem;justify-content:center;justify-items:center;align-items:start;margin:0 auto}.stage-content .production-card.production-card--media-only{width:40rem;height:35rem;padding:1.6rem;background:url("../images/img_bg.webp") center/cover no-repeat;border-radius:0;box-shadow:0 2px 12px rgba(0,0,0,.08);display:grid;place-items:center;transition:background 1.2s,box-shadow .4s}@media(max-width: 640px){.stage-content .production-card.production-card--media-only{background:url("../images/m-img_bg.webp") center/cover no-repeat}}.stage-content .production-card.production-card--media-only:hover{background:url("../images/img_bg_b.webp") center/cover no-repeat;box-shadow:0 6px 22px rgba(0,0,0,.12)}@media(max-width: 640px){.stage-content .production-card.production-card--media-only:hover{background:url("../images/m-img_bg_b.webp") center/cover no-repeat}}.stage-content .production-card.production-card--media-only .production-img{border:4px solid rgba(71,179,212,.5019607843);width:100%;height:auto;object-fit:cover;display:block;border-radius:0;box-shadow:0 2px 10px rgba(0,0,0,.08)}.dessins-hero{height:60rem;width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);display:flex;align-items:center;justify-content:flex-end;overflow:hidden;background:url("/images/bg_g_p.webp") center/cover no-repeat;transition:background .8s}@media(max-width: 640px){.dessins-hero{background:url("/images/m-bg_g_p.webp") center/cover no-repeat}}.dessins-hero:hover{background:url("/images/bg_g_plight.webp") center/cover no-repeat}@media(max-width: 640px){.dessins-hero:hover{background:url("/images/m-bg_g_plight.webp") center/cover no-repeat}}.dessins-hero .dessins-hero__split{display:flex;align-items:stretch;gap:0rem;max-width:min(120rem,100vw - 150px);width:100%}.dessins-hero .dessins-hero__media,.dessins-hero .dessins-hero__inner{flex:1 1 0;min-width:0}.dessins-hero .dessins-hero__media{display:grid;place-items:center;overflow:hidden;background:rgba(65,13,117,.137254902)}.dessins-hero .dessins-hero__media img{width:100%;height:100%;object-fit:cover;display:block;border:0}.dessins-hero .dessins-hero__inner{display:flex;flex-direction:column;justify-content:center;gap:1.6rem;margin-right:75px;padding:6rem 10rem;background:rgba(65,13,117,.137254902);backdrop-filter:saturate(120%) blur(2px);color:#fff;text-align:justify;transition:background .4s}.dessins-hero .dessins-hero__inner:hover{background:rgba(2,65,110,.5019607843)}.dessins-hero .dessins-hero__inner h1{font-family:"Oswald",Arial,sans-serif;font-size:4rem;font-weight:600;text-align:left;margin:0}.dessins-hero .dessins-hero__inner p{font-family:"Lato",Arial,sans-serif;font-size:2.4rem;line-height:1.7;margin:0 0 3rem 0;font-weight:300}.dessins-hero .dessins-hero__inner .hero-btn{display:inline-block;width:fit-content;margin-top:2rem;padding:1.2rem 2.6rem;background:#fff;color:#2e0a55;text-decoration:none;font-family:"Lato",Arial,sans-serif;font-size:1.6rem;font-weight:500;box-shadow:0 2px 8px rgba(128,0,255,.08);transition:background .4s,color .4s,transform .4s}.dessins-hero .dessins-hero__inner .hero-btn:hover{background:rgba(65,13,117,.5019607843);color:#fff;transform:translateY(-2px)}.dessins-content{margin:6rem auto}.dessins-content .dessins-grid{display:grid;gap:3rem;grid-template-columns:repeat(4, 1fr);max-width:130rem;width:100%;margin:0 auto;justify-items:stretch;align-items:stretch}.dessins-content .dessins-grid>.production-card:nth-last-child(1):nth-child(4n+1){grid-column:1/-1}.dessins-content .dessins-grid>.production-card:nth-last-child(2):nth-child(4n+1),.dessins-content .dessins-grid>.production-card:nth-last-child(1):nth-child(4n+2){grid-column:span 2}.dessins-content .dessins-grid>.production-card:nth-last-child(3):nth-child(4n+1){grid-column:span 2}.dessins-content .production-card.production-card--media-only{width:100%;min-width:0;height:auto;padding:1.6rem;background:url("../images/img_bg.webp") center/cover no-repeat;border-radius:0;box-shadow:0 2px 12px rgba(0,0,0,.08);display:grid;place-items:center;transition:background 1.6s,box-shadow .4s}@media(max-width: 640px){.dessins-content .production-card.production-card--media-only{background:url("../images/m-img_bg.webp") center/cover no-repeat}}.dessins-content .production-card.production-card--media-only:hover{background:url("../images/img_bg_b.webp") center/cover no-repeat;box-shadow:0 6px 22px rgba(0,0,0,.12)}@media(max-width: 640px){.dessins-content .production-card.production-card--media-only:hover{background:url("../images/m-img_bg_b.webp") center/cover no-repeat}}.dessins-content .production-card.production-card--media-only .production-img{border:4px solid rgba(71,179,212,.5019607843);width:100%;height:auto;object-fit:cover;object-position:center;display:block;border-radius:0;box-shadow:0 2px 10px rgba(0,0,0,.08)}.contact-hero{height:30rem;width:100dvw;margin-left:calc(50% - 50dvw);margin-right:calc(50% - 50dvw);display:flex;align-items:center;justify-content:center;background:url("/images/bg_g_p.webp") center/cover no-repeat;transition:background .8s}@media(max-width: 640px){.contact-hero{background:url("/images/m-bg_g_p.webp") center/cover no-repeat}}.contact-hero:hover{background:url("/images/bg_g_plight.webp") center/cover no-repeat}@media(max-width: 640px){.contact-hero:hover{background:url("/images/m-bg_g_plight.webp") center/cover no-repeat}}.contact-hero .contact-hero__inner{max-width:90rem;padding:3rem 18rem;background:rgba(65,13,117,.137254902);backdrop-filter:saturate(120%) blur(2px);color:#fff;text-align:center;transition:background .4s}.contact-hero .contact-hero__inner:hover{background:rgba(2,65,110,.5019607843)}.contact-hero .contact-hero__inner h1{font-family:"Oswald",Arial,sans-serif;font-size:7.5rem;font-weight:600;margin:0}.contact-content{max-width:80rem;margin:11rem auto 8rem auto;padding:2rem 2rem;overflow-x:hidden}.contact-form{overflow-x:hidden;background:#fff;border:12px solid rgba(71,179,212,.5019607843);border-left:none;border-right:none;box-shadow:0 2px 12px rgba(0,0,0,.08);padding:4.4rem;display:grid;gap:2rem;transition:border .4s}.contact-form:hover{border:12px solid rgba(65,13,117,.5019607843);border-left:none;border-right:none}.contact-form .field{min-width:0}.contact-form .field h3{font-family:"Oswald",Arial,sans-serif;font-size:2rem;color:#02416e;margin:0 0 .8rem 0}.contact-form input,.contact-form textarea{box-sizing:border-box;width:100%;min-width:100%;max-width:100%;min-height:5rem;font-family:"Lato",Arial,sans-serif;font-size:1.6rem;color:#2e0a55;background:#fff;border:1px solid rgba(0,0,0,.15);border-top:0;border-left:0;border-right:0;border-radius:0;padding:1.2rem 1.4rem;outline:none;transition:border-color .4s,box-shadow .4s}.contact-form input::placeholder,.contact-form textarea::placeholder{color:rgba(0,0,0,.45)}.contact-form input:focus,.contact-form textarea:focus{border-color:#47b3d4;box-shadow:0 0 0 2px rgba(71,179,212,.15)}.contact-form .pp-btn{align-self:start;margin-top:.8rem;border:2px solid #2e0a55;box-shadow:#47b3d4 0px 2px 8px}footer{background:linear-gradient(60deg, rgb(0.1785714286, 5.8035714286, 9.8214285714), rgb(14, 2.8, 25.2));color:#fff;font-family:"Lato",Arial,sans-serif;height:130px;min-height:130px;padding:0}footer .footer-content{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:1.2rem}footer .footer-content ul.footer-links{display:flex;gap:2.4rem;list-style:none;padding:0;margin:0}footer .footer-content ul.footer-links li a{color:#47b3d4;text-decoration:none;font-size:1.4rem;font-family:"Lato",Arial,sans-serif;letter-spacing:.02em;border-radius:.6rem;padding:.6rem 1rem;transition:color .2s,background .2s}footer .footer-content ul.footer-links li a:hover{color:#fff;background:linear-gradient(to right, rgba(71, 179, 212, 0) 15%, rgba(71, 179, 212, 0.5019607843), rgba(71, 179, 212, 0) 75%)}footer .footer-content p{font-size:1.4rem;margin:0;font-family:"Open Sans",Arial,sans-serif;letter-spacing:.02em;opacity:.8}@media only screen and (max-width: 641px){footer{height:auto;min-height:auto;padding:2.4rem 1.6rem}footer .footer-content ul.footer-links{flex-direction:column;gap:1.2rem;text-align:center}}header{position:sticky;top:0;z-index:1000;background:linear-gradient(rgb(0.1785714286, 5.8035714286, 9.8214285714), rgb(14, 2.8, 25.2));color:#fff;font-family:"Oswald",Arial,sans-serif;height:100px;min-height:100px;padding:0}header .main-nav{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:2rem;height:100%;padding:0 2.4rem;max-width:120rem;margin:0 auto}header .main-nav .logo{font-size:2.4rem;font-weight:700;color:#fff;text-decoration:underline;letter-spacing:.08em;margin:0;border-radius:.6rem;transition:color .2s}header .main-nav .logo:hover{color:#1272c7}header .main-nav .nav-toggle{display:none;border:0;background:none;cursor:pointer}header .main-nav .nav-links{display:flex;gap:2rem;list-style:none;margin:0;padding:0}header .main-nav .nav-links li a{color:#fff;text-decoration:none;font-size:2rem;font-weight:500;font-family:"Lato",Arial,sans-serif;letter-spacing:.02em;border-radius:.6rem;padding:.6rem 1rem;transition:color .2s}header .main-nav .nav-links li a:hover{color:#7f33ca}.prog-page{max-width:120rem;margin:6rem auto;padding:0 2rem}.pp-hero{height:60rem;width:100dvw;margin-left:calc(50% - 50dvw);margin-right:calc(50% - 50dvw);display:flex;align-items:center;justify-content:flex-end;background:url("/images/bg_g_p.webp") center/cover no-repeat;transition:background .8s}@media(max-width: 640px){.pp-hero{background:url("/images/m-bg_g_p.webp") center/cover no-repeat}}.pp-hero:hover{background:url("/images/bg_g_plight.webp") center/cover no-repeat}@media(max-width: 640px){.pp-hero:hover{background:url("/images/m-bg_g_plight.webp") center/cover no-repeat}}.pp-hero .pp-hero__inner{margin-right:75px;margin-left:350px;max-width:90rem;padding:6rem 10rem;background:rgba(65,13,117,.137254902);backdrop-filter:saturate(120%) blur(2px);color:#fff;text-align:justify;transition:background .4s}.pp-hero .pp-hero__inner:hover{background:rgba(2,65,110,.5019607843)}.pp-hero .pp-hero__inner h1{font-family:"Oswald",Arial,sans-serif;font-size:6.2rem;font-weight:600;margin:0 0 1.6rem 0;text-align:center}.pp-hero .pp-hero__inner p{font-family:"Lato",Arial,sans-serif;font-size:2.4rem;line-height:1.7;margin:0;font-weight:300}.pp-header{max-width:clamp(90rem,92vw,110rem);margin:4rem auto 2rem auto;text-align:center;width:100%}.pp-header h1{font-family:"Oswald",Arial,sans-serif;font-size:4.4rem;color:#02416e;margin:0 0 1.2rem 0}.pp-header p{font-family:"Lato",Arial,sans-serif;font-size:2.1rem;line-height:1.85;color:#2e0a55;margin:3.5rem 5rem;max-width:none;text-align:justify;white-space:normal;text-justify:inter-word;hyphens:none;-webkit-hyphens:auto}.pp-header .pp-meta{display:flex;gap:1.2rem 2rem;justify-content:center;align-items:center;flex-wrap:wrap;font-family:"Lato",Arial,sans-serif;font-size:1.3rem;color:#2e0a55}.pp-header .pp-meta span{background:rgba(71,179,212,.5019607843);padding:.6rem 1rem;border-radius:.6rem}.pp-cover{max-width:100rem;margin:3rem auto;border:12px solid rgba(71,179,212,.5019607843);border-left:none;border-right:none;background:#fff;box-shadow:0 2px 12px rgba(0,0,0,.08)}.pp-cover img{display:block;width:100%;height:auto;object-fit:cover}.pp-section{max-width:100rem;margin:4rem auto}.pp-section h2{font-family:"Oswald",Arial,sans-serif;font-size:3rem;color:#02416e;margin:0 0 1.2rem 0}.pp-section p,.pp-section li{font-family:"Lato",Arial,sans-serif;font-size:1.6rem;color:#2e0a55;line-height:1.7;text-align:justify}.pp-section ul{padding-left:1.6rem}.pp-techs{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:1.2rem}.pp-techs .pp-tech{font-family:"Lato",Arial,sans-serif;font-size:1.3rem;color:#fff;background:#2e0a55;padding:.5rem .9rem;border-radius:.6rem}.pp-gallery{display:grid;grid-template-columns:repeat(3, 40rem);gap:7rem;max-width:130rem;margin:6rem auto;justify-content:center;justify-items:center;align-items:start}.pp-gallery .pp-shot{width:40rem;height:35rem;background:url("../images/img_bg.webp") center/cover no-repeat;border-radius:0;box-shadow:0 2px 12px rgba(0,0,0,.08);display:grid;place-items:center;transition:background 1.2s,box-shadow .4s}@media(max-width: 640px){.pp-gallery .pp-shot{background:url("../images/m-img_bg.webp") center/cover no-repeat}}.pp-gallery .pp-shot:hover{background:url("../images/img_bg_b.webp") center/cover no-repeat;box-shadow:0 6px 22px rgba(0,0,0,.12)}@media(max-width: 640px){.pp-gallery .pp-shot:hover{background:url("../images/m-img_bg_b.webp") center/cover no-repeat}}.pp-gallery .pp-shot img{border:4px solid rgba(71,179,212,.5019607843);width:90%;height:90%;object-fit:cover;object-position:center;display:block;border-radius:0;box-shadow:0 2px 10px rgba(0,0,0,.08)}.pp-actions{max-width:100rem;margin:3rem auto 0 auto;display:flex;flex-wrap:wrap;gap:1.2rem}.pp-btn,.pp-nav a{text-decoration:none;cursor:pointer;background:#fff;color:#2e0a55;padding:1.2rem 2.6rem;box-shadow:0 2px 8px rgba(128,0,255,.08);transition:background .4s,color .4s,transform .4s,box-shadow .4s;border-radius:0}.pp-btn:hover,.pp-nav a:hover{background:rgba(65,13,117,.5019607843);color:#fff;transform:translateY(-2px);box-shadow:0 8px 18px rgba(0,0,0,.14)}.pp-btn:active,.pp-nav a:active{transform:translateY(0)}.pp-btn:focus-visible,.pp-nav a:focus-visible{outline:2px solid #47b3d4;outline-offset:2px}.pp-btn--ghost{background:#2e0a55;color:#fff}.pp-btn--ghost:hover{background:#fff;color:#2e0a55}.pp-nav{max-width:100rem;margin:4rem auto 0 auto;display:flex;justify-content:space-between;gap:1rem}.pp-slider{max-width:110rem;margin:3rem auto 0 auto;position:relative;overflow:hidden}.pp-slides{display:flex;flex-wrap:nowrap;background:#fff;border:12px solid rgba(71,179,212,.5019607843);border-left:none;border-right:none;box-shadow:0 2px 12px rgba(0,0,0,.08);transition:transform .45s ease;will-change:transform}.pp-slide{flex:0 0 100%;max-width:100%;display:grid;place-items:center;padding:1.2rem}.pp-slide img{width:100%;height:auto;max-height:62rem;object-fit:contain;display:block;border:4px solid rgba(71,179,212,.5019607843);border-radius:0;box-shadow:0 2px 10px rgba(0,0,0,.08);background:#fff}.pp-slider-btn{position:absolute;top:50%;translate:0 -50%;z-index:2;width:4.4rem;height:4.4rem;border:0;border-radius:999px;background:rgba(0,0,0,.35);color:#fff;font-size:2.6rem;line-height:1;cursor:pointer;display:grid;place-items:center;box-shadow:0 4px 18px rgba(0,0,0,.18);transition:background .4s,scale .4s}.pp-slider-btn:hover{background:#2e0a55;scale:1.05}.pp-slider-btn--prev{left:.8rem}.pp-slider-btn--next{right:.8rem}.pp-slider-dots{display:flex;gap:.6rem;justify-content:center;margin:1.2rem auto 0 auto}.pp-slider-dots button{width:10px;height:10px;border-radius:999px;border:0;background:rgba(0,0,0,.25);cursor:pointer;transition:background .4s,transform .4s}.pp-slider-dots button.is-active{background:#47b3d4;transform:scale(1.2)}@media(prefers-reduced-motion: reduce){.pp-slides{transition:none}.pp-slider-btn{transition:none}}.veille-content{max-width:120rem;margin:6rem auto;padding:0 2rem;display:grid;gap:6rem}.veille-content .veille-item{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:7rem;align-items:center}.veille-content .veille-item .veille-media{background:url("../images/img_bg.webp") center/cover no-repeat;padding:1.6rem;box-shadow:0 2px 12px rgba(0,0,0,.08);transition:background 1.2s,box-shadow .4s}@media(max-width: 640px){.veille-content .veille-item .veille-media{background:url("../images/m-img_bg.webp") center/cover no-repeat}}.veille-content .veille-item .veille-media:hover{background:url("../images/img_bg_b.webp") center/cover no-repeat;box-shadow:0 6px 22px rgba(0,0,0,.12)}@media(max-width: 640px){.veille-content .veille-item .veille-media{background:url("../images/m-img_bg_b.webp") center/cover no-repeat}}.veille-content .veille-item .veille-img{display:block;width:100%;height:auto;border:4px solid rgba(71,179,212,.5019607843);border-radius:0;box-shadow:0 2px 10px rgba(0,0,0,.08);background:#fff}.veille-content .veille-item .veille-text h3{font-family:"Oswald",Arial,sans-serif;font-size:3rem;color:#02416e;margin:0 0 1.2rem 0}.veille-content .veille-item .veille-text p{font-family:"Lato",Arial,sans-serif;font-size:1.7rem;color:#2e0a55;line-height:1.75;text-align:justify;margin:0}.veille-content .veille-item:nth-child(even) .veille-media{order:2}.veille-content .veille-item:nth-child(even) .veille-text{order:1}:root{font-size:62.5%}*{box-sizing:border-box;margin:0;padding:0}html{overflow-x:clip}body{font-family:"Open Sans",Arial,sans-serif;font-size:1.6rem;color:#222;background:#e9e9e9}.site-content>:not(header):not(footer){background:#f7f7f7;width:calc(100vw - 350px);margin:0 auto;box-shadow:0 0 32px rgba(0,0,0,.08);transition:box-shadow .3s;position:relative;z-index:1}.site-content>:not(header):not(footer):not(.banner){padding:0rem 0rem 5rem 0rem}.page-transition-out{opacity:0;transition:opacity .4s}.hero{min-height:calc(100vh - 230px);position:relative;display:flex;align-items:center;justify-content:flex-start;overflow:hidden}.hero .hero-bg-video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0;pointer-events:none}.hero-content{height:500px;padding:150px;background:rgba(71,179,212,.1176470588);display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:2rem;color:#fff;text-align:left;margin-left:6vw;transition:background .4s}.hero-content:hover{background:rgba(71,179,212,.5019607843)}.hero-content p{margin:0;color:#fff}.hero-content p:first-child{font-size:2.2rem;font-family:"Open Sans",Arial,sans-serif;color:#222;text-transform:uppercase;font-weight:600}.hero-content .hero-name{font-size:7.2rem;font-family:"Oswald",Arial,sans-serif;font-weight:600;color:#fff;line-height:1.1}.hero-content .hero-tagline{font-size:2.5rem;font-family:"Lato",Arial,sans-serif;color:#fff;font-style:italic}.hero-content .hero-btn{font-size:1.6rem;font-family:"Lato",Arial,sans-serif;color:#02416e;background:#fff;border:none;padding:1.2rem 2.6rem;text-decoration:none;font-weight:500;transition:background .4s,color .4s;box-shadow:0 2px 8px rgba(128,0,255,.08);margin-top:2rem}.hero-content .hero-btn:hover{background:rgba(65,13,117,.5019607843);color:#fff}.hero-illustration{height:50rem;flex:1 1 0;display:flex;align-items:center;justify-content:center;border:.8rem solid rgba(71,179,212,.1176470588);border-right:none;overflow:hidden}.hero-illustration img{width:65%;max-width:100%;height:auto;max-height:100%;margin:auto;object-fit:contain;display:block;content:url("../images/devweb_design_bg-01.webp")}@media(max-width: 640px){.hero-illustration img{content:url("../images/m-devweb_design_bg-01.webp")}}.site-content>main.prog-main{background:linear-gradient(to bottom, #000, #000 50%, #2e0a55 100%)}.site-content.prog{background:#000}.prog-content .prog-card:hover{background:rgba(71,179,212,.5019607843)}.prog-content .prog-card:hover h2,.prog-content .prog-card:hover h3,.prog-content .prog-card:hover .prog-desc{color:#fff}.prog-content .prog-card:hover .separator{background:#fff}.prog-content .prog-card h2,.prog-content .prog-card h3{font-family:"Oswald",Arial,sans-serif;font-size:1.8rem;color:#2e0a55;text-align:center;margin:0 0 1.2rem 0;line-height:1.3;max-width:90%;transition:color .4s;white-space:normal;text-overflow:clip}.prog-content .prog-card .separator{width:100%;height:.15rem;background:#2e0a55;border-radius:0;margin:0 0 1.6rem 0;transition:background .4s}.prog-content .prog-card .prog-img{width:35.5rem;height:35.5rem;object-fit:cover;object-position:center;background:#fff;border-radius:0;box-shadow:0 2px 10px rgba(0,0,0,.08);overflow:hidden;display:block}.prog-content .prog-card .prog-desc{margin-top:2rem;font-family:"Lato",Arial,sans-serif;font-size:1.4rem;color:#2e0a55;text-align:justify;line-height:1.6;padding-top:1.6rem;max-width:90%;transition:color .4s}.prog-content .prog-card .prog-desc span{font-weight:700;font-size:1.5rem;color:#47b3d4}.prog-content .prog-card .prog-btn{text-decoration:none;cursor:pointer;background:#2e0a55;color:#fff;padding:1.2rem 2.6rem;margin-top:2rem;box-shadow:0 2px 8px rgba(128,0,255,.08);transition:background .4s,color .4s,transform .4s,box-shadow .4s;align-self:flex-start;margin-left:1.8rem}.prog-content .prog-card .prog-btn:hover{background:#fff;color:#2e0a55;transform:translateY(-2px);box-shadow:0 8px 18px rgba(0,0,0,.14)}.prog-content .prog-card .prog-btn:active{transform:translateY(0)}.prog-content .prog-card .prog-btn:focus-visible{outline:2px solid #47b3d4;outline-offset:2px}/*# sourceMappingURL=style.css.map */