:root{--of-abysse:#080b12;--of-nuit:#0f141f;--of-ardoise:#18202e;--of-trait:#232d3e;--of-blanc:#f2f5fa;--of-acier:#8a99ae;--of-acier-sombre:#7c8a9e;--of-flux:#3e8bff;--of-immersion:#1b4b8f;--of-eclat:#a9cbff;--of-succes:#2ed47a;--of-alerte:#ffb020;--of-display:var(--font-display), "Inter", system-ui, sans-serif;--of-drame:var(--font-drame), Georgia, serif;--of-etiquette:var(--font-display), "Inter", system-ui, sans-serif;--of-rayon-sm:12px;--of-rayon:24px;--of-rayon-lg:40px;--of-conteneur:1360px;--of-out:cubic-bezier(.23, 1, .32, 1);--of-inout:cubic-bezier(.77, 0, .175, 1);--of-surface-1:#ffffff08;--of-surface-2:#ffffff0d;--of-surface-3:#ffffff14;--of-bord-1:#ffffff0f;--of-bord-2:#ffffff1a;--of-bord-3:#ffffff2e;--of-voile:#080b12bf;--of-voile-doux:#080b1280;--of-ombre-portee:#000000e6;--of-ombre-douce:#00000040;--of-barre:#0c1019b3;--of-barre-fixe:#0a0d15eb;--of-voile-image:#0f141fd1;--of-voile-image-doux:#0f141f7a;--of-sur-accent:#04101f}html[data-jour="1"]{--of-abysse:#f5f7fb;--of-nuit:#fff;--of-ardoise:#eef2f8;--of-trait:#dde4ee;--of-blanc:#0d1219;--of-acier:#4a566b;--of-acier-sombre:#5d6a80;--of-flux:#1b62d6;--of-immersion:#12457f;--of-eclat:#1b4b8f;--of-succes:#0d7a46;--of-alerte:#8a5600;--of-surface-1:#0f141f06;--of-surface-2:#0f141f0a;--of-surface-3:#0f141f0f;--of-bord-1:#0f141f14;--of-bord-2:#0f141f1f;--of-bord-3:#0f141f2e;--of-voile:#ffffffdb;--of-voile-doux:#ffffff8c;--of-ombre-portee:#0f192d29;--of-ombre-douce:#0f192d14;--of-barre:#ffffffc7;--of-barre-fixe:#fffffff0;--of-voile-image:#f8fafddb;--of-voile-image-doux:#f8fafd80;--of-sur-accent:#fff}html[data-jour="1"] .of-grain:after,html[data-jour="1"] .of-etoiles{display:none}.of-grain:after{content:"";pointer-events:none;opacity:.035;z-index:1;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.of-grille{position:relative}.of-grille:before{content:"";pointer-events:none;background-image:linear-gradient(to right, var(--of-trait) 1px, transparent 1px);opacity:.45;background-size:16.6667% 100%;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000,#000 12% 88%,#0000);mask-image:linear-gradient(#0000,#000 12% 88%,#0000)}.of-halo{background:radial-gradient(60% 45% at 50% 0,#3e8bff29 0%,#0000 70%),radial-gradient(40% 30% at 80% 20%,#1b4b8f2e 0%,#0000 70%)}.of-btn{letter-spacing:-.01em;transition:transform .16s var(--of-out), background-color .2s var(--of-out), box-shadow .2s var(--of-out);will-change:transform;border-radius:999px;align-items:center;gap:.5rem;font-weight:600;display:inline-flex;position:relative}.of-btn:hover{transform:scale(1.025)}.of-btn:active{transform:scale(.985)}.of-btn-primaire{background:var(--of-flux);color:var(--of-sur-accent);box-shadow:0 8px 30px -10px #3e8bffb3}.of-btn-primaire:hover{box-shadow:0 12px 40px -8px #3e8bffd9}.of-btn-secondaire{background:var(--of-surface-2);color:var(--of-blanc);border:1px solid var(--of-trait)}.of-btn-secondaire:hover{background:var(--of-bord-1);border-color:#3e8bff80}.of-reveal{opacity:0;transition:opacity .62s var(--of-out), transform .62s var(--of-out);transform:translateY(18px)}.of-reveal[data-vu="1"]{opacity:1;transform:none}@keyframes of-defile{0%{transform:translate(0)}to{transform:translate(-50%)}}.of-defile{animation:42s linear infinite of-defile}.of-marquee:hover .of-defile{animation-play-state:paused}@media (prefers-reduced-motion:reduce){.of-reveal{transition:opacity .3s linear;transform:none}.of-defile{animation:none}.of-btn:hover,.of-btn:active{transform:none}}@media (hover:none){.of-btn:hover{transform:none}}.of-display{font-family:var(--of-display);letter-spacing:-.045em;font-weight:800;line-height:.95}.of-drame{font-family:var(--of-drame);letter-spacing:-.02em;font-style:italic;font-weight:400}.of-mono{font-family:var(--of-etiquette);letter-spacing:.09em;text-transform:uppercase;font-weight:600}.of-h1{font-size:clamp(2.4rem,6.2vw,5.6rem)}.of-h2{font-size:clamp(2.1rem,5.2vw,4.4rem)}.of-texte-flux{background:linear-gradient(96deg, var(--of-eclat) 0%, var(--of-flux) 45%, var(--of-immersion) 100%);color:#0000;-webkit-background-clip:text;background-clip:text;padding-bottom:.14em}.of-grade{filter:grayscale(.85)contrast(1.22)brightness(.42)saturate(.7)}.of-grade-doux{filter:grayscale(.32)contrast(1.08)brightness(.82)saturate(.9)}.of-grade-teinte{background:linear-gradient(180deg, #1b4b8f6b, var(--of-voile));mix-blend-mode:color;pointer-events:none;position:absolute;inset:0}.of-voile{background:linear-gradient(180deg, var(--of-voile) 0%, var(--of-voile-doux) 26%, var(--of-voile) 62%, var(--of-voile) 96%), linear-gradient(90deg, var(--of-voile) 0%, var(--of-voile-doux) 62%, var(--of-voile) 100%), radial-gradient(70% 55% at 18% 78%, #1b4b8f4d 0%, transparent 70%);pointer-events:none;position:absolute;inset:0}@keyframes of-descend{0%{opacity:0;transform:translateY(-40%)}40%{opacity:1}to{opacity:0;transform:translateY(140%)}}.of-scroll-ligne{background:var(--of-bord-2);width:1px;height:56px;position:relative;overflow:hidden}.of-scroll-ligne:after{content:"";background:var(--of-flux);height:40%;animation:of-descend 2.1s var(--of-inout) infinite;position:absolute;inset-inline:0}.of-sticky{will-change:transform, filter;position:sticky;top:14vh}@media (prefers-reduced-motion:reduce){.of-scroll-ligne:after{animation:none}.of-sticky{position:static}}.of-bascule-jour{border:1px solid var(--of-trait);background:var(--of-surface-2);width:38px;height:38px;color:var(--of-acier);transition:color .2s var(--of-out), border-color .2s var(--of-out), background-color .2s var(--of-out);border-radius:999px;flex-shrink:0;place-items:center;display:grid}.of-bascule-jour:hover{color:var(--of-blanc);border-color:var(--of-flux)}.of-bascule-jour:focus-visible{outline:2px solid var(--of-flux);outline-offset:2px}@media (max-width:1023px){.of-bascule-jour{width:36px;height:36px}}
.of-nav{z-index:90;border:1px solid var(--of-surface-3);background:var(--of-barre);width:max-content;max-width:calc(100vw - 32px);color:var(--of-blanc);-webkit-backdrop-filter:blur(18px)saturate(1.4);backdrop-filter:blur(18px)saturate(1.4);box-shadow:0 1px 0 0 var(--of-bord-1) inset, 0 18px 50px -22px var(--of-ombre-portee);transition:background-color .3s var(--of-out), border-color .3s var(--of-out), box-shadow .3s var(--of-out);border-radius:999px;align-items:center;gap:1.15rem;padding:.5rem .5rem .5rem 1.1rem;position:fixed;top:18px;left:50%;transform:translate(-50%)}.of-nav[data-scrolle="1"]{background:var(--of-barre-fixe);border-color:#3e8bff2e}.of-lueur{isolation:isolate;color:#fff;letter-spacing:-.01em;box-shadow:0 1px 0 0 #ffffff73 inset, 0 -1px 0 0 var(--of-ombre-douce) inset, 0 10px 34px -12px #3e8bffd9, 0 0 0 1px #3e8bff59;transition:transform .18s var(--of-out), box-shadow .26s var(--of-out);background:linear-gradient(#4a95ff 0%,#2f7cf0 48%,#1a52bd 100%);border-radius:999px;justify-content:center;align-items:center;gap:.5rem;font-weight:660;display:inline-flex;position:relative;overflow:hidden}.of-lueur:after{content:"";transition:transform .76s var(--of-out);pointer-events:none;background:linear-gradient(105deg,#0000 35%,#ffffff80 50%,#0000 65%);position:absolute;inset:0;transform:translate(-130%)}.of-lueur:hover{transform:translateY(-1px)scale(1.02);box-shadow:inset 0 1px #ffffff8c,0 14px 44px -10px #3e8bff,0 0 0 1px #3e8bff8c}.of-lueur:hover:after{transform:translate(130%)}.of-lueur:active{transform:translateY(0)scale(.985)}.of-fantome{border:1px solid var(--of-bord-2);background:var(--of-surface-1);color:var(--of-blanc);letter-spacing:-.01em;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 1px 0 0 var(--of-bord-1) inset;transition:transform .18s var(--of-out), background-color .24s var(--of-out), border-color .24s var(--of-out);border-radius:999px;justify-content:center;align-items:center;gap:.5rem;font-weight:550;display:inline-flex;position:relative}.of-fantome:hover{background:var(--of-bord-1);border-color:#3e8bff6b;transform:translateY(-1px)}.of-pilule{border:1px solid var(--of-surface-3);background:linear-gradient(180deg, var(--of-bord-1), var(--of-surface-1));box-shadow:0 1px 0 0 var(--of-surface-3) inset;color:var(--of-acier);border-radius:999px;align-items:center;gap:.5rem;padding:.42rem .95rem;font-size:12.5px;display:inline-flex}.of-carte{border-radius:var(--of-rayon);background:linear-gradient(180deg, var(--of-surface-2) 0%, var(--of-surface-1) 42%), var(--of-nuit);box-shadow:0 1px 0 0 var(--of-bord-1) inset, 0 30px 60px -40px var(--of-ombre-portee);position:relative;overflow:hidden}.of-carte:before{content:"";border-radius:inherit;background:linear-gradient(160deg, var(--of-bord-3), var(--of-surface-1) 45%, transparent 70%);-webkit-mask-composite:xor;pointer-events:none;z-index:1;padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.of-eclat:after{content:"";opacity:0;transition:opacity .52s var(--of-out), transform .9s var(--of-out);pointer-events:none;background:radial-gradient(38% 38%,#3e8bff3d,#0000 70%);position:absolute;inset:-40%;transform:translateY(24%)}.of-eclat:hover:after{opacity:1;transform:translateY(-8%)}.of-cadre{background:linear-gradient(160deg, var(--of-bord-3), var(--of-surface-1) 42%, #3e8bff1f);box-shadow:0 1px 0 0 var(--of-bord-2) inset, 0 70px 150px -60px #3e8bff99, 0 40px 90px -50px #000;border-radius:22px;padding:8px;position:relative}.of-cadre-interieur{border:1px solid var(--of-bord-1);background:var(--of-nuit);border-radius:15px;position:relative;overflow:hidden}.of-barre{border-bottom:1px solid var(--of-bord-1);background:var(--of-surface-1);align-items:center;gap:.4rem;padding:.6rem .9rem;display:flex}.of-pastille{border-radius:999px;width:9px;height:9px}.of-orbe{background:linear-gradient(180deg, #6aa9ff, var(--of-flux) 55%, #1a55bd);width:74px;height:74px;color:var(--of-sur-accent);border-radius:999px;place-items:center;display:grid;position:relative;box-shadow:inset 0 1px #ffffff8c,0 0 0 8px #3e8bff1a,0 0 0 18px #3e8bff0d,0 22px 60px -18px #3e8bfff2}.of-spot{pointer-events:none;background:radial-gradient(48% 42% at 50% 0,#3e8bff33 0%,#0000 72%);position:absolute;inset:0}.of-spot-bas{pointer-events:none;background:radial-gradient(46% 46% at 50% 100%,#3e8bff24 0%,#0000 70%);position:absolute;inset:0}.of-filet{background:linear-gradient(90deg,#0000,#3e8bff73,#0000);height:1px}.of-souligne{position:relative}.of-souligne:after{content:"";background:linear-gradient(90deg, var(--of-flux), var(--of-eclat));width:0;height:1.5px;transition:width .42s var(--of-out);position:absolute;bottom:-3px;left:0}.of-souligne:hover:after{width:100%}.of-etoiles{pointer-events:none;opacity:.55;background-image:radial-gradient(1px 1px at 12% 18%,#ffffff80,#0000),radial-gradient(1px 1px at 32% 62%,#ffffff59,#0000),radial-gradient(1.2px 1.2px at 58% 24%,#a9cbff80,#0000),radial-gradient(1px 1px at 78% 52%,#ffffff52,#0000),radial-gradient(1px 1px at 88% 14%,#ffffff6b,#0000),radial-gradient(1px 1px at 44% 84%,#ffffff47,#0000),radial-gradient(1px 1px at 22% 40%,#ffffff4d,#0000),radial-gradient(1px 1px at 68% 76%,#a9cbff57,#0000);position:absolute;inset:0}.of-sol{inset-inline:0;pointer-events:none;transform-origin:bottom;opacity:.5;background-image:linear-gradient(90deg,#3e8bff29 1px,#0000 1px),linear-gradient(#3e8bff29 1px,#0000 1px);background-size:62px 62px;height:46%;position:absolute;bottom:0;transform:perspective(520px)rotateX(62deg);-webkit-mask-image:linear-gradient(#0000 22%,#000);mask-image:linear-gradient(#0000 22%,#000)}@media (prefers-reduced-motion:reduce){.of-lueur:after,.of-eclat:after{transition:none}.of-lueur:hover,.of-fantome:hover{transform:none}}.of-detail{border:1px solid var(--of-surface-3);background:var(--of-surface-1);border-radius:16px;overflow:hidden}.of-detail>summary{cursor:pointer;color:var(--of-acier);transition:color .2s var(--of-out);justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;font-size:13.5px;font-weight:550;list-style:none;display:flex}.of-detail>summary::-webkit-details-marker{display:none}.of-detail>summary:hover{color:var(--of-blanc)}.of-detail>summary svg{color:var(--of-flux);transition:transform .26s var(--of-out);flex-shrink:0}.of-detail[open]>summary svg{transform:rotate(180deg)}.of-detail-corps{white-space:pre-wrap;color:var(--of-acier);margin:0;padding:0 18px 18px;font-size:13px;line-height:1.75}
.of-ico{width:54px;height:54px;color:var(--of-sur-accent);background:linear-gradient(168deg, #8bbcff 0%, #4a94ff 38%, var(--of-flux) 62%, #1a55bd 100%);box-shadow: 0 1.5px 0 0 #ffffffbf inset,  0 -2px 4px 0 var(--of-voile-doux) inset,  0 0 0 1px #3e8bff80,  0 10px 24px -8px #3e8bffd9, 0 22px 46px -18px #3e8bff99;transition:transform .32s var(--of-out), box-shadow .32s var(--of-out);border-radius:17px;place-items:center;display:grid;position:relative}.of-ico:before{content:"";background:linear-gradient(180deg, #ffffff94, var(--of-bord-1));pointer-events:none;border-radius:15px 15px 22px 22px;position:absolute;inset:2px 2px 45%}.of-ico:after{content:"";filter:blur(3px);pointer-events:none;background:#fffc;border-radius:999px;width:14px;height:8px;position:absolute;top:6px;left:9px}.of-ico>*{z-index:2;position:relative}.group:hover .of-ico{box-shadow:0 1.5px 0 0 #ffffffd9 inset, 0 -2px 4px 0 var(--of-voile-doux) inset, 0 0 0 1px #3e8bffb3, 0 16px 32px -8px #3e8bff, 0 30px 60px -18px #3e8bffbf;transform:translateY(-3px)scale(1.04)}.of-ico-sm{border-radius:14px;width:44px;height:44px}.of-ico-lg{border-radius:22px;width:68px;height:68px}.of-ico-lg:before{border-radius:20px 20px 26px 26px}.of-ico-neutre{box-shadow:0 1.5px 0 0 #ffffffe6 inset, 0 -2px 4px 0 #020c1e59 inset, 0 0 0 1px var(--of-bord-3), 0 10px 24px -10px #000c;background:linear-gradient(168deg,#f4f7fc 0%,#cfd9e8 40%,#97a6bd 70%,#5d6b7f 100%)}@media (prefers-reduced-motion:reduce){.group:hover .of-ico{transform:none}}
.of-logo{transition:background-color .32s var(--of-out), border-color .32s var(--of-out), box-shadow .32s var(--of-out), transform .32s var(--of-out);background:#ffffff08;border:1px solid #ffffff0f;box-shadow:inset 0 1px #ffffff0d}.of-logo-mark{color:var(--of-acier);transition:color .32s var(--of-out)}.of-logo-nom{color:var(--of-acier-sombre);transition:color .32s var(--of-out)}@media (hover:hover) and (pointer:fine){.of-logo:hover{background:color-mix(in srgb, var(--marque) 12%, transparent);border-color:color-mix(in srgb, var(--marque) 42%, transparent);box-shadow:0 1px 0 0 #ffffff1f inset, 0 10px 30px -12px color-mix(in srgb, var(--marque) 70%, transparent);transform:translateY(-2px)}.of-logo:hover .of-logo-mark{color:var(--marque)}.of-logo:hover .of-logo-nom{color:var(--of-blanc)}}@media (hover:none){.of-logo-mark{color:var(--marque);opacity:.85}}@media (prefers-reduced-motion:reduce){.of-logo:hover{transform:none}}.of-signature{font-family:var(--of-display);letter-spacing:-.055em;background:linear-gradient(#f2f5fa29 0%,#3e8bff24 42%,#f2f5fa08 100%);color:#0000;-webkit-user-select:none;user-select:none;white-space:nowrap;-webkit-background-clip:text;background-clip:text;font-size:clamp(3.2rem,15vw,15rem);font-weight:800;line-height:.82}.of-socle{background:radial-gradient(58% 50% at 50% 0%, #3e8bff29 0%, transparent 70%), linear-gradient(180deg, #ffffff09 0%, #ffffff02 34%), var(--of-nuit);border:1px solid #ffffff14;border-bottom:none;border-radius:40px 40px 0 0;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff17,0 -40px 120px -60px #3e8bff8c}@keyframes of-fondu-in{0%{opacity:0;transform:scale(1.03)}to{opacity:1;transform:scale(1)}}.of-fondu{animation:of-fondu-in .7s var(--of-out) both}@media (prefers-reduced-motion:reduce){.of-fondu{animation:.25s linear both of-fondu-in}}.of-appel{background:radial-gradient(70% 100% at 50% 0%, #3e8bff24 0%, transparent 62%), linear-gradient(180deg, #ffffff0d 0%, #ffffff03 40%), var(--of-nuit);border:1px solid #ffffff17;border-radius:44px;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff1c,0 60px 140px -70px #3e8bffb3,0 40px 90px -60px #000}.of-anneau{pointer-events:none;background:linear-gradient(var(--of-nuit), var(--of-nuit)) padding-box, conic-gradient(from 210deg, var(--of-flux), var(--of-eclat) 28%, transparent 58%, var(--of-immersion) 88%, var(--of-flux)) border-box;opacity:.55;border:2px solid #0000;border-radius:999px;position:absolute}.of-anneau-g{border-width:46px;width:460px;height:460px;top:50%;left:-230px;transform:translateY(-50%)}.of-anneau-g2{opacity:.38;border-width:26px;width:300px;height:300px;top:50%;left:-150px;transform:translateY(-50%)}.of-anneau-d{border-width:46px;width:460px;height:460px;top:50%;right:-230px;transform:translateY(-50%)}.of-anneau-d2{opacity:.38;border-width:26px;width:300px;height:300px;top:50%;right:-150px;transform:translateY(-50%)}@media (max-width:900px){.of-anneau-g,.of-anneau-d{border-width:30px;width:300px;height:300px}.of-anneau-g{left:-190px}.of-anneau-d{right:-190px}.of-anneau-g2,.of-anneau-d2{display:none}}