.page-technique{--noir:#0d0a11;--salle-claire:#18151d;--mono:"Azeret Mono", ui-monospace, monospace;--alu:#c9c6d28c}.section--technique .section__inner{max-width:76rem}.tech-tete{text-align:center}.tech-tete .section__title{max-width:30ch;margin-inline:auto}.page-technique .section__title{color:#fff;font-size:clamp(1.545rem,3.09vw,2.34rem);font-weight:700;line-height:1.24}.tech-tete__texte{text-wrap:pretty;max-width:56ch;color:var(--dusk);margin:clamp(1rem,2.5vh,1.4rem) auto 0;font-size:1.0625rem;line-height:1.7}.tech-lien{color:var(--beam);align-items:center;gap:.55rem;font-size:.9375rem;font-weight:600;text-decoration:none;display:inline-flex}.tech-lien__fleche{flex:none;width:1.1rem;height:1.1rem;transition:transform .25s}.tech-lien:focus-visible{text-underline-offset:.3em;text-decoration:underline}@media (hover:hover) and (pointer:fine){.tech-lien:hover{text-underline-offset:.3em;text-decoration:underline}}.tech-lien:focus-visible .tech-lien__fleche{transform:translate(.3rem)}@media (hover:hover) and (pointer:fine){.tech-lien:hover .tech-lien__fleche{transform:translate(.3rem)}}.tech-lien:focus-visible{outline:2px solid var(--beam);outline-offset:4px}.tech-hero{isolation:isolate;min-height:min(92vh,58rem);padding:clamp(7rem, 17vh, 10rem) var(--pad) clamp(3rem, 8vh, 5rem);background-color:var(--night);--btn-ghost-border:var(--charte-gris);align-items:center;display:grid;position:relative;overflow:hidden}.tech-hero__fond{z-index:-2;object-fit:cover;object-position:50% 45%;opacity:.42;filter:saturate(.85)brightness(1.15);pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute;inset:0}.tech-hero__salle{z-index:-1;pointer-events:none;background-image:radial-gradient(70% 58% at 50% 42%, color-mix(in srgb, var(--night) 62%, transparent), color-mix(in srgb, var(--night) 40%, transparent) 45%, transparent 100%), radial-gradient(80% 40% at 50% 0%, color-mix(in srgb, var(--oysen-purple) 45%, transparent), transparent 70%);position:absolute;inset:0;overflow:hidden}.pont{border-block:2px solid var(--alu);background-image:linear-gradient(to bottom right, transparent calc(50% - .75px), var(--alu) calc(50% - .75px), var(--alu) calc(50% + .75px), transparent calc(50% + .75px)), linear-gradient(to top right, transparent calc(50% - .75px), var(--alu) calc(50% - .75px), var(--alu) calc(50% + .75px), transparent calc(50% + .75px));height:1.6rem;animation:tech-fondu 1s ease calc(var(--apres-rideau,0s) + 50ms) both;background-size:1.6rem 100%;position:absolute;top:clamp(1.5rem,4vh,2.5rem);left:-1%;right:-1%;box-shadow:0 .4rem 1.2rem #00000080}.pont__projecteurs{grid-template-columns:repeat(5,minmax(0,1fr));display:grid;position:absolute;inset:calc(clamp(1.5rem,4vh,2.5rem) + 1.6rem) 0 0}.pont__projecteur{--angle:0deg;position:relative}.pont__projecteur:first-child{--angle:-18deg}.pont__projecteur:nth-child(2){--angle:-9deg}.pont__projecteur:nth-child(4){--angle:9deg}.pont__projecteur:nth-child(5){--angle:18deg}.pont__lampe{border:1px solid var(--alu);width:1.1rem;height:1.45rem;transform:translateX(-50%) rotate(var(--angle));transform-origin:50% 0;background-color:#1b1822;border-radius:0 0 .3rem .3rem;position:absolute;top:0;left:50%}.pont__lampe:after{content:"";background-color:var(--beam);width:.75rem;height:.3rem;box-shadow:0 0 .6rem var(--beam), 0 0 1.6rem color-mix(in srgb, var(--beam) 60%, transparent);animation:tech-fondu .8s ease calc(var(--apres-rideau,0s) + .3s + var(--rang) * .15s) both;border-radius:50%;position:absolute;bottom:-.15rem;left:50%;transform:translate(-50%)}.pont__faisceau{z-index:-1;clip-path:polygon(48.6% 0,51.4% 0,100% 100%,0 100%);background-image:linear-gradient(to bottom, color-mix(in srgb, var(--beam) 17%, transparent), color-mix(in srgb, var(--beam) 6%, transparent) 45%, transparent 82%);filter:blur(7px);width:26vmax;height:min(100vh,62rem);animation:tech-fondu 1.2s ease calc(var(--apres-rideau,0s) + .35s + var(--rang) * .15s) both;position:absolute;top:calc(100% - .05rem);left:50%;transform:translate(-50%);-webkit-mask-image:linear-gradient(90deg,#0000 4%,#000 34% 66%,#0000 96%);mask-image:linear-gradient(90deg,#0000 4%,#000 34% 66%,#0000 96%)}.pont__projecteur:nth-child(2n) .pont__faisceau{opacity:.65}@keyframes tech-fondu{0%{opacity:0}}.tech-hero__texte{text-align:center;max-width:58rem;margin-inline:auto}.tech-hero__titre{letter-spacing:-.02em;text-wrap:balance;color:#fff;max-width:24ch;text-shadow:0 0 34px color-mix(in srgb, var(--beam) 25%, transparent);margin:0 auto;font-family:Montserrat,ui-sans-serif,system-ui,sans-serif;font-size:clamp(1.779rem,4.213vw,3.277rem);font-weight:700;line-height:1.153}.tech-hero__ligne{display:block}.tech-hero__ligne+.tech-hero__ligne{margin-top:.8rem}.tech-hero__lede{text-wrap:pretty;max-width:52ch;color:var(--dusk);margin:clamp(1.25rem,3vh,1.75rem) auto 0;font-size:clamp(1rem,1.35vw,1.125rem);line-height:1.7}.tech-hero__actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem 2rem;margin-top:clamp(2rem,4.5vh,2.75rem);display:flex}.tech-hero__domaines{font-family:var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--beam);flex-wrap:wrap;justify-content:center;gap:.5rem 1rem;margin:clamp(1.75rem,4vh,2.25rem) 0 0;font-size:.625rem;font-weight:500;display:flex}.tech-hero__domaines span{align-items:center;gap:1rem;display:inline-flex}.tech-hero__domaines span+span:before{content:"";background-color:color-mix(in srgb, var(--beam) 60%, transparent);width:.35rem;height:.35rem;transform:rotate(45deg)}.tech-hero__texte>*{animation:hero-monte .8s cubic-bezier(.22, .61, .36, 1) calc(var(--apres-rideau,0s) + .1s) both}.tech-hero__texte>:nth-child(2){animation-delay:calc(var(--apres-rideau,0s) + .22s)}.tech-hero__texte>:nth-child(3){animation-delay:calc(var(--apres-rideau,0s) + .34s)}.tech-hero__texte>:nth-child(4){animation-delay:calc(var(--apres-rideau,0s) + .46s)}.tech-hero__texte>:nth-child(5){animation-delay:calc(var(--apres-rideau,0s) + .58s)}.comparaison{max-width:62rem;margin:clamp(2.75rem,6vh,3.75rem) auto 0}.comparaison__table{border-collapse:separate;border-spacing:0;width:100%;font-size:.9375rem}.comparaison__table thead th{text-align:center;color:var(--dusk);border-top:1px solid var(--night-veil);padding:1.35rem 1.25rem 1.2rem;font-family:Montserrat,ui-sans-serif,system-ui,sans-serif;font-size:1.1rem;font-weight:600}.comparaison__table thead th.comparaison__prestation{color:var(--dawn);border-top:2px solid var(--beam);box-shadow:inset 0 1px 0 color-mix(in srgb, var(--beam) 40%, transparent);background:radial-gradient(90% 120% at 50% 0%, color-mix(in srgb, var(--beam) 16%, transparent), transparent 70%), var(--night-raised)}.comparaison__table tbody th{width:24%;font-family:var(--mono);letter-spacing:.16em;text-align:left;text-transform:uppercase;color:var(--beam);border-top:1px solid var(--night-veil);padding:1.1rem 1.25rem 1.1rem 0;font-size:.5625rem;font-weight:500}.comparaison__table tbody td{text-align:center;color:var(--dusk);border-top:1px solid var(--night-veil);padding:1.1rem 1.25rem;line-height:1.5}.comparaison__table tbody td.comparaison__prestation{color:var(--dawn);background-color:var(--night-raised)}.comparaison__table tbody tr:last-child th,.comparaison__table tbody tr:last-child td{border-bottom:1px solid var(--night-veil)}.comparaison__table tbody tr:last-child td{font-weight:500}.comparaison__table tbody tr:last-child td.comparaison__prestation{color:var(--beam)}.comparaison__table tfoot td{padding:1.25rem 1.25rem 0}.comparaison__lien{text-align:center}.comparaison__suite{text-align:center;justify-items:center;gap:1rem;margin-top:clamp(2rem,4.5vh,2.75rem);display:grid}.comparaison__sortie{color:var(--dusk);margin:0;font-size:.9375rem}.comparaison__sortie a{color:var(--beam);text-underline-offset:.25em}.section.section--technique-domaines{background-color:var(--salle-claire);border-block:1px solid var(--night-veil)}.domaines{grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(1rem,1.6vw,1.5rem);margin:clamp(2.75rem,6vh,3.75rem) 0 0;padding:0;list-style:none;display:grid}.domaine{--x:50%;--y:0%;--dir:180deg;--ouv:12deg;--dc01-retrait:clamp(1.5rem, 2.2vw, 2rem);flex-direction:column;grid-column:span 3;gap:.75rem;min-height:14rem;padding:clamp(1.5rem,2.2vw,2rem);display:flex}.domaine:nth-child(n+5){grid-column:span 4}.domaine:first-child{--x:0%;--dir:145deg}.domaine:nth-child(2){--x:35%;--dir:168deg}.domaine:nth-child(3){--x:65%;--dir:192deg}.domaine:nth-child(4){--x:100%;--dir:215deg}.domaine:nth-child(5){--x:0%;--y:100%;--dir:45deg}.domaine:nth-child(6){--x:50%;--y:100%;--dir:0deg;--ouv:10deg}.domaine:nth-child(7){--x:100%;--y:100%;--dir:315deg}.domaine:after{content:"";z-index:-1;background-image:radial-gradient(circle at var(--x) var(--y), color-mix(in srgb, var(--beam) 32%, transparent), transparent 4.5rem), conic-gradient(from calc(var(--dir) - var(--ouv)) at var(--x) var(--y), transparent 0deg, color-mix(in srgb, var(--beam) 7%, transparent) calc(var(--ouv) * .45), color-mix(in srgb, var(--beam) 17%, transparent) var(--ouv), color-mix(in srgb, var(--beam) 7%, transparent) calc(var(--ouv) * 1.55), transparent calc(var(--ouv) * 2), transparent 360deg);-webkit-mask-image:radial-gradient(circle at var(--x) var(--y), #000 10%, transparent 95%);-webkit-mask-image:radial-gradient(circle at var(--x) var(--y), #000 10%, transparent 95%);mask-image:radial-gradient(circle at var(--x) var(--y), #000 10%, transparent 95%);opacity:.8;pointer-events:none;position:absolute;inset:0}@media (hover:hover) and (pointer:fine){.domaine:hover:after{opacity:1}}.domaine__picto{width:clamp(2.5rem,3vw,3rem);height:clamp(2.5rem,3vw,3rem);color:var(--beam);filter:drop-shadow(0 0 .45rem color-mix(in srgb, var(--beam) 45%, transparent));opacity:.85;transition:opacity var(--dc01-survol);margin-bottom:.5rem}@media (hover:hover) and (pointer:fine){.domaine:hover .domaine__picto{opacity:1}}.domaine__nom{color:#fff;margin:0;font-family:Montserrat,ui-sans-serif,system-ui,sans-serif;font-size:1.1rem;font-weight:700;line-height:1.3}.domaine__apport{color:var(--dusk);margin:0;font-size:.9375rem;line-height:1.6}.publics-tech{grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:stretch;gap:clamp(1.5rem,3.5vw,3.5rem);margin-top:clamp(2.75rem,6vh,3.75rem);display:grid}.agences{isolation:isolate;scroll-margin-top:calc(var(--nav-h,4.5rem) + 1.5rem);background:radial-gradient(80% 90% at 0% 0%, color-mix(in srgb, var(--oysen-purple) 40%, transparent), transparent 70%) padding-box, radial-gradient(60% 70% at 0% 0%, color-mix(in srgb, var(--beam) 12%, transparent), transparent 70%) padding-box, linear-gradient(var(--night-raised), var(--night-raised)) padding-box, linear-gradient(to bottom, color-mix(in srgb, var(--beam) 60%, transparent), var(--night-veil) 40%, color-mix(in srgb, var(--charte-gris) 55%, transparent)) border-box;box-shadow:0 1.5rem 3rem -2rem #000000b3, 0 0 3rem -1.5rem color-mix(in srgb, var(--beam) 30%, transparent);border:1px solid #0000;flex-direction:column;align-items:flex-start;gap:1rem;padding:clamp(2rem,3.5vw,3rem);display:flex;position:relative;overflow:hidden}.agences:before{content:"";background-color:var(--beam);height:1px;box-shadow:0 0 1rem color-mix(in srgb, var(--beam) 60%, transparent);position:absolute;top:0;left:0;right:0}.agences__label{font-family:var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--beam);border:1px solid color-mix(in srgb, var(--beam) 45%, transparent);margin:0;padding:.35rem .75rem;font-size:.5625rem;font-weight:500}.agences__titre{text-wrap:balance;color:#fff;max-width:22ch;margin:.25rem 0 0;font-family:Montserrat,ui-sans-serif,system-ui,sans-serif;font-size:clamp(1.4rem,2.15vw,1.87rem);font-weight:700;line-height:1.28}.agences__texte{max-width:52ch;color:var(--dusk);margin:0;font-size:1rem;line-height:1.7}.agences__bouton{margin-top:auto}.publics-tech__autres{align-content:center;margin:0;padding:0;list-style:none;display:grid}.public-tech{border-top:1px solid var(--night-veil);padding:clamp(1.25rem,3vh,1.6rem) 0}.public-tech:last-child{border-bottom:1px solid var(--night-veil)}.public-tech__nom{color:#fff;align-items:center;gap:.7rem;margin:0 0 .5rem;font-family:Montserrat,ui-sans-serif,system-ui,sans-serif;font-size:1.0625rem;font-weight:700;display:flex}.public-tech__nom:before{content:"";background-color:var(--beam);flex:none;width:.5rem;height:.5rem;transform:rotate(45deg)}.public-tech__texte{color:var(--dusk);margin:0;font-size:.9375rem;line-height:1.65}.section.section--technique-parc{border-top:1px solid var(--night-veil)}.engagements{grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(1.5rem,3vw,2.75rem);margin:clamp(2.75rem,6vh,3.75rem) 0 0;padding:0;list-style:none;display:grid}.engagement{background-image:linear-gradient(var(--beam), var(--beam)), linear-gradient(var(--night-veil), var(--night-veil));background-repeat:no-repeat;background-size:2.25rem 1px,100% 1px;padding-top:1.25rem}.engagement__nom{font-family:var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--beam);margin:0 0 .6rem;font-size:.625rem;font-weight:500}.engagement__texte{color:var(--dawn);margin:0;font-size:.9375rem;line-height:1.6}.marques{border-block:1px solid var(--night-veil);grid-template-columns:repeat(6,minmax(0,1fr));margin:clamp(3rem,7vh,4rem) 0 0;padding:clamp(1.5rem,3.5vh,2rem) 0;list-style:none;display:grid}.marques__item{text-align:center;justify-items:center;gap:.7rem;padding:0 clamp(.5rem,1.5vw,1.25rem);display:grid}.marques__item+.marques__item{border-left:1px solid var(--night-veil)}.marques__logo{aspect-ratio:16/9;place-items:center;width:100%;max-width:9rem;display:grid}.marques__logo img{opacity:.88;width:auto;max-width:80%;height:auto;max-height:2.6rem;display:block}.marques__nom{font-family:var(--mono);letter-spacing:.04em;color:var(--dawn);font-size:.6875rem}.plus-grand{background-color:color-mix(in srgb, var(--night-raised) 70%, transparent);border:1px solid var(--night-veil);border-left:2px solid var(--beam);justify-items:start;gap:.6rem;max-width:54rem;margin:clamp(2.5rem,5.5vh,3.25rem) auto 0;padding:1.35rem 1.6rem;display:grid}.plus-grand__titre{color:#fff;margin:0;font-family:Montserrat,ui-sans-serif,system-ui,sans-serif;font-size:1.1rem;font-weight:700}.plus-grand__texte{color:var(--dusk);margin:0;font-size:.9375rem;line-height:1.65}@media (prefers-reduced-motion:reduce){.tech-hero__texte>*,.pont,.pont__lampe:after,.pont__faisceau{animation:none}.tech-lien__fleche,.domaine__picto{transition:none}}@media (width<=1023px){.tech-hero{min-height:0}.pont__faisceau{width:36vmax}.domaines{grid-template-columns:repeat(2,minmax(0,1fr))}.domaine,.domaine:nth-child(n+5){grid-column:auto}.domaine:nth-child(7){grid-column:1/-1}.publics-tech{grid-template-columns:minmax(0,1fr)}.engagements{grid-template-columns:repeat(2,minmax(0,1fr))}.marques{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:1.75rem}.marques__item:nth-child(4){border-left:0}}@media (width<=760px){.pont__projecteur:nth-child(2),.pont__projecteur:nth-child(4){display:none}.pont__projecteurs{grid-template-columns:repeat(3,minmax(0,1fr))}.domaines,.engagements{grid-template-columns:minmax(0,1fr)}.domaine:nth-child(7){grid-column:auto}.domaine{min-height:0}.marques{grid-template-columns:repeat(2,minmax(0,1fr))}.marques__item:nth-child(odd){border-left:0}.marques__item:nth-child(2n){border-left:1px solid var(--night-veil)}.comparaison__table thead{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.comparaison__table tbody tr{border-bottom:1px solid var(--night-veil);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.comparaison__table tbody th{grid-column:1/-1;width:auto;padding:1.1rem 0 .6rem}.comparaison__table tbody td{text-align:left;border-top:0;padding:.85rem}.comparaison__table tbody td:before{content:attr(data-label);font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--dusk);margin-bottom:.35rem;font-size:.5rem;font-weight:500;display:block}.comparaison__table tbody tr:last-child th,.comparaison__table tbody tr:last-child td{border-bottom:0}.comparaison__table tfoot tr{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.comparaison__table tfoot td{padding:1.25rem .85rem 0}.comparaison__table tfoot td[colspan]{padding:0}.comparaison__lien{text-align:left}}@media (width>=1025px){.tech-hero{min-height:calc(min(92vh, 58rem) + var(--nav-h));padding-top:calc(var(--nav-h) + clamp(7rem, 17vh, 10rem))}.pont{top:var(--nav-h)}.pont__projecteurs{top:calc(var(--nav-h) + 1.6rem)}}
