:root{--orange:#f04e23;--dark:#1c1c1c;--acier:#5a6370;--gris:#e8e8e8;--beton:#eceae4;--white:#fff;--line:#d9d6cc;--radius:12px;--font-title:var(--font-anton), Impact, "Arial Narrow", sans-serif;--font-text:var(--font-jakarta), system-ui, sans-serif;--ease:cubic-bezier(.22, 1, .36, 1)}@layer base{*{box-sizing:border-box;margin:0;padding:0}html{font-synthesis:none;scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-text);color:var(--dark);background:var(--beton);-webkit-font-smoothing:antialiased;line-height:1.5}h1,h2,h3,h4{text-transform:uppercase;font-family:var(--font-title);letter-spacing:-.01em;text-wrap:balance;font-weight:700;line-height:1.06}img{max-width:100%;display:block}a,button,summary,[role=tab],[role=slider]{-webkit-tap-highlight-color:transparent;touch-action:manipulation}table{border-collapse:collapse}}:focus-visible{outline:3px solid var(--orange);outline-offset:3px}.container{width:100%;max-width:1360px;padding:0 max(24px, env(safe-area-inset-right)) 0 max(24px, env(safe-area-inset-left));margin:0 auto}section{scroll-margin-top:120px}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}.reveal{transition:opacity .8s var(--ease), transform .8s var(--ease)}.reveal.is-hidden{opacity:0;transform:translateY(22px)}.brand{font-family:var(--font-title);color:inherit;align-items:center;gap:12px;font-size:18px;font-weight:600;text-decoration:none;display:flex}.brand img{width:36px;height:36px}.progress{z-index:70;pointer-events:none;height:3px;position:fixed;top:0;left:0;right:0}.progress__bar{background:var(--orange);transform-origin:0;height:100%;transform:scaleX(0)}.cover{background-color:var(--dark);min-height:min(100svh,880px);color:var(--beton);background-image:radial-gradient(55% 50% at 8% 108%,#f04e2338,#0000 70%),radial-gradient(45% 45% at 100% 0,#eceae40f,#0000 70%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .93 0 0 0 0 .92 0 0 0 0 .89 0 0 0 .55 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.09'/%3E%3C/svg%3E");background-size:auto,auto,220px 220px;display:flex;position:relative}.cover__top{animation:fade .9s var(--ease) both;justify-content:space-between;align-items:center;gap:16px;padding:clamp(24px,3vw,36px) 0;display:flex;padding-top:clamp(84px,8vw,96px)!important}.cover__client{background:var(--beton);color:var(--dark);font-family:var(--font-title);border-radius:10px;align-items:center;padding:8px 14px;font-size:16px;font-weight:600;display:flex}.cover__client img{object-fit:contain;width:auto;max-width:160px;height:34px}.hero__photo{aspect-ratio:4/5;width:100%;max-height:520px;animation:rise 1.2s var(--ease) .25s both;background:#2a2a2a;border-radius:20px;position:relative;overflow:hidden;box-shadow:0 30px 70px -30px #000000b3}.hero__photo>img,.hero__photo iframe,.hero__play,.hero__play img{object-fit:cover;object-position:55% 50%;border:0;width:100%;height:100%;display:block}.hero__photo>img{animation:settle 2s var(--ease) .25s both}.hero__photo:after{content:"";pointer-events:none;background:linear-gradient(#0000 58%,#1c1c1cc7);position:absolute;inset:0}.hero__photo:not(:has(figcaption)):after{display:none}.hero__photo:has(iframe):after{display:none}.hero__photo figcaption{z-index:1;color:var(--beton);font-size:14px;font-weight:600;position:absolute;bottom:20px;left:22px;right:22px}.hero__play{cursor:pointer;background:0 0;border:0;padding:0;position:relative}.hero__playicon{z-index:1;background:var(--orange);width:76px;height:76px;color:var(--white);transition:transform .3s var(--ease);border-radius:50%;place-items:center;margin:-38px 0 0 -38px;display:grid;position:absolute;top:50%;left:50%}@media (hover:hover){.hero__play:hover .hero__playicon{transform:scale(1.08)}}.hero__photo--vide{box-shadow:none;text-align:center;color:#eceae4cc;background:#eceae40a;border:2px dashed #eceae459;place-items:center;padding:24px;display:grid}.hero__photo--vide:after{display:none}.hero__photo--vide small{color:#eceae48c;margin-top:8px;font-size:13px;display:block}@keyframes settle{0%{transform:scale(1.08)}to{transform:scale(1)}}.slide{padding-top:clamp(72px,9vw,128px)}.slide h1,.slide h2,.chiffres h2{font-size:clamp(2.35rem,1.2rem + 3.4vw,3.5rem);line-height:1.1}.lead{color:var(--acier);margin-top:24px;font-size:clamp(17px,1.9vw,21px);line-height:1.65}.fin-de-page{height:120px}.lightbox{z-index:90;animation:fade .3s var(--ease) both;background:#1c1c1ce6;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.lightbox__panel{background:var(--dark);border-radius:var(--radius);width:min(100%,1100px);max-height:92dvh;color:var(--beton);animation:rise .45s var(--ease) both;padding:56px 20px 20px;position:relative}.lightbox__panel>img{object-fit:contain;border-radius:6px;max-width:100%;max-height:68dvh;margin:0 auto;display:block}.lightbox__bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:16px;font-size:14px;display:flex}.lightbox__bar>div{align-items:center;gap:12px;display:flex}.modal__close{border:1px solid var(--line);background:var(--white);font:inherit;cursor:pointer;border-radius:8px;padding:8px 12px;font-size:13px;font-weight:700;position:absolute;top:16px;right:16px}.ghost{color:var(--beton);font:inherit;cursor:pointer;transition:background-color .25s var(--ease), border-color .25s var(--ease);background:0 0;border:1px solid #eceae44d;border-radius:8px;padding:10px 16px;font-size:14px;font-weight:600}@media (hover:hover){.ghost:hover{border-color:var(--beton);background:#eceae41a}}@media (max-width:860px){.lightbox__panel{padding:52px 12px 14px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.cover__top,.hero__photo,.hero__photo>img,.lightbox,.lightbox__panel{animation:none}.reserver-flottant,.reserver-flottant--cache{transition:opacity .2s linear;transform:none}}@media (prefers-reduced-transparency:reduce){.hero__puce,.hero__logo,[class*=backdrop-blur]{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.hero__puce,.hero__logo:not(.hero__logo--clair),[class*=backdrop-blur]{background-color:#1c1c1ceb!important}}.on-dark h2{color:#fff}.on-dark .lead{color:#eceae4b3}.hero__puce{z-index:1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);max-width:calc(100% - 32px);color:var(--beton);background:#1c1c1cb8;border:1px solid #eceae433;border-radius:999px;align-items:center;gap:12px;padding:8px 18px 8px 8px;display:flex;position:absolute;bottom:16px;left:16px}.hero__puce img{object-fit:cover;border:2px solid var(--orange);border-radius:50%;flex:none;width:48px;height:48px}.hero__puce p{flex-direction:column;margin:0;line-height:1.2;display:flex}.hero__puce b{font-size:15px;font-weight:700}.hero__puce span{color:#eceae4bf;font-size:13px}.repere{letter-spacing:.08em;text-transform:uppercase;color:var(--acier);align-items:center;gap:10px;margin:0 0 18px;font-size:13px;font-weight:700;display:inline-flex}.repere__point{background:var(--orange);border-radius:50%;flex:none;width:8px;height:8px}.on-dark .repere{color:#eceae4b3}.reserver-flottant{z-index:60;background:var(--orange);color:var(--white);white-space:nowrap;cursor:pointer;transition:background .2s var(--ease), transform .35s var(--ease), box-shadow .2s var(--ease), opacity .3s var(--ease);border:0;border-radius:8px;align-items:center;gap:9px;padding:14px 20px;font-family:inherit;font-size:14px;font-weight:700;line-height:1;text-decoration:none;display:inline-flex;position:fixed;bottom:clamp(14px,2.2vw,28px);right:clamp(14px,2.2vw,28px);box-shadow:0 14px 34px -10px #f04e23a6,0 2px 8px #0003}.reserver-flottant--cache{opacity:0;pointer-events:none;transform:translateY(16px)}@media (hover:hover){.reserver-flottant:hover{transform:translateY(-2px)}}.reserver-flottant:focus-visible{outline:3px solid var(--white);outline-offset:2px;box-shadow:0 0 0 5px var(--dark)}@media (max-width:640px){.reserver-flottant{left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom,0px));letter-spacing:.02em;text-transform:uppercase;border-radius:12px;justify-content:center;gap:10px;padding:19px 20px;font-size:15px}}.cover__top--droite{justify-content:flex-end}a:focus-visible,button:focus-visible,summary:focus-visible,[role=tab]:focus-visible{outline:3px solid var(--orange);outline-offset:3px}.saut{z-index:100;background:var(--dark);color:var(--white);transition:top .2s var(--ease);border-radius:999px;padding:12px 18px;font-weight:700;text-decoration:none;position:fixed;top:-80px;left:12px}.saut:focus{top:12px}.hero__logo{z-index:1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1c1c1cb8;border:1px solid #eceae433;border-radius:16px;align-items:center;padding:10px 16px;display:flex;position:absolute;bottom:16px;left:16px}.hero__logo img{object-fit:contain;width:auto;max-width:160px;height:44px;display:block}.hero__logo--clair{background:#eceae4eb;border-color:#0000}.logos-clients{background:var(--beton);padding:clamp(28px,4vw,44px) 0}.logos-clients__titre{text-align:center;color:#5a6370;margin:0 0 clamp(20px,3vw,32px);padding:0 24px;font-size:.95rem;font-weight:500}.logo-marquee{--gap:clamp(48px, 6vw, 88px);overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 clamp(48px,6vw,96px) calc(100% - clamp(48px,6vw,96px)),#0000 100%);mask-image:linear-gradient(90deg,#0000 0,#000 clamp(48px,6vw,96px) calc(100% - clamp(48px,6vw,96px)),#0000 100%)}.logo-marquee__track{gap:var(--gap);width:max-content;animation:48s linear infinite logo-marquee;display:flex}.logo-marquee__list{align-items:center;gap:var(--gap);flex-shrink:0;margin:0;padding:0;list-style:none;display:flex}.logo-marquee__item{align-items:center;display:flex}.logo-marquee__item img{filter:grayscale();opacity:.7;width:auto;max-width:none;height:clamp(44px,5vw,60px);transition:opacity .2s,filter .2s;display:block}@media (hover:hover){.logo-marquee__item:hover img{filter:none;opacity:1}}@keyframes logo-marquee{to{transform:translateX(calc(-50% - var(--gap) / 2))}}@media (prefers-reduced-motion:reduce){.logo-marquee__track{justify-content:center;width:auto;animation:none}.logo-marquee__list:nth-child(2){display:none}.logo-marquee__list{flex-wrap:wrap;justify-content:center}.logo-marquee{-webkit-mask-image:none;mask-image:none}}.logos-clients--sombre{background:0 0;padding:0 0 clamp(28px,3vw,48px)}.logos-clients--sombre .logos-clients__titre{color:#eceae4b3;margin-bottom:clamp(28px,3.4vw,44px)}.logos-clients--sombre .logo-marquee{max-width:60rem;margin-inline:auto;-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 56px calc(100% - 56px),#0000 100%);mask-image:linear-gradient(90deg,#0000 0,#000 56px calc(100% - 56px),#0000 100%)}.logos-clients--sombre .logo-marquee__item{background:0 0;padding:0}.logos-clients--sombre .logo-marquee__item img{filter:none;mix-blend-mode:normal;opacity:1;height:clamp(40px,4.2vw,56px)}.logos-clients--sombre .logo-marquee__item:hover img{filter:none;opacity:1}.btn-primary,.btn-ghost{transition:box-shadow .3s var(--ease), border-color .3s var(--ease), transform .2s var(--ease)}.btn-primary:focus-visible{box-shadow:0 0 0 5px #f04e234d}.btn-ghost:focus-visible{border-color:#eceae4b3;box-shadow:0 0 0 5px #eceae424}@media (hover:hover){.btn-primary:hover{box-shadow:0 0 0 5px #f04e234d}.btn-ghost:hover{border-color:#eceae4b3;box-shadow:0 0 0 5px #eceae424}}.btn-primary:active,.btn-ghost:active{transform:scale(.98)}.btn-neutre{transition:box-shadow .3s var(--ease), transform .2s var(--ease)}.btn-neutre:focus-visible{box-shadow:0 0 0 5px #1c1c1c24}@media (hover:hover){.btn-neutre:hover{box-shadow:0 0 0 5px #1c1c1c24}}.btn-neutre:active{transform:scale(.98)}@media (prefers-reduced-motion:reduce){.btn-neutre{transition:none}.btn-neutre:active{transform:none}}.reserver-flottant.btn-primary:focus-visible{transform:none;box-shadow:0 0 0 5px #f04e234d,0 14px 34px -10px #f04e23a6,0 2px 8px #0003}@media (hover:hover){.reserver-flottant.btn-primary:hover{transform:none;box-shadow:0 0 0 5px #f04e234d,0 14px 34px -10px #f04e23a6,0 2px 8px #0003}}@media (prefers-reduced-motion:reduce){.btn-primary,.btn-ghost{transition:none}.btn-primary:active,.btn-ghost:active{transform:none}}button,input,textarea,select{font-family:inherit}.no-scrollbar{scrollbar-width:none;-ms-overflow-style:none}.no-scrollbar::-webkit-scrollbar{display:none}.bandeau-cookies{left:16px;right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:95;max-width:520px;color:var(--dark);animation:cookies-entree .45s var(--ease) both;background:linear-gradient(#fff 0%,#fbf8f5 100%);border:1px solid #1c1c1c14;border-radius:22px;flex-direction:column;gap:18px;margin-inline:auto;padding:26px 24px 22px;font-size:15px;line-height:1.55;display:flex;position:fixed;overflow:hidden;box-shadow:0 30px 70px -20px #1c1c1c73,inset 0 0 0 1px #fff9}.bandeau-cookies:before{content:"";background:linear-gradient(90deg,#f04e23,#ff8a4c);height:5px;position:absolute;inset:0 0 auto}@media (min-width:768px){.bandeau-cookies{width:520px;margin:0;padding:32px 32px 26px;animation-name:cookies-entree-centre;inset:50% auto auto 50%;transform:translate(-50%,-50%)}}@keyframes cookies-entree{0%{opacity:0;transform:translateY(16px)}}@keyframes cookies-entree-centre{0%{opacity:0;transform:translate(-50%,calc(14px - 50%))scale(.97)}}@media (prefers-reduced-motion:reduce){.bandeau-cookies{animation:none}}.bandeau-cookies__entete{align-items:center;gap:14px;display:flex}.bandeau-cookies__pastille{color:#c23a14;background:#f04e231f;border-radius:50%;flex:none;place-items:center;width:44px;height:44px;display:grid}.bandeau-cookies__titre{font-family:var(--font-title);letter-spacing:.01em;text-transform:uppercase;margin:0;font-size:1.6rem;font-weight:400;line-height:1.05}.bandeau-cookies__texte p{color:#3d4450;margin:0}.bandeau-cookies a{color:var(--dark);text-underline-offset:3px;font-weight:600;-webkit-text-decoration:underline #f04e2399;text-decoration:underline #f04e2399}.bandeau-cookies__boutons{gap:12px;display:flex}.bandeau-cookies__boutons button{border:2px solid var(--dark);background:var(--white);min-height:48px;color:var(--dark);font:inherit;cursor:pointer;transition:background .2s var(--ease), color .2s var(--ease), transform .2s var(--ease);border-radius:999px;flex:1;padding:0 18px;font-size:14px;font-weight:700}.bandeau-cookies__boutons button:hover,.bandeau-cookies__boutons button:focus-visible{background:var(--dark);color:var(--white)}.bandeau-cookies__boutons button:active{transform:scale(.98)}.lien-cookies{font:inherit;cursor:pointer;background:0 0;border:0;padding:0}:root{--orange-bouton:#d4400f}.btn-primary{background-color:var(--orange-bouton)}.bandeau-cookies__texte .bandeau-cookies__titre{color:var(--dark)}
.bento-grid{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:minmax(170px,auto);gap:24px;margin-top:64px;display:grid}.cell{min-width:0}.cell--2x2{grid-area:span 2/span 2}.cell--w2{grid-column:span 2}.bento-item{isolation:isolate;border-radius:var(--radius);height:100%;transition:transform .4s var(--ease), border-color .3s var(--ease), box-shadow .4s var(--ease);border:1px solid #0000;flex-direction:column;justify-content:space-between;gap:20px;padding:34px;display:flex;position:relative;overflow:hidden}.bento-item:before{content:"";z-index:-1;background:radial-gradient(420px circle at var(--mouse-x,50%) var(--mouse-y,50%), var(--glow), transparent 65%);opacity:0;transition:opacity .35s var(--ease);pointer-events:none;position:absolute;inset:0}.bento-item:hover{transform:translateY(-3px)}.bento-item:hover:before{opacity:1}.bento-item--white{--glow:#f04e2329;background:var(--white);border-color:var(--line);color:var(--dark)}.bento-item--white:hover{border-color:#f04e238c;box-shadow:0 18px 36px -22px #1c1c1c66}.bento-item--dark{--glow:#eceae424;background:var(--dark);color:var(--beton)}.bento-item--dark:hover{border-color:#eceae44d}.bento-item--orange{--glow:#ffffff4d;background:var(--orange);color:var(--white)}.bl{letter-spacing:.06em;text-transform:uppercase;opacity:.8;font-size:13px;font-weight:700}.bn{font-family:var(--font-title);font-size:clamp(36px,3.6vw,52px);font-weight:700;line-height:1}.bt{font-size:17px}.bhuge{font-family:var(--font-title);letter-spacing:-.03em;color:var(--orange);font-variant-numeric:tabular-nums;font-size:clamp(88px,11vw,160px);font-weight:700;line-height:.9}.bsub{font-family:var(--font-title);font-size:clamp(22px,2.6vw,32px);font-weight:700;line-height:1.1}.bnote{color:#eceae4c7;font-size:16px}.bmoney{font-family:var(--font-title);font-variant-numeric:tabular-nums;font-size:clamp(34px,4vw,52px);font-weight:700;line-height:1}.bquote{font-family:var(--font-title);font-size:clamp(20px,2.2vw,26px);font-weight:600;line-height:1.25}.bquote-by{color:var(--acier);font-size:14px;font-weight:700}@media (max-width:1000px){.bento-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cell--2x2{grid-row:auto}}@media (max-width:560px){.bento-grid{grid-template-columns:minmax(0,1fr);grid-auto-rows:auto;gap:16px;margin-top:40px}.cell--2x2,.cell--w2{grid-column:auto}.bento-item{padding:24px}}.cell--w4{grid-column:span 4}.bento-item--photo{min-height:300px;padding:0}.bento-item--photo img{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.bt--grand{font-size:clamp(17px,1.5vw,20px);line-height:1.5}.bt--objectif{font-family:var(--font-title);max-width:62ch;font-size:clamp(20px,2.2vw,28px);font-weight:600;line-height:1.3}@media (max-width:1000px){.cell--w4{grid-column:span 2}}@media (max-width:560px){.cell--w4{grid-column:auto}.bento-item--photo{aspect-ratio:4/3;min-height:0}}
