.accueil{--encre: var(--ink);--encre-2: var(--ink-2);--carte: var(--surface);--carte-2: var(--surface-2);--action: var(--violet);--sur-action: var(--sur-violet);--action-texte: var(--violet);--local-texte: var(--lime-texte);--profond-2: #1D2A34;--g-mer: #1C2F3D;--g-mer-2: #0A141B;--g-point-mer: #3D586C;--g-nuit: #050B10;--g-accent: #EE9F66;--g-halo: rgba(238,159,102,.3);--g-ombre: rgba(20,16,12,.32);--etiquette-carte: rgba(12,18,24,.88)}:root[data-theme="dark"] .accueil{--profond-2: #0E151B;--g-halo: rgba(238,159,102,.38);--g-ombre: rgba(0,0,0,.5)}body.accueil{background: linear-gradient(180deg,var(--ciel-haut) 0,var(--ciel-haut) 50vh,var(--profond) 50vh)}.accueil main{padding-bottom: 0}.accueil .a-page{width: min(var(--largeur),100% - clamp(24px,4.4vw,80px));margin-inline: auto}.accueil .entete{background: color-mix(in srgb,var(--surface) 62%,transparent);border-bottom-color: transparent;backdrop-filter: blur(14px) saturate(1.15);-webkit-backdrop-filter: blur(14px) saturate(1.15)}.accueil .heros{position: relative;overflow: clip;isolation: isolate;background: radial-gradient(900px 520px at 78% 30%,var(--soleil),transparent 70%),var(--ciel)}.accueil .heros-grille{display: grid;grid-template-columns: minmax(0,1.02fr) minmax(0,.98fr);gap: clamp(20px,4vw,56px);align-items: center;padding-block: clamp(8px,2vh,24px) 0}.accueil .heros-texte{position: relative;z-index: 2;padding-bottom: clamp(40px,9vh,110px)}.accueil .heros h1{max-width: 12.5ch;margin: 0;font: 700 clamp(2.6rem,5.4vw,5.1rem)/0.98 var(--f-titre);letter-spacing: -0.045em;color: var(--encre)}.accueil .heros h1 .accent{color: var(--action-texte)}.accueil .heros .amorce{margin-top: 22px;max-width: 40ch;font-size: clamp(1.05rem,1.35vw,1.22rem);color: var(--encre-2)}.accueil .heros .cta{display: flex;flex-wrap: wrap;align-items: center;gap: 12px;margin-top: 30px}.accueil .heros .btn{border-radius: 999px;min-height: 52px;padding-inline: 24px}.accueil .heros .btn.principal{position: relative;overflow: hidden;isolation: isolate;box-shadow: 0 7px 0 -2px color-mix(in srgb,var(--action) 55%,#000);transition: transform .15s,box-shadow .15s,background-color .2s}.accueil .heros .btn.principal:hover{box-shadow: 0 9px 0 -2px color-mix(in srgb,var(--action) 55%,#000)}.accueil .heros .btn.principal:active{transform: translateY(2px);box-shadow: 0 3px 0 -2px color-mix(in srgb,var(--action) 55%,#000)}.accueil .heros .btn.principal::after{content: '';position: absolute;inset: 0;z-index: -1;background: linear-gradient(105deg,transparent 35%,rgba(255,255,255,.32) 50%,transparent 65%);translate: -120% 0;transition: translate .7s cubic-bezier(.2,.7,.2,1)}.accueil .heros .btn.principal:hover::after{translate: 120% 0}.accueil .heros .btn.discret{background: var(--verre);border-color: var(--verre-filet);color: var(--encre);backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px)}.accueil .heros-globe{position: relative;z-index: 1}.accueil .atlas{position: relative;width: 100%;max-width: 580px;margin-inline: auto;aspect-ratio: 1000 / 1230}.accueil .atlas .support{position: absolute;inset: 0;width: 100%;height: 100%;overflow: visible;pointer-events: none}.accueil .atlas-toile{position: absolute;inset: 0;z-index: 1;width: 100%;height: 100%;touch-action: pan-y;cursor: grab;-webkit-tap-highlight-color: transparent}.accueil .atlas.prise .atlas-toile{cursor: grabbing}.accueil .atlas-toile:focus-visible{outline: 3px solid var(--action);outline-offset: 4px;border-radius: 24px}.accueil .atlas-pingouin{position: absolute;z-index: 3;left: 50%;top: .2%;width: 23.5%;height: auto;translate: -50% 0;transform-origin: 50% 100%;pointer-events: none;filter: drop-shadow(0 10px 8px rgba(0,0,0,.22))}.accueil .atlas-ombre-pingouin{position: absolute;z-index: 2;left: 50%;top: 22.3%;width: 15%;height: 2.6%;translate: -50% 0;border-radius: 50%;background: radial-gradient(closest-side,rgba(0,0,0,.45),rgba(0,0,0,0));pointer-events: none}.accueil .atlas-etiquette{position: absolute;left: 0;top: 0;z-index: 4;width: 0;height: 0;pointer-events: none;opacity: 0}.accueil .atlas-etiquette:not(.vue){visibility: hidden}.accueil .atlas-etiquette .carte{position: absolute;left: 14px;bottom: 12px;display: grid;gap: 4px;padding: 9px 13px 10px;border-radius: 12px;background: var(--etiquette-carte);color: #F3F7F5;white-space: nowrap;box-shadow: 0 14px 30px -14px rgba(0,0,0,.55);transition: opacity .24s ease,transform .3s cubic-bezier(.2,.8,.25,1),filter .24s ease,background-color .3s ease}.accueil .atlas-etiquette .carte.change{opacity: 0;transform: translateY(7px) scale(.97);filter: blur(3px)}.accueil .atlas-etiquette.gauche .carte{left: auto;right: 14px}.accueil .atlas-etiquette .carte b{font: 700 1rem/1.1 var(--f-titre);letter-spacing: -0.01em}.accueil .atlas-etiquette .carte span{display: flex;align-items: center;gap: 7px;font: 500 .8125rem/1 var(--f-texte);font-variant-numeric: tabular-nums;color: rgba(243,247,245,.78)}.accueil .atlas-etiquette.ici .carte{background: var(--action);color: var(--sur-action)}.accueil .atlas-etiquette.ici .carte span{color: color-mix(in srgb,var(--sur-action) 86%,transparent)}.accueil .atlas-etiquette em{font-style: normal}.accueil .astre{width: 9px;height: 9px;flex: none;border-radius: 50%;background: #FFD27A;box-shadow: 0 0 0 3px rgba(255,210,122,.22)}.accueil .atlas-etiquette.nuit .astre{background: transparent;box-shadow: inset -3px -1px 0 0 #DCE6F2}.accueil .loin{transition: transform .6s cubic-bezier(.2,.7,.2,1);transform: translateX(calc(var(--px,0) * -18px))}.accueil .milieu{transition: transform .6s cubic-bezier(.2,.7,.2,1);transform: translateX(calc(var(--px,0) * -8px))}.accueil .bande{position: relative;display: flow-root;padding-block: clamp(56px,9vh,104px) 0;background: linear-gradient(180deg,var(--de),var(--a));overflow: clip;isolation: isolate}.accueil .bande > .a-page{position: relative;z-index: 1}.accueil .titre-bande{margin: 0 0 26px;font: 700 clamp(1.9rem,3.8vw,3.3rem)/1.02 var(--f-titre);letter-spacing: -0.035em;color: var(--encre)}.accueil .b1{--de: var(--eau-1);--a: var(--p1);padding-top: clamp(28px,5vh,56px)}.accueil .b2{--de: var(--p1);--a: var(--p2)}.accueil .b3{--de: var(--p2);--a: var(--p3)}.accueil .b4{--de: var(--p3);--a: var(--p4)}.accueil .b5{--de: var(--p4);--a: var(--p5);padding-bottom: clamp(64px,10vh,120px)}.accueil .b5 .titre-bande,:root[data-theme="dark"] .accueil .titre-bande{color: var(--clair)}.accueil .b1::before{content: '';position: absolute;inset: 0 -10% 25% -10%;z-index: 0;pointer-events: none;opacity: .5;filter: blur(14px);background: linear-gradient(104deg,transparent 8%,rgba(255,255,255,.5) 11%,transparent 15%),linear-gradient(98deg,transparent 27%,rgba(255,255,255,.32) 31%,transparent 37%),linear-gradient(102deg,transparent 52%,rgba(255,255,255,.42) 55%,transparent 59%),linear-gradient(96deg,transparent 74%,rgba(255,255,255,.3) 79%,transparent 84%),linear-gradient(101deg,transparent 88%,rgba(255,255,255,.38) 91%,transparent 94%);-webkit-mask-image: linear-gradient(180deg,#000 10%,transparent 90%);mask-image: linear-gradient(180deg,#000 10%,transparent 90%);transform-origin: 50% 0}:root[data-theme="dark"] .accueil .b1::before{opacity: .12}.accueil .eau-vive{position: absolute;inset: 0;z-index: 0;pointer-events: none;overflow: hidden}.accueil .eau-vive span{position: absolute;bottom: -20px;left: var(--x);width: var(--t);height: var(--t)}.accueil .eau-vive i{display: block;width: 100%;height: 100%;border-radius: 50%;border: 1.5px solid rgba(255,255,255,.55);background: radial-gradient(circle at 32% 30%,rgba(255,255,255,.7) 0 18%,rgba(255,255,255,.08) 40%)}.accueil .matiere{position: relative;border-radius: var(--r-carte);background: var(--verre);border: 1px solid var(--verre-filet);box-shadow: var(--ombre-verre);backdrop-filter: blur(14px) saturate(1.15);-webkit-backdrop-filter: blur(14px) saturate(1.15)}.accueil .matiere::after{content: '';position: absolute;inset: 0;border-radius: inherit;pointer-events: none;opacity: 0;transition: opacity .4s ease;background: radial-gradient(460px circle at var(--mx,50%) var(--my,50%),color-mix(in srgb,var(--cuivre-vif) 16%,transparent),transparent 62%)}.accueil .matiere.eclairee::after{opacity: 1}@media (prefers-reduced-transparency: reduce){.accueil .matiere{background: var(--carte);backdrop-filter: none;-webkit-backdrop-filter: none}}.accueil .bulle .nom{color: var(--encre)}.accueil .pub{margin-block: clamp(22px,4vh,40px) 0;border-radius: 14px;border: 1px dashed color-mix(in srgb,var(--encre) 28%,transparent);background: color-mix(in srgb,var(--verre) 70%,transparent);color: var(--encre-2)}.accueil .derniers{padding: clamp(16px,2vw,24px);border-radius: var(--r-carte);background: var(--verre);border: 1px solid var(--verre-filet);backdrop-filter: blur(12px);-webkit-backdrop-filter: blur(12px)}.accueil .derniers h2{color: var(--encre)}.accueil .panneau-usages{padding: clamp(14px,2vw,26px)}.accueil .mosaique{display: grid;grid-template-columns: repeat(5,minmax(0,1fr));grid-auto-rows: minmax(124px,auto);grid-auto-flow: dense;gap: 10px}.accueil .case{position: relative;display: grid;align-content: space-between;gap: 12px;padding: 16px;border-radius: 18px;text-decoration: none;color: var(--encre);background: var(--carte-2);border: 1px solid var(--border)}.accueil .case:hover{transform: translateY(-3px);border-color: var(--fam)}.accueil .case:focus-visible{outline: 2px solid var(--action);outline-offset: 3px}.accueil .case .ico{width: 26px;height: 26px;color: var(--fam)}.accueil .case strong{display: block;font: 700 1rem/1.2 var(--f-titre)}.accueil .case .t{display: block;margin-top: 4px;font-size: .8125rem;color: var(--encre-2)}.accueil .case.grande{grid-column: span 2;grid-row: span 2;background: var(--fam-doux);border-color: transparent;padding: 24px}.accueil .case.grande .ico{width: 54px;height: 54px}.accueil .case.grande strong{margin-top: 10px;font-size: clamp(1.5rem,2.4vw,2.2rem);letter-spacing: -0.03em}.accueil .case.grande .t{font-size: 1rem;color: var(--encre);opacity: .82}.accueil .case .pastille-etat{justify-self: start;margin-bottom: 6px}.accueil .voir-tous{display: flex;margin-top: 18px}.accueil .quatre{display: grid;grid-template-columns: repeat(4,minmax(0,1fr));gap: 16px}.accueil .atout{padding: 24px}.accueil .atout h3{margin: 0;font: 700 clamp(1.25rem,1.8vw,1.6rem)/1.12 var(--f-titre);letter-spacing: -0.02em;color: var(--encre)}.accueil .atout.local h3{color: var(--local-texte)}.accueil .atout p{margin: 8px 0 0;color: var(--encre-2);font-size: .9375rem}.accueil .visuel{height: 104px;display: grid;place-items: center start;margin-bottom: 10px}.accueil .visuel img{height: 104px;width: auto}.accueil .infini{font: 700 4.6rem/1 var(--f-titre);background: linear-gradient(100deg,var(--action-texte) 30%,var(--cuivre-vif) 50%,var(--action-texte) 70%) 0 0 / 250% 100%;-webkit-background-clip: text;background-clip: text;color: transparent}.accueil .pile{position: relative;width: 110px;height: 90px}.accueil .pile i{position: absolute;width: 66px;height: 84px;border-radius: 9px;background: var(--carte);border: 1.5px solid var(--encre)}.accueil .pile i:nth-child(1){left: 0;top: 8px;rotate: -10deg}.accueil .pile i:nth-child(2){left: 20px;top: 4px;rotate: -2deg}.accueil .pile i:nth-child(3){left: 40px;top: 0;rotate: 7deg;background: color-mix(in srgb,var(--action) 14%,var(--carte))}.accueil .recit{display: grid;grid-template-columns: minmax(0,1.2fr) minmax(0,.8fr);gap: 18px;align-items: start}.accueil .recit > div{padding: clamp(24px,3vw,40px)}.accueil .recit h2{margin: 0 0 18px;font: 700 clamp(1.8rem,3.2vw,2.6rem)/1.05 var(--f-titre);letter-spacing: -0.03em;color: var(--encre)}.accueil .recit h3{margin: 0 0 10px;font: 700 1.3rem/1.15 var(--f-titre);letter-spacing: -0.01em;color: var(--encre)}.accueil .texte-long{display: grid;gap: 1em;max-width: 64ch}.accueil .texte-long p,.accueil .recit-verif p{margin: 0;color: var(--encre-2)}.accueil .texte-long p:first-child{color: var(--encre);font-size: 1.12rem}.accueil .recit a,.accueil .cout a{color: var(--action-texte);text-underline-offset: 3px}.accueil .recit-verif img{width: 140px;height: auto;margin: 18px auto -4px}.accueil .trois{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: 16px}.accueil .cout{padding: 26px 28px}.accueil .cout img{width: 100px;height: auto;margin-bottom: 14px}.accueil .cout b{display: block;margin-bottom: 8px;font: 700 1.1rem/1.2 var(--f-titre);color: var(--encre)}.accueil .cout p{margin: 0;color: var(--encre-2);font-size: .9375rem}.accueil :is(.atout,.cout,.recit > div){transition: translate .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s ease}.accueil :is(.atout,.cout,.recit > div):hover{translate: 0 -4px;box-shadow: 0 34px 70px -34px rgba(20,30,45,.55)}@media (prefers-reduced-motion: no-preference){.accueil .heros h1 .mot{display: inline-block;animation: acc-monte-mot .9s cubic-bezier(.2,.7,.2,1) backwards;animation-delay: calc(140ms + var(--i) * 70ms)}@keyframes acc-monte-mot{from{opacity: 0;transform: translateY(.5em);filter: blur(8px)}}.accueil .heros .amorce{animation: acc-apparait .9s cubic-bezier(.2,.7,.2,1) .62s backwards}.accueil .heros .cta{animation: acc-apparait .9s cubic-bezier(.2,.7,.2,1) .76s backwards}@keyframes acc-apparait{from{opacity: 0;transform: translateY(16px)}}.accueil .atlas-toile{animation: acc-emerge 1.3s cubic-bezier(.2,.7,.2,1) .15s backwards}@keyframes acc-emerge{from{opacity: 0;transform: translateY(46px) scale(.94)}}.accueil .support .banc{transform-box: view-box;animation: acc-remonte-banc 1.4s cubic-bezier(.2,.7,.2,1) backwards,acc-tangue 7s ease-in-out 1.4s infinite alternate}@keyframes acc-remonte-banc{from{transform: translateY(70px);opacity: 0}}@keyframes acc-tangue{from{transform: translateY(0) rotate(-.25deg)}to{transform: translateY(5px) rotate(.25deg)}}.accueil .atlas-pingouin{animation: acc-atterrit 1s cubic-bezier(.3,1.35,.5,1) .75s backwards,acc-saut 3.6s cubic-bezier(.35,0,.25,1) 2.4s infinite}@keyframes acc-atterrit{0%{opacity: 0;transform: translateY(-150%)}55%{opacity: 1;transform: translateY(0) scale(1.06,.9)}75%{transform: translateY(-6%) scale(.98,1.03)}100%{transform: none}}@keyframes acc-saut{0%,58%,100%{transform: none}64%{transform: scale(1.05,.93)}76%{transform: translateY(-15%) scale(.97,1.04)}88%{transform: none}92%{transform: scale(1.04,.95)}96%{transform: none}}.accueil .atlas-ombre-pingouin{animation: acc-apparait-ombre 1s ease .9s backwards,acc-ombre-saut 3.6s cubic-bezier(.35,0,.25,1) 2.4s infinite}@keyframes acc-apparait-ombre{from{opacity: 0;transform: scale(.3)}}@keyframes acc-ombre-saut{0%,58%,100%{transform: none;opacity: 1}76%{transform: scale(.55);opacity: .45}88%{transform: none;opacity: 1}}.accueil .vagues{animation: acc-vagues 14s linear infinite}.accueil .vagues-2{animation: acc-vagues 22s linear infinite reverse}@keyframes acc-vagues{to{transform: translateX(-270px)}}.accueil .glacon{transform-box: fill-box;animation: acc-flotte 5s ease-in-out infinite alternate}.accueil .glacon.b{animation-duration: 6.4s;animation-delay: -2s}@keyframes acc-flotte{to{transform: translateY(6px) rotate(1.5deg)}}.accueil .reflets path{animation: acc-miroite 3.2s ease-in-out infinite alternate}.accueil .reflets path:nth-child(2n){animation-duration: 4.1s;animation-delay: -1.3s}.accueil .reflets path:nth-child(3n){animation-duration: 2.7s;animation-delay: -.6s}@keyframes acc-miroite{from{opacity: .15;transform: translateX(-14px)}to{opacity: .75;transform: translateX(14px)}}.accueil .b1::before{animation: acc-rayons 9s ease-in-out infinite alternate}@keyframes acc-rayons{from{transform: skewX(-6deg) translateX(-2%)}to{transform: skewX(6deg) translateX(2%)}}.accueil .eau-vive span{animation: acc-remonte var(--d) linear var(--r) infinite}.accueil .eau-vive i{animation: acc-oscille calc(var(--d) / 4) ease-in-out infinite alternate}@keyframes acc-remonte{from{transform: translateY(0);opacity: 0}8%{opacity: .9}85%{opacity: .7}to{transform: translateY(calc(-1 * var(--h,800px)));opacity: 0}}@keyframes acc-oscille{from{transform: translateX(-7px)}to{transform: translateX(7px)}}html.anim .accueil [data-remonte]{opacity: 0;transform: translateY(42px);transition: opacity .9s cubic-bezier(.2,.7,.2,1),transform 1.1s cubic-bezier(.2,.7,.2,1),translate .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s ease;transition-delay: calc(var(--i,0) * 110ms),calc(var(--i,0) * 110ms),0s,0s}html.anim .accueil [data-remonte].vu{opacity: 1;transform: none}html.anim .accueil h2[data-remonte]{opacity: 1;transform: none}html.anim .accueil h2[data-remonte] .mot{display: inline-block;opacity: 0;transform: translateY(.5em);filter: blur(7px);transition: opacity .8s cubic-bezier(.2,.7,.2,1),transform .9s cubic-bezier(.2,.7,.2,1),filter .8s ease;transition-delay: calc(var(--i) * 70ms)}html.anim .accueil h2[data-remonte].vu .mot{opacity: 1;transform: none;filter: none}html.anim .accueil .panneau-usages:not(.vu) .case{opacity: 0;transform: translateY(20px)}html.anim .accueil .panneau-usages.vu .case{animation: acc-eclot .8s cubic-bezier(.2,.9,.3,1.15) backwards;animation-delay: calc(250ms + var(--i) * 55ms)}@keyframes acc-eclot{from{opacity: 0;transform: translateY(18px) scale(.6)}}html.anim .accueil [data-remonte].vu :is(.visuel img,.cout img,.recit-verif img){animation: acc-saute 1s cubic-bezier(.3,1.4,.5,1) backwards;animation-delay: calc(350ms + var(--i,0) * 110ms)}@keyframes acc-saute{0%{transform: translateY(14px) scale(.9);opacity: 0}50%{transform: translateY(-8px) scale(1.03,.97);opacity: 1}100%{transform: none}}.accueil :is(.atout,.cout,.recit-verif):hover :is(.visuel img,img){animation: acc-dandine .9s ease-in-out}@keyframes acc-dandine{25%{rotate: -5deg}50%{rotate: 4deg;translate: 0 -4px}75%{rotate: -2deg}}html.anim .accueil [data-remonte]:not(.vu) .pile i{rotate: 0deg;left: 20px;top: 4px}.accueil .pile i{transition: rotate .9s cubic-bezier(.34,1.56,.64,1) .45s,left .9s cubic-bezier(.34,1.56,.64,1) .45s,top .9s .45s}.accueil .infini{animation: acc-reflet-cuivre 4s ease-in-out infinite}@keyframes acc-reflet-cuivre{0%,100%{background-position: 100% 0}50%{background-position: 0 0}}.accueil .case{transition: transform .25s cubic-bezier(.2,.7,.2,1),border-color .2s,box-shadow .25s}.accueil .case:hover{box-shadow: 0 18px 30px -20px rgba(0,0,0,.45)}.accueil .sommeil img{transform-origin: 50% 85%;animation: acc-souffle 4.6s ease-in-out infinite}@keyframes acc-souffle{0%,100%{transform: scale(1,1)}50%{transform: scale(1.015,1.035)}}}@media (max-width: 1080px){.accueil .mosaique{grid-template-columns: repeat(2,minmax(0,1fr))}}@media (max-width: 1000px){.accueil .heros-grille{grid-template-columns: 1fr;gap: 8px}.accueil .heros-texte{padding-bottom: 0}.accueil .heros-globe{max-width: 540px;width: 100%;margin-inline: auto;padding-bottom: 6px}.accueil .quatre{grid-template-columns: repeat(2,minmax(0,1fr))}.accueil .recit,.accueil .trois{grid-template-columns: 1fr}}@media (max-width: 640px){.accueil .quatre{grid-template-columns: 1fr}.accueil .case.grande{grid-row: span 1}}