.mur-ouverture{place-items:center;height:min(100svh,980px);min-height:620px;display:grid;position:relative;overflow:hidden}.mur{grid-template-columns:1fr .44fr 1fr .44fr 1fr;align-items:start;gap:16px;display:grid;position:absolute;inset:-6% -10%}.mur .col{gap:16px;display:grid}.mur .col:nth-child(2){margin-top:-18%}.mur .col:nth-child(3){margin-top:-6%}.mur .col:nth-child(4){margin-top:-30%}.mur .col:nth-child(5){margin-top:-12%}.mur img{filter:brightness(.5)saturate(.8);border-radius:10px;width:100%;height:auto;box-shadow:0 0 0 1px #ffffff0f}.mur-ouverture:after{content:"";pointer-events:none;background:radial-gradient(ellipse 46% 34% at 50% 52%, #040506e0, #0405068c 60%, transparent 100%), linear-gradient(var(--canvas), transparent 22%, transparent 70%, var(--canvas)), radial-gradient(closest-side, transparent 55%, #040506bf);position:absolute;inset:0}.mur-titre{z-index:2;text-align:center;padding:0 16px;position:relative}.mur-titre h1{text-shadow:0 2px 30px #040506e6;font-size:clamp(3.2rem,1.6rem + 6.6vw,7.4rem);line-height:1}.mur-titre .chapo{max-width:36ch;color:var(--ink);text-wrap:balance;text-shadow:0 1px 1px #040506e6,0 0 24px #040506e6,0 0 48px #040506cc;margin:1.5rem auto 0;font-size:clamp(1.05rem,.98rem + .4vw,1.35rem);font-weight:500;line-height:1.5}@media (max-width:760px){.mur-ouverture{height:88svh;min-height:0}.mur{grid-template-columns:.62fr 1fr .62fr;gap:10px;inset:-4% -24%}.mur .col{gap:10px}.mur .col:first-child,.mur .col:nth-child(5){display:none}.mur .col:nth-child(2){margin-top:-30%}.mur .col:nth-child(3){margin-top:18%}.mur .col:nth-child(4){margin-top:-55%}}.metiers-section{padding-top:clamp(3rem,7vw,5rem)}.metiers-sf{isolation:isolate;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;max-width:1080px;margin:0 auto;display:grid;position:relative}.metiers-sf:before{content:"";z-index:-2;pointer-events:none;opacity:.11;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 48 48'%3E%3Cline x1='-8' y1='32' x2='32' y2='-8' stroke='%231b674c' stroke-width='10'/%3E%3Cline x1='-8' y1='56' x2='56' y2='-8' stroke='%231b674c' stroke-width='10'/%3E%3Cline x1='16' y1='56' x2='56' y2='16' stroke='%231b674c' stroke-width='10'/%3E%3Cline x1='-8' y1='-8' x2='56' y2='56' stroke='%231b674c' stroke-width='10'/%3E%3Cline x1='-8' y1='16' x2='32' y2='56' stroke='%231b674c' stroke-width='10'/%3E%3Cline x1='16' y1='-8' x2='56' y2='32' stroke='%231b674c' stroke-width='10'/%3E%3Cline x1='1' y1='23' x2='23' y2='1' stroke='%23040506' stroke-width='13.0'/%3E%3Cline x1='1' y1='23' x2='23' y2='1' stroke='%231b674c' stroke-width='10'/%3E%3Cline x1='25' y1='47' x2='47' y2='25' stroke='%23040506' stroke-width='13.0'/%3E%3Cline x1='25' y1='47' x2='47' y2='25' stroke='%231b674c' stroke-width='10'/%3E%3Cline x1='25' y1='1' x2='47' y2='23' stroke='%23040506' stroke-width='13.0'/%3E%3Cline x1='25' y1='1' x2='47' y2='23' stroke='%231b674c' stroke-width='10'/%3E%3Cline x1='1' y1='25' x2='23' y2='47' stroke='%23040506' stroke-width='13.0'/%3E%3Cline x1='1' y1='25' x2='23' y2='47' stroke='%231b674c' stroke-width='10'/%3E%3C/svg%3E");background-position:50%;background-size:48px 48px;position:absolute;inset:-5rem -8rem;-webkit-mask-image:radial-gradient(closest-side,#000 22%,#0000008c 55%,#0000 100%);mask-image:radial-gradient(closest-side,#000 22%,#0000008c 55%,#0000 100%)}.carte-sf{flex-direction:column;scroll-margin-top:104px;display:flex;overflow:hidden}.fenetre-sf{--fenetre:4 / 3;aspect-ratio:var(--fenetre);background:radial-gradient(80% 90% at 50% 100%, var(--tint), var(--surface-1) 75%);position:relative;overflow:hidden}.fenetre-sf .appareil{position:absolute;top:50%;left:50%;translate:-50% -50%}.fenetre-sf .appareil:has(.boite-ordi){width:86%}.fenetre-sf .appareil:has(.boite-tel){justify-items:center;width:100%;display:grid}.fenetre-sf .boite-ordi{width:100%;display:block}.fenetre-sf .boite-tel{width:calc(100% * .88 * .4785 / (var(--fenetre)))}.fenetre-sf .ecran .media{opacity:1;transition:none}.fenetre-sf .ecran iframe.media{pointer-events:none;width:100%;height:100%;transform:none}.corps-sf{padding:clamp(20px,2.6vw,30px)}.corps-sf h3{font-size:clamp(1.4rem,1.1rem + .9vw,1.9rem);line-height:1.15}.corps-sf .phrase{color:var(--ink);margin-top:.6rem;font-size:1.125rem;font-weight:500;line-height:1.45}.corps-sf .cas{color:var(--ink-muted);margin-top:.6rem;font-size:.9375rem;line-height:1.55}.corps-sf .cas b{color:var(--ink);font-weight:700}@media (max-width:900px){.metiers-sf{grid-template-columns:minmax(0,1fr);max-width:560px}.metiers-sf:before{inset:-3rem -16px}}@media (max-width:760px){.fenetre-sf:has(.boite-tel){--fenetre:1 / 1}}.pause-media{z-index:6;cursor:pointer;width:44px;height:44px;color:var(--ink);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(#ffffff29,#ffffff0f);border:0;border-radius:50%;place-items:center;padding:0;transition:background .2s ease-out;display:grid;position:absolute;bottom:12px;right:12px;box-shadow:inset 0 1px #ffffff47,0 0 0 1px #ffffff24,0 8px 18px -8px #000c}.pause-media[hidden]{display:none}.pause-media svg{width:14px;height:14px}.pause-media .i-lire,[data-pause]>.pause-media .i-pause{display:none}[data-pause]>.pause-media .i-lire{display:block}@media (hover:hover) and (pointer:fine){.pause-media:hover{background:linear-gradient(#ffffff3d,#ffffff1a)}}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.pause-media{background:#171e1cd9}}.deroule-sf{max-width:1080px;margin:0 auto;position:relative}.deroule-sf ol{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1.25rem,3vw,2.5rem);margin:0;padding:0;list-style:none;display:grid}.deroule-sf .fil{background:var(--hairline);height:1px;position:absolute;top:28px;left:28px;right:30%}.deroule-sf .fil i{transform-origin:0;background:#eef3f08c;position:absolute;inset:0}.deroule-sf li{position:relative}.symbole-sf{background:radial-gradient(closest-side, var(--canvas) 70%, transparent);width:56px;height:56px;display:block}.symbole-sf .quart{transition:opacity .3s var(--sortie)}.deroule-sf p{font-family:var(--f-titre);text-wrap:balance;margin-top:1.4rem;font-size:clamp(1.4rem,1.1rem + .9vw,1.9rem);line-height:1.25}@media (max-width:900px){.deroule-sf{max-width:520px}.deroule-sf ol{grid-template-columns:minmax(0,1fr);gap:2.25rem}.deroule-sf .fil{width:1px;height:auto;bottom:28px;right:auto}.deroule-sf .fil i{transform-origin:50% 0}.deroule-sf li{grid-template-columns:56px minmax(0,1fr);align-items:start;column-gap:1.25rem;display:grid}.deroule-sf p{margin-top:.7rem}}@media (prefers-reduced-motion:reduce){.pause-media,.symbole-sf .quart{transition:none}}@media (min-width:901px){.deroule-sf{--ecart:clamp(1.25rem, 3vw, 2.5rem)}.deroule-sf ol{gap:var(--ecart)}.deroule-sf li{text-align:center}.deroule-sf .symbole-sf{margin-inline:auto}.deroule-sf .fil{left:calc((100% - 2 * var(--ecart)) / 6);right:calc((100% - 2 * var(--ecart)) / 6)}}