:root{--paper:#ffffff;--surface:#f6f5fa;--cream:#ffffff;--night:#14121a;--line:#e5e5e9;--line-2:#dcdce2;--ink:#272729;--ink-2:#535257;--ink-3:#afaeb9;--gold:#f9b233;--ok:#31c051;--alert:#d6412f;--alert-soft:#ff7a68;--logo-h:42px;--logo-h-tel:38px;--hd-h:82px;--bw:1.6px;--r-lg:32px;--r-md:24px;--r-sm:16px;--r-xs:12px;--sh:0 12px 40px rgba(0, 0, 0, 0.08);--sh-xs:0 1px 2px rgba(0, 0, 0, 0.05);--pad:clamp(20px, 4vw, 56px);--gap:clamp(16px, 2vw, 24px);--font:"Inter Tight", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-titre:"Bodoni Moda", "Didot", "Times New Roman", serif;--spring:cubic-bezier(0.34, 1.3, 0.44, 1);--ease:cubic-bezier(0.16, 1, 0.3, 1);}*{box-sizing: border-box;margin: 0;padding: 0;}html{scroll-behavior: smooth;scroll-padding-top: calc(var(--hd-h) + 22px);overflow-x: clip;}body{background: var(--paper);color: var(--ink);font-family: var(--font);font-size: 16px;line-height: 1.6;letter-spacing: -0.011em;-webkit-font-smoothing: antialiased;overflow-x: clip;}a{color: inherit;text-decoration: none;}img{display: block;max-width: 100%;}button{font: inherit;color: inherit;background: none;border: 0;cursor: pointer;}:is(ul, span:where(.t-ul), div:where(.t-ul)){list-style: none;}svg{display: block;}:focus-visible{outline: 2px solid var(--ink);outline-offset: 3px;border-radius: 8px;}.btn__ic svg, .btn__lic svg, .btn--icon svg, .filter__ic svg, .filter__chev svg, .pack__chev svg, .tick svg, .burger svg, .bell svg{width: 100%;height: 100%;fill: none;stroke: currentColor;stroke-width: 1.75;stroke-linecap: round;stroke-linejoin: round;}.btn{display: inline-flex;align-items: center;justify-content: center;gap: 10px;padding: 10px 18px;border-radius: 999px;border: var(--bw) solid transparent;font-size: 14px;font-weight: 600;letter-spacing: -0.015em;white-space: nowrap;transition: background 0.22s, border-color 0.22s, color 0.22s, transform 0.25s var(--spring), box-shadow 0.25s;}.btn:active{transform: scale(0.975);}.btn--dark{padding-right: 6px;background: var(--ink);color: #fff;}.btn--dark:hover{background: #000;box-shadow: 0 8px 24px -10px rgba(0, 0, 0, 0.6);}.btn__ic{display: grid;place-items: center;flex: none;width: 26px;height: 26px;padding: 6px;border-radius: 50%;background: rgba(255, 255, 255, 0.14);transition: transform 0.35s var(--ease);}.btn--dark:hover .btn__ic{transform: translateX(3px);}.btn--ghost{border-color: var(--line);background: var(--paper);color: var(--ink);box-shadow: var(--sh-xs);}.btn--ghost:hover{border-color: var(--line-2);background: var(--surface);}.btn__lic{display: grid;place-items: center;width: 18px;height: 18px;flex: none;}.btn--lg{padding: 11px 20px;font-size: 15px;}.btn--lg.btn--dark{padding-right: 6px;}.btn--lg .btn__ic{width: 28px;height: 28px;padding: 7px;}.btn--full{width: 100%;}.btn--icon{width: 38px;height: 38px;padding: 11px;border-radius: 50%;border-color: var(--line);background: var(--paper);color: var(--ink-2);box-shadow: var(--sh-xs);}.btn--icon:hover{border-color: var(--line-2);background: var(--surface);color: var(--ink);}.hd{position: fixed;top: 0;left: 0;right: 0;z-index: 100;background: transparent;border-bottom: var(--bw) solid transparent;transition: background 0.35s, border-color 0.35s, box-shadow 0.35s, backdrop-filter 0.35s;}.hd.is-stuck{background: rgba(254, 254, 254, 0.88);backdrop-filter: blur(14px);-webkit-backdrop-filter: blur(14px);border-bottom-color: var(--line);box-shadow: 0 6px 24px -18px rgba(0, 0, 0, 0.4);}.brand{position: relative;display: block;}.brand img{transition: opacity 0.35s;}.brand__d{position: absolute;inset: 0;opacity: 0;}.hd.is-stuck .brand__l{opacity: 0;}.hd.is-stuck .brand__d{opacity: 1;}.hd__in{display: flex;align-items: center;gap: 20px;height: var(--hd-h);padding: 0 var(--pad);max-width: 1400px;margin: 0 auto;}.hd__in > .brand{flex: none;}.brand img{height: var(--logo-h);width: auto;display: block;}.tabs{position: relative;display: flex;gap: 2px;margin: 0 auto;padding: 4px;border-radius: 999px;border: var(--bw) solid rgba(255, 255, 255, 0.22);background: rgba(255, 255, 255, 0.1);backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px);transition: border-color 0.35s, background 0.35s;}.hd.is-stuck .tabs{border-color: var(--line);background: var(--surface);backdrop-filter: none;}.tabs__pill{position: absolute;top: 4px;bottom: 4px;left: 0;border-radius: 999px;background: rgba(255, 255, 255, 0.92);box-shadow: var(--sh-xs);transition: transform 0.42s var(--spring), width 0.42s var(--spring), background 0.35s;will-change: transform, width;}.hd.is-stuck .tabs__pill{background: var(--paper);}.tabs__pill.is-idle{transition: none;}.tabs__i{position: relative;z-index: 1;padding: 8px 16px;border-radius: 999px;font-size: 13.5px;font-weight: 600;color: rgba(255, 255, 255, 0.7);transition: color 0.22s;}.tabs__i:hover{color: #fff;}.tabs__i.is-on{color: var(--ink);}.hd.is-stuck .tabs__i{color: var(--ink-3);}.hd.is-stuck .tabs__i:hover{color: var(--ink-2);}.hd.is-stuck .tabs__i.is-on{color: var(--ink);}.hd__end{display: flex;align-items: center;gap: 10px;flex: none;}.lang{padding: 9px 14px;border-radius: 999px;border: var(--bw) solid rgba(255, 255, 255, 0.28);background: rgba(255, 255, 255, 0.1);backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px);font-size: 12.5px;font-weight: 600;color: #fff;transition: border-color 0.3s, color 0.3s, background 0.3s;}.lang:hover{border-color: rgba(255, 255, 255, 0.5);}.hd.is-stuck .lang{border-color: var(--line);background: var(--paper);color: var(--ink-2);backdrop-filter: none;box-shadow: var(--sh-xs);}.hd.is-stuck .lang:hover{border-color: var(--line-2);color: var(--ink);}.bellw{position: relative;flex: none;}.bell{position: relative;display: grid;place-items: center;width: 38px;height: 38px;padding: 9px;border-radius: 50%;border: var(--bw) solid rgba(255, 255, 255, 0.28);background: rgba(255, 255, 255, 0.1);backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px);color: #fff;transition: border-color 0.3s, background 0.3s, color 0.3s;}.bell:hover{border-color: rgba(255, 255, 255, 0.5);}.hd.is-stuck .bell{border-color: var(--line);background: var(--paper);color: var(--ink-2);backdrop-filter: none;box-shadow: var(--sh-xs);}.hd.is-stuck .bell:hover{border-color: var(--line-2);color: var(--ink);}.bell__n{position: absolute;top: -3px;right: -3px;min-width: 17px;height: 17px;padding: 0 4px;border-radius: 999px;background: var(--alert);color: #fff;font-size: 10.5px;font-weight: 700;line-height: 17px;text-align: center;}.bell__n[hidden]{display: none;}.bell.is-on{animation: bellRing 0.6s var(--ease);}@keyframes bellRing{0%, 100%{transform: rotate(0);}25%{transform: rotate(11deg);}60%{transform: rotate(-8deg);}}.nt{position: absolute;top: calc(100% + 12px);right: 0;z-index: 60;width: min(360px, calc(100vw - 2 * var(--pad)));max-height: min(64vh, 520px);overflow-y: auto;padding: 8px;border-radius: var(--r-md);border: var(--bw) solid var(--line);background: var(--paper);box-shadow: var(--sh);transform-origin: top right;animation: ntIn 0.24s var(--spring);}.nt[hidden]{display: none;}@keyframes ntIn{from{opacity: 0;transform: translateY(-8px) scale(0.97);}to{opacity: 1;transform: none;}}.nt__hd{display: flex;align-items: center;justify-content: space-between;gap: 12px;padding: 8px 10px 12px;}.nt__hd p{font-size: 13px;font-weight: 700;letter-spacing: -0.02em;}.nt__hd button{font-size: 12px;font-weight: 600;color: var(--ink-3);transition: color 0.2s;}.nt__hd button:hover{color: var(--ink);}.nt__list{display: grid;gap: 4px;}.nt__i{display: grid;grid-template-columns: 30px minmax(0, 1fr);gap: 12px;padding: 12px 12px 13px;border-radius: var(--r-sm);border: var(--bw) solid var(--line);background: var(--surface);}.nt__i.is-new{background: var(--paper);border-color: var(--line-2);}.nt__ic{display: grid;place-items: center;width: 30px;height: 30px;padding: 7px;border-radius: 50%;border: var(--bw) solid var(--line);background: var(--paper);color: var(--ink-2);}.nt__ic svg{width: 100%;height: 100%;fill: none;stroke: currentColor;stroke-width: 1.8;stroke-linecap: round;stroke-linejoin: round;}.nt__i--article .nt__ic{color: var(--gold);}.nt__i--formation .nt__ic{color: var(--ok);}.nt__t{font-size: 13.5px;font-weight: 700;letter-spacing: -0.02em;}.nt__d{margin-top: 3px;font-size: 12.5px;line-height: 1.55;color: var(--ink-2);}.nt__m{display: flex;align-items: center;gap: 8px;margin-top: 8px;}.nt__date{font-size: 11.5px;font-weight: 600;color: var(--ink-3);}.nt__a{font-size: 12px;font-weight: 700;color: var(--ink);text-decoration: underline;text-underline-offset: 3px;}.nt__none{padding: 18px 12px 22px;text-align: center;font-size: 13px;color: var(--ink-3);}.toast{position: fixed;z-index: 960;left: 50%;bottom: 22px;display: grid;gap: 8px;width: min(420px, calc(100vw - 32px));transform: translateX(-50%);pointer-events: none;}.toast__i{display: grid;grid-template-columns: 30px minmax(0, 1fr) 22px;align-items: start;gap: 12px;padding: 14px 14px 15px;border-radius: var(--r-sm);border: var(--bw) solid rgba(255, 255, 255, 0.14);background: #14121a;color: #fff;box-shadow: 0 16px 44px rgba(0, 0, 0, 0.32);pointer-events: auto;animation: toastIn 0.34s var(--spring);}.toast__i.is-out{animation: toastOut 0.24s var(--ease) forwards;}@keyframes toastIn{from{opacity: 0;transform: translateY(16px) scale(0.97);}to{opacity: 1;transform: none;}}@keyframes toastOut{to{opacity: 0;transform: translateY(10px) scale(0.98);}}.toast__ic{display: grid;place-items: center;width: 30px;height: 30px;padding: 7px;border-radius: 50%;background: rgba(255, 255, 255, 0.1);color: var(--ok);}.toast__i--info .toast__ic{color: var(--gold);}.toast__i--err .toast__ic{color: var(--alert-soft);}.toast__ic svg{width: 100%;height: 100%;fill: none;stroke: currentColor;stroke-width: 2;stroke-linecap: round;stroke-linejoin: round;}.toast__t{font-size: 13.5px;font-weight: 700;letter-spacing: -0.02em;}.toast__d{margin-top: 2px;font-size: 12.5px;line-height: 1.55;color: rgba(255, 255, 255, 0.68);}.toast__x{width: 22px;height: 22px;padding: 5px;border-radius: 50%;color: rgba(255, 255, 255, 0.5);transition: color 0.2s, background 0.2s;}.toast__x:hover{color: #fff;background: rgba(255, 255, 255, 0.12);}.toast__x svg{width: 100%;height: 100%;fill: none;stroke: currentColor;stroke-width: 2;stroke-linecap: round;}.burger{display: none;width: 38px;height: 38px;padding: 11px 10px;border-radius: 50%;border: var(--bw) solid rgba(255, 255, 255, 0.28);background: rgba(255, 255, 255, 0.1);transition: border-color 0.3s, background 0.3s;}.hd.is-stuck .burger{border-color: var(--line);background: var(--paper);box-shadow: var(--sh-xs);}.burger :is(span:not(:where(.t-txt,.t-b,.t-em,.t-figure,.t-h1,.t-i,.t-inl,.t-li,.t-ol,.t-ul)), div:where(.t-span)){display: block;height: 1.6px;background: #fff;border-radius: 2px;transition: transform 0.3s var(--ease), opacity 0.2s, background 0.3s;}.hd.is-stuck .burger :is(span:not(:where(.t-txt,.t-b,.t-em,.t-figure,.t-h1,.t-i,.t-inl,.t-li,.t-ol,.t-ul)), div:where(.t-span)){background: var(--ink);}.burger :is(span:not(:where(.t-txt,.t-b,.t-em,.t-figure,.t-h1,.t-i,.t-inl,.t-li,.t-ol,.t-ul)), div:where(.t-span)) + :is(span:not(:where(.t-txt,.t-b,.t-em,.t-figure,.t-h1,.t-i,.t-inl,.t-li,.t-ol,.t-ul)), div:where(.t-span)){margin-top: 5px;}.burger.is-on :is(span:not(:where(.t-txt,.t-b,.t-em,.t-figure,.t-h1,.t-i,.t-inl,.t-li,.t-ol,.t-ul)), div:where(.t-span)):first-child{transform: translateY(3.3px) rotate(45deg);}.burger.is-on :is(span:not(:where(.t-txt,.t-b,.t-em,.t-figure,.t-h1,.t-i,.t-inl,.t-li,.t-ol,.t-ul)), div:where(.t-span)):last-child{transform: translateY(-3.3px) rotate(-45deg);}.h1{font-size: clamp(38px, 5.4vw, 68px);font-weight: 700;line-height: 1.02;letter-spacing: -0.035em;margin-bottom: 20px;text-wrap: balance;}.h2{font-size: clamp(26px, 3.2vw, 40px);font-weight: 700;line-height: 1.08;letter-spacing: -0.03em;max-width: 18ch;}.lead{font-size: clamp(15px, 1.25vw, 17px);color: var(--ink-2);max-width: 46ch;margin-bottom: 28px;}.kicker{display: flex;align-items: center;gap: 8px;margin-bottom: 14px;font-size: 12px;font-weight: 600;letter-spacing: 0.02em;color: var(--ink-3);}.kicker :is(b, span:where(.t-b), div:where(.t-b)){color: var(--gold);font-weight: 700;}.chip{display: inline-flex;align-items: center;gap: 9px;margin-bottom: 22px;padding: 7px 15px 7px 12px;border-radius: 999px;border: var(--bw) solid var(--line);background: var(--paper);box-shadow: var(--sh-xs);font-size: 12.5px;font-weight: 600;color: var(--ink-2);}.dot{width: 7px;height: 7px;border-radius: 50%;background: var(--ok);box-shadow: 0 0 0 3px rgba(49, 192, 81, 0.18);}.sec{padding: clamp(48px, 5.5vw, 84px) var(--pad);}.sec > *{max-width: 1400px;margin-left: auto;margin-right: auto;}.sec--last{padding-bottom: clamp(56px, 6.5vw, 96px);}.sec--cream{background: var(--cream);}.sec--night{background: var(--night);color: #fff;--line: rgba(255, 255, 255, 0.14);--line-2: rgba(255, 255, 255, 0.26);--ink: #fff;--ink-2: rgba(255, 255, 255, 0.7);--ink-3: rgba(255, 255, 255, 0.45);--paper: rgba(255, 255, 255, 0.05);--surface: rgba(255, 255, 255, 0.03);}.sec--night .kicker :is(b, span:where(.t-b), div:where(.t-b)){color: var(--gold);}.sec__hd{display: flex;align-items: flex-end;justify-content: space-between;flex-wrap: wrap;gap: 24px;margin-bottom: clamp(22px, 2.6vw, 34px);}.sec__lead{max-width: 40ch;font-size: 15px;color: var(--ink-2);}.hero{--hg: #f9b233;--hgi: #14100a;--hln: rgba(255, 255, 255, 0.14);--hmd: rgba(255, 255, 255, 0.62);--hmdd: rgba(255, 255, 255, 0.42);--rail: clamp(52px, 4.6vw, 84px);--htop: clamp(74px, 10vh, 104px);--mark: 36%;position: relative;isolation: isolate;height: 100svh;min-height: 544px;overflow: hidden;background: #08080a;color: #fff;}.hero .sl{position: absolute;inset: 0;z-index: 0;}.hero .sl :is(figure, span:where(.t-figure), div:where(.t-figure)){position: absolute;inset: 0;opacity: 0;transition: opacity 1400ms linear;}.hero .sl :is(figure, span:where(.t-figure), div:where(.t-figure)).on{opacity: 1;}.hero .sl img{width: 100%;height: 100%;object-fit: cover;transform: scale(1.005);transition: transform 9s linear;}.hero .sl :is(figure, span:where(.t-figure), div:where(.t-figure)).on img{transform: scale(1.07);}.hero .c1 img{object-position: 68% 30%;}.hero .c2 img{object-position: 64% 42%;}.hero .c3 img{object-position: 58% 14%;}.hero .c4 img{object-position: 64% 28%;}.hero .tint{position: absolute;inset: 0;pointer-events: none;mix-blend-mode: overlay;background: radial-gradient(ellipse 60% 70% at 72% 38%, rgba(249,178,51,0.26) 0%, rgba(249,178,51,0) 70%);}.hero .wash{position: absolute;inset: 0;pointer-events: none;background: linear-gradient(100deg, rgba(6,6,8,0.96) 0%, rgba(6,6,8,0.82) 22%, rgba(6,6,8,0.42) 48%, rgba(6,6,8,0.18) 70%, rgba(6,6,8,0.5) 100%), linear-gradient(180deg, rgba(6,6,8,0.55) 0%, rgba(6,6,8,0) 28%, rgba(6,6,8,0) 55%, rgba(6,6,8,0.78) 100%);}.hero .grain{position: absolute;inset: 0;pointer-events: none;opacity: 0.15;mix-blend-mode: overlay;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='140' height='140' filter='url(%23n)' opacity='0.5'/%3E%3C/svg%3E");}.hero .rail{position: absolute;left: 0;top: 0;bottom: 0;z-index: 6;width: var(--rail);display: flex;flex-direction: column;align-items: center;padding: calc(var(--htop) + 12px) 0 24px;border-right: 1px solid var(--hln);}.hero .rail__meta{writing-mode: vertical-rl;transform: rotate(180deg);display: flex;gap: clamp(24px, 4vh, 44px);font-size: 9.5px;font-weight: 500;letter-spacing: 0.3em;text-transform: uppercase;color: var(--hmdd);white-space: nowrap;}.hero .rail__meta a{transition: color 0.25s;}.hero .rail__meta a:hover{color: var(--hg);}.hero .dots{margin-top: auto;display: grid;gap: 9px;justify-items: center;}.hero .dots button{width: 14px;height: 1px;background: rgba(255, 255, 255, 0.3);transition: width 0.45s var(--ease), background 0.45s;}.hero .dots button[aria-selected="true"]{width: 26px;background: var(--hg);}.hero__in{position: relative;z-index: 5;height: 100%;padding-left: var(--rail);padding-top: var(--htop);display: flex;flex-direction: column;}.stage{flex: 1;display: flex;flex-direction: column;justify-content: center;padding: 0 var(--pad);max-width: 768px;}.display{font-family: var(--font-titre);font-weight: 400;font-size: clamp(32px, 4.9vw, 76px);line-height: 1.04;letter-spacing: 0.005em;text-transform: uppercase;text-align: center;margin: 0 0 clamp(24px, 4vh, 42px);text-shadow: 0 2px 40px rgba(0, 0, 0, 0.5);}.display .m{display: block;overflow: hidden;padding-bottom: 0.08em;}.display .m :is(i, span:where(.t-i), div:where(.t-i)){display: block;font-style: normal;transform: translateY(115%);animation: hRise 1.25s var(--ease) both;}.display .m:nth-child(1) :is(i, span:where(.t-i), div:where(.t-i)){animation-delay: 0.30s;}.display .m:nth-child(2) :is(i, span:where(.t-i), div:where(.t-i)){animation-delay: 0.40s;}.display .m:nth-child(3) :is(i, span:where(.t-i), div:where(.t-i)){animation-delay: 0.50s;}.display .ar{display: inline-block;vertical-align: middle;width: 0.42em;margin-right: 0.12em;color: var(--hg);}.display .ar svg{width: 100%;height: auto;fill: none;stroke: currentColor;stroke-width: 1.4;stroke-linecap: round;stroke-linejoin: round;}.stage__foot{display: flex;align-items: center;gap: clamp(24px, 4vw, 56px);padding-left: clamp(0px, 4vw, 56px);opacity: 0;transform: translateY(20px);animation: hUp 1s var(--ease) 0.85s both;}.hero__lede{margin: 0;max-width: 240px;font-size: 12.5px;line-height: 1.6;color: var(--hmd);}.mark{position: absolute;left: 0;right: 0;bottom: 0;z-index: 4;display: flex;align-items: center;justify-content: center;pointer-events: none;font-family: var(--font-titre);font-weight: 400;font-size: min(25vw, 36vh);line-height: 0.78;letter-spacing: 0.005em;text-transform: uppercase;color: #fff;white-space: nowrap;opacity: 0;animation: hMark 1.6s var(--ease) 0.55s both;}.mark :is(span:not(:where(.t-txt,.t-b,.t-em,.t-figure,.t-h1,.t-i,.t-inl,.t-li,.t-ol,.t-ul)), div:where(.t-span)){position: relative;}.mark :is(em, span:where(.t-em), div:where(.t-em)){position: absolute;left: 58%;top: 22%;width: 0.11em;font-style: normal;color: var(--paper);}.mark :is(em, span:where(.t-em), div:where(.t-em)) svg{width: 100%;height: auto;fill: currentColor;}.promo{position: absolute;z-index: 7;right: var(--pad);bottom: clamp(20px, 5vh, 48px);width: clamp(176px, 16.5vw, 240px);padding: clamp(13px, 1vw, 17px);display: flex;flex-direction: column;gap: clamp(24px, 4vh, 44px);border-radius: var(--r-sm);overflow: hidden;opacity: 0;background: repeating-linear-gradient(135deg, rgba(255,255,255,0.075) 0 1px, rgba(255,255,255,0) 1px 10px), linear-gradient(155deg, var(--hg) 0%, #8a5f18 100%);box-shadow: 0 30px 60px -30px rgba(0, 0, 0, 0.95);animation: hUp 1s var(--ease) 1.05s both;}.promo__th{display: block;width: clamp(42px, 3.4vw, 53px);aspect-ratio: 1;border-radius: 50%;overflow: hidden;}.promo__th img{width: 100%;height: 100%;object-fit: cover;object-position: 50% 30%;}.promo__arw{position: absolute;top: clamp(13px, 1vw, 17px);right: clamp(13px, 1vw, 17px);width: 22px;color: var(--paper);transition: transform 0.3s var(--ease);}.promo__arw svg{width: 100%;height: auto;fill: none;stroke: currentColor;stroke-width: 1.6;stroke-linecap: round;stroke-linejoin: round;}.promo:hover .promo__arw{transform: translate(3px, -3px);}.promo__t{margin: 0;font-size: clamp(13.5px, 1.05vw, 16px);font-weight: 500;line-height: 1.3;}.btn--gold{padding-right: 6px;background: var(--hg);color: var(--hgi);}.btn--gold:hover{background: #ffc85a;box-shadow: 0 14px 30px -14px rgba(249, 178, 51, 0.7);}.btn--gold .btn__ic{background: var(--hgi);color: var(--hg);}.btn--lg.btn--gold{padding-right: 6px;}@keyframes hRise{to{transform: none;}}@keyframes hUp{to{opacity: 1;transform: none;}}@keyframes hMark{from{opacity: 0;transform: translateY(30%);}to{opacity: 1;transform: translateY(var(--mark));}}.trust{padding: clamp(40px, 4.5vw, 64px) var(--pad);max-width: 1400px;margin: 0 auto;}.trust__in{display: grid;grid-template-columns: repeat(4, 1fr);}.trust__in :is(li, span:where(.t-li), div:where(.t-li)){display: flex;align-items: flex-start;gap: 12px;padding: 0 clamp(18px, 2vw, 32px);}.trust__in :is(li, span:where(.t-li), div:where(.t-li)) + :is(li, span:where(.t-li), div:where(.t-li)){border-left: 1px solid var(--line);}.trust__in :is(li, span:where(.t-li), div:where(.t-li)):first-child{padding-left: 0;}.trust__in :is(li, span:where(.t-li), div:where(.t-li)):last-child{padding-right: 0;}.trust__ic{flex: none;width: 22px;height: 22px;margin-top: 1px;color: var(--ink);}.trust__ic svg{width: 100%;height: 100%;fill: none;stroke: currentColor;stroke-width: 1.6;stroke-linecap: round;stroke-linejoin: round;}.trust__in :is(b, span:where(.t-b), div:where(.t-b)){display: block;font-size: 14.5px;font-weight: 700;letter-spacing: -0.025em;color: var(--ink);}.trust__in :is(span:not(:where(.t-txt,.t-b,.t-em,.t-figure,.t-h1,.t-i,.t-inl,.t-li,.t-ol,.t-ul)), div:where(.t-span)){display: block;margin-top: 4px;font-size: 13px;line-height: 1.5;color: var(--ink-2);}.meth__t{margin-top: clamp(40px, 4.5vw, 64px);font-size: 13px;font-weight: 700;letter-spacing: 0.08em;text-transform: uppercase;color: var(--ink-2);}.meth{display: grid;grid-template-columns: repeat(4, 1fr);gap: clamp(20px, 2.5vw, 36px);margin-top: 20px;list-style: none;}.meth__i{padding-top: 14px;border-top: var(--bw) solid var(--ink);}.meth__n{display: block;font-family: var(--font-titre);font-size: 30px;line-height: 1;color: var(--gold);}.meth__i :is(b, span:where(.t-b), div:where(.t-b)){display: block;margin-top: 12px;font-size: 15px;font-weight: 700;letter-spacing: -0.025em;color: var(--ink);}.meth__i :is(span:not(:where(.t-txt,.t-b,.t-em,.t-figure,.t-h1,.t-i,.t-inl,.t-li,.t-ol,.t-ul)), div:where(.t-span)){display: block;margin-top: 6px;font-size: 13px;line-height: 1.55;color: var(--ink-2);}.fo__t{margin-top: 18px;font-size: 12px;font-weight: 700;letter-spacing: 0.08em;text-transform: uppercase;color: var(--ink-3);}.fo__prog{display: grid;gap: 7px;margin-top: 10px;}.fo__prog :is(li, span:where(.t-li), div:where(.t-li)){position: relative;padding-left: 18px;font-size: 13.5px;line-height: 1.5;color: var(--ink-2);}.fo__prog :is(li, span:where(.t-li), div:where(.t-li))::before{content: "";position: absolute;left: 0;top: 7px;width: 7px;height: 7px;border-radius: 50%;background: var(--gold);}.fo__prog--sobre :is(li, span:where(.t-li), div:where(.t-li))::before{background: var(--line-2);}.fo__prereq{margin-top: 16px;font-size: 12.5px;line-height: 1.55;color: var(--ink-3);}.fo__prereq :is(b, span:where(.t-b), div:where(.t-b)){color: var(--ink-2);font-weight: 600;}.sec__go{margin-top: clamp(28px, 3vw, 40px);text-align: center;}.cyl{--w: 283px;--gap: 16px;width: 100%;overflow: hidden;}.cyl__track{display: flex;width: max-content;animation: slideRight 46s linear infinite;}.cyl:hover .cyl__track{animation-play-state: paused;}.cyl__c{flex: none;width: var(--w);height: auto;aspect-ratio: 7 / 9;object-fit: cover;margin-right: var(--gap);border-radius: 16px;}@keyframes slideRight{from{transform: translateX(-50%);}to{transform: translateX(0);}}@media (max-width: 720px){.cyl{--w: 190px;--gap: 12px;}}@media (prefers-reduced-motion: reduce){.cyl__track{animation: none;}.cyl{overflow-x: auto;}}.filter{position: relative;margin-bottom: var(--gap);width: max-content;}.filter__toggle{display: flex;align-items: center;gap: 12px;padding: 9px 14px 9px 10px;border-radius: 999px;border: var(--bw) solid var(--line);background: var(--paper);box-shadow: var(--sh-xs);font-size: 14px;font-weight: 600;transition: border-color 0.22s, box-shadow 0.25s;}.filter__toggle:hover{border-color: var(--line-2);box-shadow: var(--sh);}.filter__ic{display: grid;place-items: center;width: 34px;height: 34px;padding: 9px;border-radius: 50%;background: var(--surface);color: var(--ink);}.filter__chev{width: 16px;height: 16px;color: var(--ink-3);transition: transform 0.3s var(--ease);}.filter__toggle[aria-expanded="true"] .filter__chev{transform: rotate(180deg);}.filter__list{position: absolute;z-index: 20;top: calc(100% + 8px);left: 0;min-width: 260px;padding: 8px;display: grid;gap: 2px;border-radius: var(--r-md);border: var(--bw) solid var(--line);background: var(--paper);box-shadow: var(--sh);transform-origin: 0 0;opacity: 0;transform: translateY(-6px) scale(0.97);transition: opacity 0.24s var(--ease), transform 0.32s var(--spring);}.filter__list.is-open{opacity: 1;transform: none;}.filter__opt{display: flex;align-items: center;justify-content: space-between;gap: 20px;padding: 11px 12px;border-radius: var(--r-xs);font-size: 15px;font-weight: 600;color: var(--ink-2);transition: background 0.2s, color 0.2s;}.filter__opt:hover{background: var(--surface);color: var(--ink);}.tick{display: grid;place-items: center;flex: none;width: 22px;height: 22px;padding: 4px;border-radius: 50%;border: 2.4px solid var(--line-2);color: transparent;transition: background 0.22s, border-color 0.22s, color 0.22s;}.filter__opt.is-on .tick{background: var(--ok);border-color: var(--ok);color: #fff;}.filter__opt.is-on{color: var(--ink);}.grid{display: grid;grid-template-columns: repeat(4, 1fr);gap: var(--gap);}.card{position: relative;grid-column: span 1;aspect-ratio: 3 / 4;border-radius: var(--r-md);border: var(--bw) solid var(--line);background: var(--surface);overflow: hidden;transition: opacity 0.35s var(--ease), transform 0.4s var(--spring), box-shadow 0.3s;}.card--tall{grid-column: span 2;aspect-ratio: 3 / 2;}.card--wide{grid-column: span 2;aspect-ratio: 3 / 2;}.card img{width: 100%;height: 100%;object-fit: cover;transition: transform 0.7s var(--ease);}.card:hover{box-shadow: var(--sh);}.card:hover img{transform: scale(1.04);}.card.is-off{display: none;}.card figcaption{position: absolute;left: 12px;bottom: 12px;display: flex;align-items: baseline;gap: 8px;padding: 8px 14px;border-radius: 999px;background: rgba(254, 254, 254, 0.92);backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px);border: var(--bw) solid rgba(255, 255, 255, 0.7);box-shadow: var(--sh-xs);}.card figcaption :is(b, span:where(.t-b), div:where(.t-b)){font-size: 13.5px;font-weight: 700;letter-spacing: -0.02em;}.card figcaption :is(span:not(:where(.t-txt,.t-b,.t-em,.t-figure,.t-h1,.t-i,.t-inl,.t-li,.t-ol,.t-ul)), div:where(.t-span)){font-size: 12px;color: var(--ink-3);}.empty{padding: 48px 0;text-align: center;color: var(--ink-3);font-size: 15px;}.mc{display: grid;gap: 12px;}.mc__stage:empty{display: none;}.mc__grid{display: grid;grid-template-columns: repeat(3, 1fr);gap: 12px;}.mcc{position: relative;display: flex;flex-direction: column;justify-content: space-between;gap: 12px;height: 200px;padding: 16px;border-radius: 26px;overflow: hidden;text-align: left;color: #fff;isolation: isolate;background: var(--c1);box-shadow: 0 14px 30px -18px rgba(0, 0, 0, 0.55);transition: height 0.5s var(--ease), transform 0.3s var(--spring), box-shadow 0.3s, border-radius 0.5s var(--ease);}.mc.is-open .mcc{height: 150px;border-radius: 22px;}.mcc__bg{position: absolute;inset: 0;z-index: -2;width: 100%;height: 100%;object-fit: cover;transition: transform 0.7s var(--ease);}.mcc:hover .mcc__bg{transform: scale(1.06);}.mcc::after{content: "";position: absolute;inset: 0;z-index: -1;background: linear-gradient(180deg, rgba(0,0,0,0) 40%, rgba(0,0,0,0.8) 100%), linear-gradient(155deg, color-mix(in srgb, var(--c2) 22%, transparent) 0%, transparent 55%);}.mcc__bg{object-position: 50% 18%;filter: brightness(1.08) saturate(1.06);}.mcc:hover{transform: translateY(-2px);box-shadow: 0 22px 40px -20px rgba(0, 0, 0, 0.6);}.mcc.is-hidden{display: none;}.mcc__top{display: flex;align-items: flex-start;justify-content: space-between;gap: 10px;}.mcc__ic{width: 30px;height: 30px;flex: none;transition: width 0.4s var(--ease), height 0.4s var(--ease);}.mc.is-open .mcc__ic{width: 22px;height: 22px;}.mcc__ic svg{width: 100%;height: 100%;fill: none;stroke: currentColor;stroke-width: 1.6;stroke-linecap: round;stroke-linejoin: round;}.mcc__more{display: grid;place-items: center;width: 26px;height: 26px;padding: 5px;border-radius: 999px;background: rgba(255, 255, 255, 0.14);flex: none;}.mcc__more svg{width: 100%;height: 100%;fill: currentColor;stroke: none;}.mcc__b :is(b, span:where(.t-b), div:where(.t-b)){display: block;font-size: 15px;font-weight: 600;line-height: 1.2;letter-spacing: -0.02em;transition: font-size 0.4s var(--ease);}.mcc__b :is(i, span:where(.t-i), div:where(.t-i)){display: block;font-style: normal;font-size: 14px;font-weight: 600;color: rgba(255, 255, 255, 0.6);transition: font-size 0.4s var(--ease);}.mc.is-open .mcc__b :is(b, span:where(.t-b), div:where(.t-b)){font-size: 14px;}.mc.is-open .mcc__b :is(i, span:where(.t-i), div:where(.t-i)){font-size: 13px;}.mc__big{display: flex;flex-direction: column;justify-content: space-between;gap: 18px;min-height: 210px;padding: clamp(18px, 2vw, 24px);border-radius: 30px;color: #fff;background: linear-gradient(150deg, var(--c2) 0%, var(--c1) 100%);box-shadow: 0 26px 54px -24px rgba(0, 0, 0, 0.6);animation: mcIn 0.5s var(--spring) both;}@keyframes mcIn{from{opacity: 0;transform: translateY(12px) scale(0.985);}to{opacity: 1;transform: none;}}.mc__row{display: flex;align-items: flex-start;justify-content: space-between;gap: 14px;}.mc__bigic{width: 42px;height: 42px;flex: none;}.mc__bigic svg{width: 100%;height: 100%;fill: none;stroke: currentColor;stroke-width: 1.5;stroke-linecap: round;stroke-linejoin: round;}.mc__acts{display: flex;gap: 8px;flex: none;}.mc__pill{display: inline-flex;align-items: center;gap: 8px;padding: 9px 16px;border-radius: 999px;background: rgba(255, 255, 255, 0.15);backdrop-filter: blur(6px);font-size: 13px;font-weight: 600;color: #fff;transition: background 0.22s, transform 0.25s var(--spring);}.mc__pill:hover{background: rgba(255, 255, 255, 0.26);transform: translateY(-1px);}.mc__pill svg{width: 15px;height: 15px;fill: none;stroke: currentColor;stroke-width: 1.8;stroke-linecap: round;stroke-linejoin: round;}.mc__pill--go{background: #fff;color: #16151c;font-weight: 700;}.mc__pill--go:hover{background: #fff;box-shadow: 0 10px 26px -12px rgba(0, 0, 0, 0.8);}.mc__desc{font-size: 14px;line-height: 1.55;color: rgba(255, 255, 255, 0.78);max-width: 62ch;}.mc__tete{display: grid;gap: 4px;}.mc__meta{font-size: 13px;font-weight: 500;color: rgba(255, 255, 255, 0.6);}.mc__bot{display: flex;align-items: flex-end;justify-content: space-between;gap: 16px;}.mc__name{font-size: clamp(19px, 2.1vw, 26px);font-weight: 600;letter-spacing: -0.028em;line-height: 1.1;}.mc__price{font-size: clamp(22px, 2.4vw, 32px);font-weight: 700;letter-spacing: -0.03em;line-height: 1.1;}.mc__detail{margin-top: 4px;font-size: 12.5px;font-weight: 500;color: rgba(255, 255, 255, 0.62);}.mc__note{font-size: 12.5px;line-height: 1.5;color: rgba(255, 255, 255, 0.55);max-width: 58ch;}.mc__opts{display: grid;grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));gap: 8px;padding: 8px;border-radius: var(--r-sm);background: rgba(255, 255, 255, 0.1);}.opt{display: flex;align-items: center;justify-content: space-between;gap: 12px;padding: 8px 8px 8px 14px;border-radius: 12px;background: rgba(0, 0, 0, 0.16);}.opt__k{font-size: 12.5px;font-weight: 600;color: rgba(255, 255, 255, 0.78);}.step{display: flex;align-items: center;gap: 2px;flex: none;}.step__v{min-width: 76px;text-align: center;font-size: 13px;font-weight: 700;font-variant-numeric: tabular-nums;}.step__b{display: grid;place-items: center;width: 30px;height: 30px;padding: 7px;border-radius: 50%;background: rgba(255, 255, 255, 0.16);color: #fff;transition: background 0.2s, opacity 0.2s, transform 0.2s var(--spring);}.step__b svg{width: 100%;height: 100%;fill: none;stroke: currentColor;stroke-width: 2.2;stroke-linecap: round;}.step__b:hover:not(:disabled){background: rgba(255, 255, 255, 0.3);}.step__b:active:not(:disabled){transform: scale(0.9);}.step__b:disabled{opacity: 0.3;cursor: not-allowed;}.bk__resume{grid-column: 1 / -1;padding: 12px 16px;border-radius: var(--r-sm);border: var(--bw) solid var(--line);background: var(--surface);font-size: 13px;font-weight: 600;color: var(--ink-2);}.bk__resume[hidden]{display: none;}.stack__note{padding: 14px 18px 0;font-size: 13px;color: var(--ink-3);text-align: center;}@media (max-width: 900px){.mc__grid{grid-template-columns: repeat(2, 1fr);}.mc__row{flex-wrap: wrap;}.mc__bot{flex-direction: column;align-items: flex-start;gap: 10px;}}@media (max-width: 560px){.mc__grid{grid-template-columns: minmax(0, 1fr);}.mcc, .mc.is-open .mcc{height: 168px;}}.sec--shot{position: relative;display: flex;align-items: center;overflow: hidden;min-height: clamp(440px, 60vh, 620px);}.shot__bg, .shot__veil{position: absolute;inset: 0;max-width: none;margin: 0;}.shot__bg{width: 100%;height: 100%;object-fit: cover;object-position: 50% 30%;}.shot__veil{background: linear-gradient(100deg, rgba(20, 18, 26, 0.95) 0%, rgba(20, 18, 26, 0.86) 32%, rgba(20, 18, 26, 0.52) 64%, rgba(20, 18, 26, 0.3) 100%), linear-gradient(0deg, rgba(20, 18, 26, 0.62) 0%, rgba(20, 18, 26, 0) 46%);}.shot__in{position: relative;width: 100%;}.shot__in > *{max-width: 620px;}.shot__in .stats{max-width: 540px;}.about__p{margin-top: 16px;font-size: 15.5px;color: var(--ink-2);max-width: 52ch;}.stats{display: grid;grid-template-columns: repeat(3, 1fr);gap: 6px;margin-top: 32px;padding: 6px;border-radius: var(--r-md);border: var(--bw) solid var(--line);background: var(--surface);}.stats :is(li, span:where(.t-li), div:where(.t-li)){padding: 16px;border-radius: var(--r-sm);border: var(--bw) solid var(--line);background: var(--paper);text-align: center;}.stats :is(b, span:where(.t-b), div:where(.t-b)){display: block;font-size: clamp(24px, 2.6vw, 32px);font-weight: 700;letter-spacing: -0.035em;}.stats :is(span:not(:where(.t-txt,.t-b,.t-em,.t-figure,.t-h1,.t-i,.t-inl,.t-li,.t-ol,.t-ul)), div:where(.t-span)){display: block;margin-top: 2px;font-size: 12px;font-weight: 600;color: var(--ink-3);}.faq{--faq-ind: 40px;display: grid;grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);gap: 0 clamp(24px, 3vw, 56px);align-items: start;}.faq__col{align-self: start;}.faq__i{border-bottom: var(--bw) solid var(--line);}.faq__i:last-child{border-bottom: 0;}.faq__q{position: relative;display: flex;align-items: center;gap: 18px;width: 100%;min-height: 68px;padding: 16px 52px 16px 20px;border-left: clamp(6px, 0.8vw, 10px) solid var(--line-2);text-align: left;font-size: clamp(15px, 1.4vw, 18px);font-weight: 600;letter-spacing: -0.02em;color: var(--ink-2);transition: color 0.2s, background 0.2s, border-left-color 0.2s;}.faq__q:hover{color: var(--ink);border-left-color: var(--ink-3);background: rgba(0, 0, 0, 0.02);}.faq__i.is-on .faq__q{color: var(--ink);font-weight: 700;background: var(--paper);border-left-color: var(--ink);}.faq__qt{flex: 1;}.faq__sign{position: relative;flex: none;width: 22px;height: 22px;}.faq__sign::before, .faq__sign::after{content: '';position: absolute;top: 50%;left: 0;width: 100%;height: 2px;margin-top: -1px;border-radius: 2px;background: currentColor;transition: transform 0.3s var(--ease);}.faq__sign::after{transform: rotate(90deg);}.faq__i.is-on .faq__sign::after{transform: rotate(90deg) scaleX(0);}.faq__chev{position: absolute;top: 50%;right: 24px;width: 9px;height: 9px;border-top: 2.5px solid currentColor;border-right: 2.5px solid currentColor;color: var(--ink-3);transform: translateY(-70%) rotate(133deg);transition: transform 0.25s var(--ease), color 0.2s;}.faq__i.is-on .faq__chev{color: var(--ink);transform: translateY(-30%) rotate(-44deg);}.faq__a{display: grid;grid-template-rows: 1fr;border-left: clamp(6px, 0.8vw, 10px) solid var(--line-2);transition: grid-template-rows 0.32s var(--ease), background 0.2s, border-left-color 0.2s;}.faq[data-ready] .faq__a{grid-template-rows: 0fr;}.faq[data-ready] .faq__i.is-on .faq__a{grid-template-rows: 1fr;background: var(--paper);border-left-color: var(--ink);}.faq__a > :is(div:not(:where(.t-span,.t-svgw,.t-b,.t-em,.t-figure,.t-h1,.t-i,.t-inl,.t-li,.t-ol,.t-ul)), span:where(.t-div)){overflow: hidden;}.faq__at{padding: 2px 28px 26px calc(20px + var(--faq-ind));font-size: 15px;color: var(--ink-2);max-width: 62ch;}.faq__at a{font-weight: 600;color: var(--ink);text-decoration: underline;text-underline-offset: 3px;}.ct{display: grid;grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);gap: var(--gap);}.ct__box{display: flex;flex-direction: column;padding: clamp(22px, 2.6vw, 34px);border-radius: var(--r-lg);border: var(--bw) solid var(--line);background: var(--surface);}.ct__body{display: flex;flex-direction: column;flex: 1;}.ct__t{font-size: 21px;font-weight: 700;letter-spacing: -0.03em;max-width: 22ch;}.ct__d{margin: 8px 0 22px;font-size: 14.5px;color: var(--ink-2);max-width: 40ch;}.ct__list{display: grid;gap: 4px;margin-top: 22px;}.ct__list :is(li, span:where(.t-li), div:where(.t-li)){display: flex;align-items: baseline;justify-content: space-between;gap: 16px;min-height: 48px;padding: 13px 16px;border-radius: var(--r-sm);border: var(--bw) solid var(--line);background: var(--paper);font-size: 14px;font-weight: 600;color: var(--ink-2);}.ct__list a{transition: color 0.2s;}.ct__list a:hover{color: var(--ink);}.ct__k{font-size: 12px;font-weight: 600;color: var(--ink-3);margin-bottom: 14px;}.ct__body .btn--full{margin-top: auto;}.ct__locs{display: grid;grid-template-rows: 1fr 1fr;gap: 16px;}.loc{display: flex;flex-direction: column;min-height: 0;}.loc + .loc{padding-top: 16px;border-top: var(--bw) solid var(--line);}.loc__hd{display: flex;align-items: baseline;justify-content: space-between;gap: 12px;margin-bottom: 10px;}.loc__hd :is(b, span:where(.t-b), div:where(.t-b)){font-size: 15px;font-weight: 700;letter-spacing: -0.025em;color: var(--ink);}.loc__hd :is(span:not(:where(.t-txt,.t-b,.t-em,.t-figure,.t-h1,.t-i,.t-inl,.t-li,.t-ol,.t-ul)), div:where(.t-span)){display: block;font-size: 13px;font-weight: 500;color: var(--ink-3);}.ct__frame{flex: 1;min-height: 150px;border-radius: var(--r-sm);overflow: hidden;border: var(--bw) solid var(--line);background: var(--paper);}.ct__frame iframe{display: block;width: 100%;height: 100%;border: 0;}.ct__route{display: inline-flex;align-items: center;flex: none;gap: 7px;font-size: 13px;font-weight: 600;color: var(--ink-2);transition: color 0.2s;}.ct__route svg{width: 15px;height: 15px;fill: none;stroke: currentColor;stroke-width: 1.9;stroke-linecap: round;stroke-linejoin: round;transition: transform 0.3s var(--ease);}.ct__route:hover{color: var(--ink);}.ct__route:hover svg{transform: translate(2px, -2px);}.ct__places :is(b, span:where(.t-b), div:where(.t-b)){font-size: 15px;font-weight: 700;letter-spacing: -0.025em;color: var(--ink);}.ct__places :is(span:not(:where(.t-txt,.t-b,.t-em,.t-figure,.t-h1,.t-i,.t-inl,.t-li,.t-ol,.t-ul)), div:where(.t-span)){font-size: 13.5px;font-weight: 500;color: var(--ink-3);text-align: right;}.ft{position: relative;overflow: hidden;background: #0b0a0f;color: #f4f4f5;}.ft__bg{position: absolute;inset: -4% 0 0;background: var(--ft-photo) center 30% / cover no-repeat;}.ft__fx{position: absolute;inset: 0;display: block;width: 100%;height: 100%;opacity: 0;transition: opacity 0.9s var(--ease);}.ft__fx.is-on{opacity: 1;}.ft.is-glass .ft__veil{background: linear-gradient(180deg, rgba(9, 10, 14, 0.3) 0%, rgba(9, 10, 14, 0.05) 38%, rgba(9, 10, 14, 0.58) 72%, rgba(9, 10, 14, 0.92) 100%);}.ft__veil{position: absolute;inset: 0;background: linear-gradient(180deg, rgba(9, 10, 14, 0.45) 0%, rgba(9, 10, 14, 0.12) 40%, rgba(9, 10, 14, 0.68) 70%, rgba(9, 10, 14, 0.97) 100%);}.ft__stage{position: relative;display: flex;flex-direction: column;justify-content: flex-end;min-height: clamp(360px, 42vw, 560px);padding-top: 56px;}.ft__mark{position: absolute;left: 50%;top: 12%;width: 116%;transform: translateX(-50%);pointer-events: none;}.ft[data-anim] .ft__mark{opacity: 0;transform: translate(-50%, 30px);filter: blur(10px);transition: opacity 1.1s var(--ease), transform 1.1s var(--ease), filter 1.1s var(--ease);}.ft[data-anim] .ft__mark.is-in{opacity: 1;transform: translate(-50%, 0);filter: blur(0);}.ft__mark svg{width: 100%;height: auto;}.ft__panel{position: relative;padding: 28px var(--pad) 24px;border-top: 1px solid rgba(255, 255, 255, 0.12);background: rgba(9, 10, 14, 0.22);backdrop-filter: blur(6px);-webkit-backdrop-filter: blur(6px);box-shadow: 0 -24px 80px rgba(9, 10, 14, 0.34);}.ft__in{max-width: 1400px;margin: 0 auto;}.ft__grid{display: grid;grid-template-columns: minmax(220px, 1fr) minmax(0, 1.1fr);gap: 30px clamp(28px, 5vw, 80px);}.ft__logo{display: inline-block;margin-bottom: 14px;}.ft__logo img{width: 128px;height: auto;}.ft__tag{max-width: 40ch;font-size: 14px;line-height: 1.7;color: rgba(244, 244, 245, 0.72);}.ft__cols{display: grid;grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));gap: 26px clamp(20px, 4vw, 66px);}.ft__ct{font-size: 12.5px;font-weight: 600;letter-spacing: 0.08em;text-transform: uppercase;color: #fafafa;}.ft__cl{display: grid;gap: 8px;margin-top: 14px;}.ft__cl a{font-size: 13.5px;color: rgba(228, 228, 231, 0.68);transition: color 0.2s;}.ft__cl a:hover{color: #fff;}.ft__bot{display: flex;flex-wrap: wrap;align-items: flex-start;justify-content: space-between;gap: 12px;margin-top: 26px;padding-top: 16px;border-top: 1px solid rgba(255, 255, 255, 0.11);}.ft__cop{font-size: 13px;line-height: 1.7;color: rgba(161, 161, 170, 0.9);}:is(.ft__by, .ls-tx-1 > span:nth-of-type(1)){display: block;color: rgba(161, 161, 170, 0.62);}:is(.ft__by, .ls-tx-1 > span:nth-of-type(1)) a{color: rgba(228, 228, 231, 0.85);transition: color 0.2s;}:is(.ft__by, .ls-tx-1 > span:nth-of-type(1)) a:hover{color: #fff;}.ft__end{display: flex;flex-direction: column;align-items: flex-end;gap: 2px;}.ft__soc{display: flex;align-items: center;gap: 2px;}.ft__soc a{display: grid;place-items: center;width: 38px;height: 38px;color: rgba(161, 161, 170, 0.95);transition: color 0.2s, transform 0.2s var(--ease);}.ft__soc svg{width: 16px;height: 16px;fill: currentColor;}.ft__soc a:hover{color: #fff;transform: scale(1.1);}.ft__soc a:active{transform: scale(0.96);}.ft__legal{display: flex;flex-wrap: wrap;gap: 18px;}.ft__legal a{font-size: 13px;color: rgba(228, 228, 231, 0.8);transition: color 0.2s;}.ft__legal a:hover{color: #fff;}.ft[data-anim] [data-rise]{opacity: 0;transform: translateY(16px);filter: blur(6px);transition: opacity 0.65s var(--ease), transform 0.65s var(--ease), filter 0.65s var(--ease);}.ft[data-anim] [data-rise].is-in{opacity: 1;transform: none;filter: blur(0);}.bk{position: fixed;inset: 0;z-index: 900;display: flex;align-items: flex-end;justify-content: center;padding: clamp(8px, 2vw, 24px);}.bk[hidden]{display: none;}.bk__veil{position: absolute;inset: 0;background: rgba(30, 30, 34, 0.42);backdrop-filter: blur(3px);-webkit-backdrop-filter: blur(3px);opacity: 0;transition: opacity 0.34s ease;}.bk.is-on .bk__veil{opacity: 1;}.bk__sheet{position: relative;width: 100%;max-width: 560px;max-height: 100%;overflow-y: auto;padding: clamp(20px, 2.6vw, 30px);border-radius: var(--r-lg);border: var(--bw) solid var(--line);background: var(--paper);box-shadow: 0 40px 90px -30px rgba(0, 0, 0, 0.35);transform: translateY(24px) scale(0.985);opacity: 0;transition: transform 0.44s var(--spring), opacity 0.3s ease;}.bk.is-on .bk__sheet{transform: none;opacity: 1;}.bk__hd{display: flex;align-items: center;justify-content: space-between;gap: 16px;margin-bottom: 20px;}.bk__t{font-size: 21px;font-weight: 700;letter-spacing: -0.03em;}.bk__form{display: grid;grid-template-columns: 1fr 1fr;gap: 12px;}.f--full{grid-column: 1 / -1;}.f label, .lbl{display: block;margin-bottom: 7px;font-size: 12px;font-weight: 600;color: var(--ink-3);}.bk input, .bk select, .bk textarea{width: 100%;padding: 12px 14px;border-radius: var(--r-xs);border: var(--bw) solid var(--line);background: var(--surface);color: var(--ink);font: inherit;font-size: 15px;transition: border-color 0.22s, background 0.22s;}.bk textarea{min-height: 84px;resize: vertical;}.bk input:focus, .bk select:focus, .bk textarea:focus{outline: none;border-color: var(--ink-3);background: var(--paper);}.bk ::placeholder{color: var(--ink-3);}.bk select{appearance: none;-webkit-appearance: none;padding-right: 38px;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23AFAEB9' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m7 10 5 5 5-5'/%3E%3C/svg%3E");background-repeat: no-repeat;background-position: right 12px center;background-size: 17px;}.cal{border-radius: var(--r-md);border: var(--bw) solid var(--line);background: var(--surface);overflow: hidden;}.cal__hd{display: flex;align-items: center;justify-content: space-between;gap: 16px;padding: 14px 16px;border-bottom: var(--bw) solid var(--line);background: var(--paper);}.cal__t{font-size: 15px;font-weight: 700;letter-spacing: -0.025em;text-transform: capitalize;}.cal__d{margin-top: 1px;font-size: 12.5px;color: var(--ink-3);}.cal__nav{display: flex;gap: 6px;flex: none;}.btn--icon-sm{width: 32px;height: 32px;padding: 9px;}.btn--icon:disabled{opacity: 0.4;cursor: default;}.cal__dow, .cal__grid{display: grid;grid-template-columns: repeat(7, 1fr);}.cal__dow{padding: 10px 10px 2px;font-size: 11px;font-weight: 600;color: var(--ink-3);text-align: center;}.cal__grid{gap: 2px;padding: 6px 10px 12px;}.cd{aspect-ratio: 1;display: grid;place-items: center;border-radius: 10px;border: var(--bw) solid transparent;font-size: 13.5px;font-weight: 600;font-variant-numeric: tabular-nums;color: var(--ink-2);transition: background 0.18s, color 0.18s, border-color 0.18s, transform 0.25s var(--spring);}.cd:hover:not(:disabled){background: var(--paper);border-color: var(--line);}.cd:disabled{color: var(--ink-3);opacity: 0.4;cursor: default;}.cd.is-today{border-color: var(--line-2);}.cd.is-taken{position: relative;opacity: 1;color: var(--ink-3);background: repeating-linear-gradient(135deg, rgba(0, 0, 0, 0.045) 0 1px, rgba(0, 0, 0, 0) 1px 5px);}.cd.is-taken::after{content: "";position: absolute;left: 22%;right: 22%;height: 1.4px;background: var(--ink-3);transform: rotate(-18deg);}.cd.is-shut{opacity: 0.28;}.cal__key{display: flex;align-items: center;gap: 7px;padding: 0 12px 12px;font-size: 11.5px;color: var(--ink-3);}.key{width: 12px;height: 12px;border-radius: 4px;border: var(--bw) solid var(--line);flex: none;}.key--taken{background: repeating-linear-gradient(135deg, rgba(0,0,0,0.14) 0 1px, rgba(0,0,0,0) 1px 4px);}.key--free{background: var(--paper);margin-left: 12px;}.cd.is-on{background: var(--ink);border-color: var(--ink);color: #fff;transform: scale(1.04);}.seg{position: relative;display: grid;grid-auto-flow: column;grid-auto-columns: 1fr;gap: 2px;padding: 4px;border-radius: var(--r-xs);border: var(--bw) solid var(--line);background: var(--surface);}.seg__pill{position: absolute;top: 4px;bottom: 4px;left: 0;border-radius: 9px;background: var(--paper);border: var(--bw) solid var(--line);box-shadow: var(--sh-xs);transition: transform 0.42s var(--spring), width 0.42s var(--spring);}.seg__pill.is-idle{transition: none;}.seg__i{position: relative;z-index: 1;padding: 9px 6px;border-radius: 9px;font-size: 13.5px;font-weight: 600;color: var(--ink-3);transition: color 0.22s;}.seg__i.is-on{color: var(--ink);}.bk__note{grid-column: 1 / -1;font-size: 12.5px;color: var(--ink-3);text-align: center;}@media (max-width: 1080px){.trust__in{grid-template-columns: repeat(2, 1fr);row-gap: 28px;}.meth{grid-template-columns: repeat(2, 1fr);}.trust__in :is(li, span:where(.t-li), div:where(.t-li)):nth-child(odd){padding-left: 0;border-left: 0;}.trust__in :is(li, span:where(.t-li), div:where(.t-li)):nth-child(even){padding-right: 0;}.grid{grid-template-columns: repeat(2, 1fr);}.card, .card--tall, .card--wide{grid-column: span 1;aspect-ratio: 3 / 4;}.ct{grid-template-columns: minmax(0, 1fr);}}@media (max-width: 1320px){.tabs__i{padding: 8px 11px;font-size: 13px;}}@media (max-width: 1080px){.tabs__i:first-of-type{display: none;}}@media (max-width: 1000px){.stage{max-width: 64%;}.display{text-align: left;}.stage__foot{padding-left: 0;}.promo{width: clamp(160px, 26vw, 208px);bottom: auto;top: 50%;transform: translateY(-50%);animation-name: hUpMid;}}@keyframes hUpMid{from{opacity: 0;transform: translateY(calc(-50% + 20px));}to{opacity: 1;transform: translateY(-50%);}}@media (max-width: 900px){.sec--shot{min-height: clamp(400px, 78vh, 560px);align-items: flex-end;}.shot__veil{background: linear-gradient(0deg, rgba(20, 18, 26, 0.96) 0%, rgba(20, 18, 26, 0.88) 42%, rgba(20, 18, 26, 0.52) 74%, rgba(20, 18, 26, 0.34) 100%);}.shot__in > *, .shot__in .stats{max-width: none;}.faq{grid-template-columns: minmax(0, 1fr);}.ft__grid{grid-template-columns: minmax(0, 1fr);}.ft__end{align-items: flex-start;}.ft__soc a:first-child{margin-left: -9px;}.faq__col:first-child .faq__i:last-child{border-bottom: var(--bw) solid var(--line);}}@media (max-width: 720px){.hero{--mark: 30%;}.hero .rail, .promo{display: none;}.hero__in{padding-left: 0;}.stage{max-width: none;}.display{font-size: clamp(30px, 8.4vw, 46px);}.stage__foot{flex-direction: column;align-items: flex-start;gap: 24px;}.hero__lede{max-width: 352px;}.stage__foot .btn{width: 100%;justify-content: space-between;}.mark{font-size: min(30vw, 26vh);}.hero .wash{background: linear-gradient(180deg, rgba(6,6,8,0.8) 0%, rgba(6,6,8,0.45) 30%, rgba(6,6,8,0.35) 55%, rgba(6,6,8,0.88) 100%);}}@media (max-width: 640px){.trust__in{grid-template-columns: minmax(0, 1fr);row-gap: 0;}.meth{grid-template-columns: minmax(0, 1fr);}.trust__in :is(li, span:where(.t-li), div:where(.t-li)){padding: 18px 0;border-left: 0;}.trust__in :is(li, span:where(.t-li), div:where(.t-li)) + :is(li, span:where(.t-li), div:where(.t-li)){border-left: 0;border-top: 1px solid var(--line);}.trust__in :is(li, span:where(.t-li), div:where(.t-li)):first-child{padding-top: 0;}.trust__in :is(li, span:where(.t-li), div:where(.t-li)):last-child{padding-bottom: 0;}.grid{grid-template-columns: minmax(0, 1fr);}.pack__hd{grid-template-columns: 30px minmax(0, 1fr) 20px;row-gap: 4px;}.pack__p{grid-column: 2;}.pack__grid{grid-template-columns: 1fr;}.bk__form{grid-template-columns: 1fr;}.hero__cta .btn{width: 100%;}.stats{grid-template-columns: 1fr;}.filter, .filter__toggle{width: 100%;}.filter__toggle{justify-content: space-between;}.filter__list{right: 0;min-width: 0;}}@media (prefers-reduced-motion: reduce){html{scroll-behavior: auto;}*, *::before, *::after{animation-duration: 0.001ms !important;animation-iteration-count: 1 !important;transition-duration: 0.001ms !important;}}.ls-sr{position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0 0 0 0);white-space: nowrap;border: 0;}.bh{background: var(--cream);padding: clamp(104px, 12vw, 168px) var(--pad) clamp(40px, 5vw, 64px);}.bh__in{max-width: 1400px;margin: 0 auto;}.bh__t{max-width: 20ch;font-size: clamp(32px, 4.6vw, 60px);font-weight: 700;line-height: 1.03;letter-spacing: -0.035em;text-wrap: balance;}.bh__d{margin-top: 16px;max-width: 52ch;font-size: 15.5px;color: var(--ink-2);}.bh__tools{display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;gap: 14px;margin-top: clamp(28px, 4vw, 44px);}.bcats{display: flex;flex-wrap: wrap;gap: 2px;padding: 4px;border-radius: 999px;border: var(--bw) solid var(--line);background: var(--paper);}.bcat{padding: 9px 16px;border-radius: 999px;font-size: 13.5px;font-weight: 600;color: var(--ink-3);transition: background 0.22s, color 0.22s;}.bcat:hover{color: var(--ink-2);}.bcat.is-on{background: var(--ink);color: #fff;}.bsearch{display: flex;align-items: center;gap: 10px;padding: 0 16px;height: 46px;border-radius: 999px;border: var(--bw) solid var(--line);background: var(--paper);transition: border-color 0.22s;}.bsearch:focus-within{border-color: var(--ink-3);}.bsearch__ic{width: 17px;height: 17px;flex: none;color: var(--ink-3);}.bsearch__ic svg{width: 100%;height: 100%;fill: none;stroke: currentColor;stroke-width: 1.8;stroke-linecap: round;}.bsearch input{width: clamp(150px, 22vw, 240px);border: 0;background: none;outline: none;font: inherit;font-size: 14px;color: var(--ink);}.bsearch input::placeholder{color: var(--ink-3);}.bfeat{background: var(--cream);padding: 0 var(--pad) clamp(56px, 7vw, 96px);}.feat{display: grid;grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr);align-items: center;gap: clamp(20px, 3vw, 40px);max-width: 1400px;margin: 0 auto;padding: clamp(14px, 1.4vw, 20px);border-radius: var(--r-lg);border: var(--bw) solid var(--line);background: var(--paper);box-shadow: var(--sh);}.feat__ph{display: block;border-radius: var(--r-md);overflow: hidden;aspect-ratio: 4 / 3;background: var(--surface);}.feat__ph img{width: 100%;height: 100%;object-fit: cover;transition: transform 0.7s var(--ease);}.feat__ph:hover img{transform: scale(1.04);}.feat__body{padding: clamp(8px, 1.4vw, 24px) clamp(8px, 1.6vw, 28px) clamp(8px, 1.4vw, 24px) 0;}.feat__t{margin: 14px 0 12px;font-size: clamp(22px, 2.6vw, 34px);font-weight: 700;line-height: 1.1;letter-spacing: -0.03em;}.feat__t a{transition: color 0.2s;}.feat__t a:hover{color: var(--ink-2);}.feat__d{font-size: 15px;color: var(--ink-2);max-width: 48ch;}.bmeta{display: flex;align-items: center;flex-wrap: wrap;gap: 8px;font-size: 12.5px;color: var(--ink-3);}.bchip{padding: 5px 11px;border-radius: 999px;border: var(--bw) solid var(--line);background: var(--surface);font-size: 11.5px;font-weight: 600;color: var(--ink-2);}.bauthor{display: flex;align-items: center;gap: 10px;margin: 22px 0;}.bauthor__ph{width: 36px;height: 36px;border-radius: 50%;overflow: hidden;flex: none;background: var(--surface);}.bauthor__ph img{width: 100%;height: 100%;object-fit: cover;}.bauthor :is(b, span:where(.t-b), div:where(.t-b)){display: block;font-size: 13.5px;font-weight: 600;}.bauthor :is(span:not(:where(.t-txt,.t-b,.t-em,.t-figure,.t-h1,.t-i,.t-inl,.t-li,.t-ol,.t-ul)), div:where(.t-span)) :is(span:not(:where(.t-txt,.t-b,.t-em,.t-figure,.t-h1,.t-i,.t-inl,.t-li,.t-ol,.t-ul)), div:where(.t-span)){display: block;font-size: 12px;color: var(--ink-3);}.posts{display: grid;grid-template-columns: repeat(3, 1fr);gap: var(--gap);}.post{display: flex;flex-direction: column;border-radius: var(--r-md);border: var(--bw) solid var(--line);background: var(--paper);overflow: hidden;transition: transform 0.4s var(--spring), box-shadow 0.3s, border-color 0.25s;}.post:hover{transform: translateY(-3px);box-shadow: var(--sh);border-color: var(--line-2);}.post.is-off{display: none;}.post__ph{display: block;aspect-ratio: 3 / 2;overflow: hidden;background: var(--surface);}.post__ph img{width: 100%;height: 100%;object-fit: cover;transition: transform 0.7s var(--ease);}.post:hover .post__ph img{transform: scale(1.05);}.post__b{display: flex;flex-direction: column;flex: 1;gap: 10px;padding: 18px;}.post__t{font-size: 17px;font-weight: 700;line-height: 1.22;letter-spacing: -0.025em;}.post__t a{transition: color 0.2s;}.post__t a:hover{color: var(--ink-2);}.post__d{font-size: 13.5px;line-height: 1.55;color: var(--ink-2);}.post__date{margin-top: auto;font-size: 12px;color: var(--ink-3);}.note{display: grid;grid-template-columns: minmax(0, 1.2fr) minmax(0, 0.8fr);align-items: center;gap: clamp(24px, 4vw, 56px);}.note__d{margin-top: 14px;max-width: 44ch;font-size: 15px;color: var(--ink-2);}.note__cta{display: grid;gap: 10px;}@media (max-width: 1080px){.posts{grid-template-columns: repeat(2, 1fr);}.feat{grid-template-columns: minmax(0, 1fr);}.feat__body{padding: 0 clamp(8px, 2vw, 16px) 12px;}.note{grid-template-columns: minmax(0, 1fr);}}@media (max-width: 640px){.posts{grid-template-columns: minmax(0, 1fr);}.bh__tools{flex-direction: column;align-items: stretch;}.bsearch input{width: 100%;}}
/* LE CORPS D'UN ARTICLE. Ce que l'editeur de WordPress produit n'a pas de classes : on habille donc les balises elles-memes, mais seulement a l'interieur de .article, jamais ailleurs. La remise a zero du haut de feuille annule les marges natives ; c'est ici qu'on redonne un rythme de lecture. */.article{max-width:68ch;margin:0 auto;font-size:17px;line-height:1.75;color:var(--ink-2);}.article > * + *{margin-top:1.15em;}.article h2,.article h3,.article h4{color:var(--ink);font-weight:700;line-height:1.2;letter-spacing:-0.02em;margin-top:1.9em;}.article h2{font-size:clamp(22px, 2.4vw, 30px);}.article h3{font-size:clamp(19px, 2vw, 24px);}.article h4{font-size:17px;}.article strong,.article :is(b, span:where(.t-b), div:where(.t-b)){color:var(--ink);font-weight:600;}.article a{color:var(--ink);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px;}.article a:hover{color:var(--gold);}.article :is(ul, span:where(.t-ul), div:where(.t-ul)),.article :is(ol, span:where(.t-ol), div:where(.t-ol)){padding-left:1.35em;}.article :is(ul, span:where(.t-ul), div:where(.t-ul)){list-style:disc;}.article :is(ol, span:where(.t-ol), div:where(.t-ol)){list-style:decimal;}.article :is(li, span:where(.t-li), div:where(.t-li)) + :is(li, span:where(.t-li), div:where(.t-li)){margin-top:0.4em;}.article img{width:100%;height:auto;border-radius:var(--r-sm);}.article figcaption{margin-top:8px;font-size:13px;color:var(--ink-3);}.article blockquote{padding-left:18px;border-left:var(--bw) solid var(--line-2);color:var(--ink);font-style:italic;}.article hr{border:0;border-top:1px solid var(--line);margin-top:2em;}.article code{font-size:0.92em;background:var(--surface);border-radius:6px;padding:2px 6px;}
/* ================================================================
   CARTES A PHOTO — le journal et les formations

   Une seule carte pour les deux : meme objet, meme grille, seul le
   libelle du bouton change. Elle remplace les vignettes .post du
   blog et les grands encadres .ct__box des formations.

   POURQUOI. Sur fond blanc partout, plus aucune section ne porte de
   couleur : ce sont les cartes qui doivent tenir la page. Une carte
   au fond blanc borde d'un filet gris ne tient rien du tout. Celle-ci
   porte la photo en fond, le titre dessus, et le degrade qui rend le
   texte lisible quelle que soit la luminosite de l'image.

   LA PHOTO EST L'IMAGE MISE EN AVANT de l'article ou de la formation.
   Rien d'autre a regler : Articles > Image mise en avant.

   LA GRILLE EST EN QUATRE COLONNES, et une carte sur six est deux
   fois plus large. C'est ce qui donne le rythme de la maquette : deux
   rangees se repondent, la large en tete de l'une, en pied de
   l'autre. Sans cela, seize cartes identiques font un tableur.
================================================================= */
.gcs{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(12px,1.4vw,18px);}
.gcs .gc:nth-child(6n+1),.gcs .gc:nth-child(6n+6){grid-column:span 2;}

.gc{position:relative;display:flex;flex-direction:column;justify-content:space-between;gap:18px;
min-height:clamp(238px,25vw,320px);padding:clamp(18px,1.9vw,26px);border-radius:var(--r-md);
overflow:hidden;isolation:isolate;color:#fff;background:var(--night);text-align:left;
box-shadow:0 14px 34px -20px rgba(0,0,0,0.5);
transition:transform 0.3s var(--spring),box-shadow 0.3s;}
.gc:hover{transform:translateY(-3px);box-shadow:0 24px 46px -22px rgba(0,0,0,0.55);}
.gc__bg{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;
object-position:50% 28%;transition:transform 0.7s var(--ease);}
.gc:hover .gc__bg{transform:scale(1.05);}
/* Le voile : sombre en haut sous l'etiquette, clair au milieu pour
   laisser voir la photo, sombre en bas sous le titre et le bouton. */
.gc::after{content:"";position:absolute;inset:0;z-index:-1;
background:linear-gradient(180deg,rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.06) 40%,rgba(0,0,0,0.84) 100%);}
.gc__hd{display:grid;gap:10px;}
.gc__k{font-size:11px;font-weight:700;letter-spacing:0.16em;text-transform:uppercase;color:rgba(255,255,255,0.82);}
.gc__t{font-size:clamp(19px,1.6vw,25px);font-weight:700;line-height:1.18;letter-spacing:-0.025em;text-wrap:balance;}
.gc__ft{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;}
.gc__m{font-size:12px;color:rgba(255,255,255,0.72);}
.gc__go{display:inline-flex;align-items:center;gap:8px;padding:9px 15px;border-radius:999px;
background:#fff;color:var(--ink);font-size:12.5px;font-weight:700;white-space:nowrap;
transition:background 0.22s,transform 0.25s var(--spring);}
.gc:hover .gc__go{transform:translateX(2px);}
.gc__go svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}
/* is-off, et pas hidden : le filtre du journal masque par une classe,
   pour que la transition reste possible. */
.gc.is-off{display:none;}
@media(max-width:1000px){.gcs{grid-template-columns:repeat(2,1fr);}}
@media(max-width:620px){.gcs{grid-template-columns:1fr;}
.gcs .gc:nth-child(6n+1),.gcs .gc:nth-child(6n+6){grid-column:auto;}}

/* ================================================================
   COLONNE LATERALE

   Le journal et la page d'un article partagent la meme ossature :
   une colonne de lecture, une colonne d'appoint de 300 px qui suit
   le defilement.

   position:sticky ne tient QUE si aucun parent n'est en
   overflow:hidden. Elementor en pose sur ses conteneurs : c'est la
   raison de la regle de rattrapage dans le bloc Elementor, plus bas.
================================================================= */
.bl{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:clamp(26px,3.4vw,52px);align-items:start;}
.bl__main{min-width:0;}
.bl__side{position:sticky;top:96px;display:grid;gap:16px;min-width:0;}
@media(max-width:1020px){
.bl{grid-template-columns:1fr;}
/* Sous 1020 px la colonne passe SOUS l'article et ses encadres se
   rangent cote a cote tant qu'il reste de la place : empiles, ils
   feraient defiler trois ecrans de sommaire avant le pied de page. */
.bl__side{position:static;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));}}

.sbx{border:var(--bw) solid var(--line);border-radius:var(--r-sm);padding:20px;background:var(--paper);}
.sbx__t{margin-bottom:14px;font-size:11px;font-weight:700;letter-spacing:0.16em;text-transform:uppercase;color:var(--ink-3);}
.sbx .bsearch{width:100%;}
.sbx .bsearch input{width:100%;}
/* Les memes boutons que la barre horizontale, empiles. La classe
   .bcat est conservee TELLE QUELLE : c'est elle que le script de tri
   ecoute, la changer casserait le filtre. */
.bcats--v{display:grid;gap:2px;padding:0;border:0;background:none;border-radius:0;}
.bcats--v .bcat{text-align:left;padding:9px 12px;border-radius:10px;}
.bcats--v .bcat :is(span:not(:where(.t-txt,.t-b,.t-em,.t-figure,.t-h1,.t-i,.t-inl,.t-li,.t-ol,.t-ul)), div:where(.t-span)){float:right;color:var(--ink-3);font-weight:600;}
.bcats--v .bcat.is-on :is(span:not(:where(.t-txt,.t-b,.t-em,.t-figure,.t-h1,.t-i,.t-inl,.t-li,.t-ol,.t-ul)), div:where(.t-span)){color:rgba(255,255,255,0.6);}
.sbx__l{display:grid;gap:14px;}
.sbx__i{display:flex;gap:12px;align-items:center;}
.sbx__ph{flex:none;width:56px;height:56px;border-radius:10px;overflow:hidden;background:var(--surface);}
.sbx__ph img{width:100%;height:100%;object-fit:cover;}
.sbx__i :is(b, span:where(.t-b), div:where(.t-b)){display:block;font-size:13.5px;font-weight:600;line-height:1.35;color:var(--ink);}
.sbx__i :is(em, span:where(.t-em), div:where(.t-em)){display:block;margin-top:3px;font-size:12px;font-style:normal;color:var(--ink-3);}
.sbx__i:hover :is(b, span:where(.t-b), div:where(.t-b)){color:var(--ink-2);}
.sbx__tags{display:flex;flex-wrap:wrap;gap:8px;}
.sbx__tag{padding:7px 13px;border:var(--bw) solid var(--line);border-radius:999px;font-size:12px;font-weight:600;color:var(--ink-2);transition:border-color 0.22s,color 0.22s;}
.sbx__tag:hover{border-color:var(--line-2);color:var(--ink);}
.sbx__soc{display:flex;gap:10px;}
.sbx__soc a{display:grid;place-items:center;width:38px;height:38px;border:var(--bw) solid var(--line);border-radius:50%;color:var(--ink-2);transition:border-color 0.22s,color 0.22s;}
.sbx__soc a:hover{border-color:var(--line-2);color:var(--ink);}
.sbx__soc svg{width:16px;height:16px;fill:currentColor;stroke:none;}
.sbx__gal{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;}
.sbx__gal img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:8px;}

/* ================================================================
   PAGE D'UN ARTICLE — le fil d'Ariane, le partage, les commentaires
================================================================= */
.crumb{background:var(--surface);border-bottom:var(--bw) solid var(--line);
padding:clamp(104px,12vw,150px) var(--pad) clamp(20px,2.4vw,30px);}
.crumb__in{display:flex;align-items:baseline;justify-content:space-between;gap:18px;flex-wrap:wrap;max-width:1400px;margin:0 auto;}
.crumb__t{font-size:clamp(19px,2vw,26px);font-weight:700;letter-spacing:-0.03em;}
.crumb__p{font-size:12.5px;color:var(--ink-3);}
.crumb__p a{color:var(--ink-2);}
.crumb__p a:hover{color:var(--ink);}

.acover{margin:0 0 clamp(22px,2.6vw,32px);border-radius:var(--r-md);overflow:hidden;background:var(--surface);}
.acover img{width:100%;height:auto;display:block;}
.atitle{font-size:clamp(26px,3.4vw,42px);font-weight:700;line-height:1.08;letter-spacing:-0.035em;text-wrap:balance;}
.ameta{margin:12px 0 clamp(24px,3vw,34px);font-size:13px;color:var(--ink-3);}
.ameta :is(b, span:where(.t-b), div:where(.t-b)){font-weight:600;color:var(--ink-2);}

.share{display:flex;align-items:center;gap:12px;flex-wrap:wrap;
margin-top:clamp(30px,3.6vw,44px);padding-top:22px;border-top:var(--bw) solid var(--line);}
.share__t{font-size:11px;font-weight:700;letter-spacing:0.16em;text-transform:uppercase;color:var(--ink-3);}
.share a,.share button{display:grid;place-items:center;width:38px;height:38px;border:var(--bw) solid var(--line);border-radius:50%;color:var(--ink-2);transition:border-color 0.22s,color 0.22s,transform 0.25s var(--spring);}
.share a:hover,.share button:hover{border-color:var(--line-2);color:var(--ink);transform:translateY(-2px);}
.share svg{width:16px;height:16px;fill:currentColor;stroke:none;}
.share .is-done{border-color:var(--ok);color:var(--ok);}




/* ================================================================
   TETE DE PAGE SOMBRE — le blog et la formation

   POURQUOI PAS LE VERRE DU PIED DE PAGE. C'etait la bonne intuition,
   et j'ai regarde. Trois choses l'empechent :

     1. glass.js est soude a #ftFx et #ft. Le reutiliser demande de le
        recrire en fabrique. Faisable, mais alors la page du journal
        porte DEUX contextes WebGL, deux compilations de nuanceurs et
        deux boucles d'animation. Sur un telephone de milieu de gamme,
        le pied de page est deja l'element le plus lourd du site.

     2. La lueur du verre suit le CURSEUR. Sur telephone il n'y a pas
        de curseur : en haut d'une page, sur mobile, le verre serait
        une texture sombre immobile. C'est-a-dire exactement ce que
        vous obtenez ci-dessous, mais au prix du WebGL.

     3. Le verre cannele est la SIGNATURE DE FIN. Ouvrir et fermer
        chaque page interieure sur le meme effet le banalise.

   CE QU'ON GARDE : les cannelures. Elles sont ici en CSS pur, meme
   pas de degrade anime — un repeating-linear-gradient coute zero.
   L'air de famille avec le pied de page est la, la charge n'y est
   pas, et ca marche sur tous les telephones.
================================================================= */
.bh--nuit{
  position:relative;
  overflow:hidden;
  isolation:isolate;
  background:var(--night);
  color:#fff;
  /* Les memes bascules que .sec--night. Sans elles, .btn--ghost garde
     sa bordure claire invisible et .btn--dark devient blanc sur blanc. */
  --line:rgba(255,255,255,0.14);
  --line-2:rgba(255,255,255,0.26);
  --ink:#fff;
  --ink-2:rgba(255,255,255,0.72);
  --ink-3:rgba(255,255,255,0.5);
  --paper:rgba(255,255,255,0.05);
  --surface:rgba(255,255,255,0.03);
}

/* La photo, tres en retrait : elle donne une matiere, pas un sujet.
   A 26 % elle ne fait pas concurrence aux cartes qui suivent. */
.bh__ph{
  position:absolute;inset:0;z-index:-3;
  width:100%;height:100%;
  object-fit:cover;object-position:50% 30%;
  opacity:0.26;
}

/* LES CANNELURES. Periode de 54 px : une arete claire, un creux
   sombre, comme le verre du pied de page mais fige. */
.bh--nuit::before{
  content:"";position:absolute;inset:0;z-index:-2;
  background:repeating-linear-gradient(90deg,
    rgba(255,255,255,0.085) 0px,
    rgba(255,255,255,0.02) 7px,
    rgba(0,0,0,0.17) 22px,
    rgba(0,0,0,0.25) 33px,
    rgba(255,255,255,0.025) 47px,
    rgba(255,255,255,0.085) 54px);
}

/* La lueur doree en haut a gauche, et le fond qui se ferme en bas :
   c'est ce qui assoit le texte et menage la transition vers le blanc
   de la section suivante. */
.bh--nuit::after{
  content:"";position:absolute;inset:0;z-index:-1;
  background:
    radial-gradient(125% 95% at 20% 12%,
      color-mix(in srgb, var(--gold) 20%, transparent) 0%, transparent 60%),
    linear-gradient(180deg, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 45%, rgba(0,0,0,0.45) 100%);
}

.bh--nuit .kicker :is(b, span:where(.t-b), div:where(.t-b)){color:var(--gold);}
.bh--nuit .bh__t{text-shadow:0 2px 30px rgba(0,0,0,0.35);}

/* Sur telephone les cannelures se resserrent : a 54 px elles feraient
   quatre traits en travers de l'ecran, ce qui se lit comme un defaut
   d'affichage et non comme une matiere. */
@media(max-width:720px){
  .bh--nuit::before{background-size:34px 100%;}
}


/* ================================================================
   LA BARRE ET LE MENU SUR TELEPHONE

   ------------------------------------------------------------------
   POURQUOI LE PANNEAU NE S'OUVRAIT PLUS APRES AVOIR DEFILE

   Il s'ouvrait en haut de page, plus du tout une fois descendu dans
   la page. Le symptome dit la cause : quelque chose change au
   defilement, et ce quelque chose est AU-DESSUS de nous.

   En CSS, position:fixed se resout par rapport a la fenetre — SAUF
   si un ancetre porte transform, filter, backdrop-filter, perspective
   ou will-change. Cet ancetre devient alors le cadre de reference, et
   un element « fixe » se retrouve enferme dans sa boite.

   Notre barre vit dans le <header id="masthead"> de « Header Footer
   Elementor ». Les en-tetes collants posent typiquement un transform
   au moment ou la page defile — c'est ainsi qu'ils glissent. A cet
   instant, notre panneau plein ecran cesse d'etre plein ecran : il se
   retrouve confine dans les 82 px de la barre. Il s'ouvrait bel et
   bien, on ne le voyait plus.

   ON NE PEUT PAS EMPECHER UN PLUGIN DE POSER UN TRANSFORM. On lui
   retire donc la prise : le script SORT le panneau de l'en-tete et
   l'accroche directement au <body>, ou plus aucun ancetre ne peut le
   contraindre. Il y retourne tout seul au-dessus de 900 px, ou il
   redevient la barre d'onglets.

   Consequence heureuse : le panneau n'est plus dans le contexte
   d'empilement de la barre. Il passe a z-index 98, la barre reste a
   99/100 par-dessus — donc le logo, la cloche, la langue et le bouton
   de fermeture restent atteignables, sans aucune bidouille.
   ------------------------------------------------------------------
================================================================= */

/* Sur grand ecran, ni le bouton ni la croix du panneau n'existent :
   la barre porte deja son bouton, a droite. */
.tabs__cta, .tabs__close { display: none; }

@media (max-width: 900px) {

  /* --- LA BARRE, IDENTIQUE SUR TOUTES LES PAGES -------------------
     « Navigation placement must stay the same across all pages. »
     Elle etait transparente sur les pages qui commencent par un bloc
     sombre, blanche sur celles qui commencent en clair : deux barres,
     deux logos, et un clignotement au passage de l'une a l'autre. */
  .hd, .hd.is-stuck, .hd.is-nav {
    background: var(--paper);
    border-bottom-color: var(--line);
    box-shadow: var(--sh-xs);
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
  }
  .hd .brand__l, .hd.is-nav .brand__l { opacity: 0; }
  .hd .brand__d, .hd.is-nav .brand__d { opacity: 1; }
  .hd .bell, .hd .burger,
  .hd.is-nav .bell, .hd.is-nav .burger {
    border-color: var(--line);
    background: var(--paper);
    color: var(--ink-2);
    box-shadow: var(--sh-xs);
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
  }
  .hd .burger :is(span:not(:where(.t-txt,.t-b,.t-em,.t-figure,.t-h1,.t-i,.t-inl,.t-li,.t-ol,.t-ul)), div:where(.t-span)), .hd.is-nav .burger :is(span:not(:where(.t-txt,.t-b,.t-em,.t-figure,.t-h1,.t-i,.t-inl,.t-li,.t-ol,.t-ul)), div:where(.t-span)) { background: var(--ink); }
  .hd .lang, .hd.is-nav .lang { border-color: var(--line); color: var(--ink-2); }

  /* --- L'ALIGNEMENT ------------------------------------------------
     Logo a gauche, les trois commandes a droite, TOUS sur la meme
     ligne mediane.

     .brand etait en display:block : sa hauteur suivait la ligne de
     texte heritee du corps, pas celle de l'image, et le logo se
     retrouvait decale de quelques pixels vers le haut. En flex, il ne
     mesure plus que son image.

     .lang portait sa hauteur mais rien pour centrer son texte :
     inline-flex + place-items le pose exactement au milieu. */
  .hd__in { align-items: center; }
  .brand { display: flex; align-items: center; }
  .hd__end { align-items: center; margin-left: auto; }
  .lang { display: inline-flex; align-items: center; justify-content: center; }
  .burger { display: grid; align-content: center; }

  /* Encoche et barre de gestes : sans ces marges, le logo passe sous
     l'encoche en paysage et le bouton menu sous l'arrondi de l'ecran. */
  .hd__in {
    padding-left: max(var(--pad), env(safe-area-inset-left));
    padding-right: max(var(--pad), env(safe-area-inset-right));
  }

  /* --- LES CIBLES TACTILES ---------------------------------------
     44 px, le minimum accessible (Apple 44pt / Material 48dp). Elles
     etaient a 38, et a 34 sous 380 px : sous le seuil, donc ratees
     une fois sur trois au pouce. */
  .bell, .burger, .lang { min-width: 44px; min-height: 44px; touch-action: manipulation; }
  .bell, .burger { width: 44px; height: 44px; }
  .bell { padding: 11px; }
  .burger { padding: 13px 12px; }
  .lang { height: 44px; padding: 0 14px; }
  .bell:active, .burger:active, .lang:active { transform: scale(0.94); }

  /* --- LE PANNEAU --------------------------------------------------
     z-index 98 : SOUS la barre (99 ou 100), au-dessus de tout le
     reste. C'est ce qui garde la croix de fermeture atteignable. */
  .tabs {
    position: fixed;
    inset: 0;
    z-index: 98;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    gap: 0;
    margin: 0;
    padding:
      calc(var(--hd-h) + 26px)
      max(var(--pad), env(safe-area-inset-right))
      max(26px, env(safe-area-inset-bottom))
      max(var(--pad), env(safe-area-inset-left));
    border: 0;
    border-radius: 0;
    background: #fff;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    overflow-y: auto;
    overscroll-behavior: contain;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.2s ease, visibility 0.2s;
  }
  .tabs.is-open { opacity: 1; visibility: visible; }
  .tabs__pill { display: none; }

  /* LA CROIX DE FERMETURE. Le bouton menu se transforme deja en
     croix, mais il est dans la barre, au-dessus du panneau : rien ne
     dit qu'il ferme ce qu'on regarde. Une croix DANS le panneau leve
     le doute. Elle est posee en absolu, donc elle ne decale pas la
     cascade des liens. */
  .tabs__close {
    position: absolute;
    top: calc(var(--hd-h) + 22px);
    right: max(var(--pad), env(safe-area-inset-right));
    display: grid;
    place-items: center;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    border: var(--bw) solid var(--line);
    background: var(--paper);
    color: var(--ink-2);
    touch-action: manipulation;
    transition: border-color 0.2s, color 0.2s, transform 0.2s;
  }
  .tabs__close:active { transform: scale(0.92); }
  .tabs__close svg {
    width: 17px; height: 17px;
    fill: none; stroke: currentColor;
    stroke-width: 2; stroke-linecap: round;
  }

  .tabs__i, .hd.is-stuck .tabs__i {
    display: block;
    padding: 13px 0;
    min-height: 44px;
    border-bottom: 1px solid rgba(39, 39, 41, 0.07);
    border-radius: 0;
    background: none;
    font-size: clamp(27px, 8vw, 40px);
    font-weight: 400;
    line-height: 1.15;
    letter-spacing: -0.035em;
    color: rgba(39, 39, 41, 0.42);
    transition: color 0.15s;
    touch-action: manipulation;
    -webkit-tap-highlight-color: transparent;
  }
  .tabs__i.is-on, .hd.is-stuck .tabs__i.is-on { color: var(--ink); background: none; }
  .tabs__i:active, .hd.is-stuck .tabs__i:active { color: var(--ink); }
  /* Le premier lien laisse la place a la croix. */
  .tabs__i:first-of-type { display: block; margin-top: 30px; }

  .hd__end .btn--dark { display: none; }
  .tabs__cta {
    display: flex;
    width: 100%;
    justify-content: center;
    min-height: 52px;
    margin-top: auto;
    touch-action: manipulation;
  }

  .tabs__i, .tabs__cta {
    opacity: 0;
    transform: translateY(10px);
    transition: opacity 0.26s var(--ease), transform 0.34s var(--ease), color 0.15s;
  }
  .tabs.is-open .tabs__i, .tabs.is-open .tabs__cta { opacity: 1; transform: none; }
  .tabs.is-open > *:nth-child(2)  { transition-delay: 0.03s; }
  .tabs.is-open > *:nth-child(3)  { transition-delay: 0.06s; }
  .tabs.is-open > *:nth-child(4)  { transition-delay: 0.09s; }
  .tabs.is-open > *:nth-child(5)  { transition-delay: 0.12s; }
  .tabs.is-open > *:nth-child(6)  { transition-delay: 0.15s; }
  .tabs.is-open > *:nth-child(7)  { transition-delay: 0.18s; }
  .tabs.is-open > *:nth-child(8)  { transition-delay: 0.21s; }
  .tabs.is-open > *:nth-child(9)  { transition-delay: 0.24s; }
  .tabs.is-open > *:nth-child(10) { transition-delay: 0.27s; }

  /* --- LE PANNEAU D'ANNONCES --------------------------------------
     Il etait absolu, cale sur right:0 de la cloche. Or la cloche
     n'est pas au bord de l'ecran : la langue et le menu sont a sa
     droite, une centaine de pixels. Son bord gauche tombait donc hors
     cadre, et body{overflow-x:clip} le tranchait net.
     Il s'accroche maintenant aux deux bords. */
  .nt {
    position: fixed;
    top: calc(var(--hd-h) + 8px);
    left: max(var(--pad), env(safe-area-inset-left));
    right: max(var(--pad), env(safe-area-inset-right));
    width: auto;
    max-height: calc(100dvh - var(--hd-h) - 24px);
    transform-origin: top center;
  }}

@media (prefers-reduced-motion: reduce) {
  .tabs__i, .tabs__cta { transform: none; transition: opacity 0.12s; }
  .tabs.is-open > * { transition-delay: 0s; }}

/* Sous 380 px, c'est le LOGO qui cede, pas les boutons : ceux-ci sont
   deja au minimum accessible et les reduire les rendrait difficiles a
   atteindre. */
@media (max-width: 380px) {
  .hd__in { gap: 8px; }
  .hd__end { gap: 4px; }
  .brand img { height: 32px; }
  .lang { padding: 0 11px; font-size: 12px; }
}






@media (max-width: 560px) {
  /* LA CARTE OUVERTE. Elle porte les deux compteurs qui font le prix :
     c'est la partie qu'on REMPLIT, elle doit tenir dans un pouce. */
  .mc__big { min-height: 0; gap: 14px; padding: 16px; border-radius: 24px; }
  .mc__desc { font-size: 13.5px; }
  .mc__note { display: none; }   /* la meme phrase est sous la grille */

  /* Les deux compteurs l'un sous l'autre, pleine largeur : cote a
     cote, chacun tombait sous 150 px et les boutons se touchaient. */
  .mc__opts { grid-template-columns: 1fr; gap: 6px; padding: 6px; }
  .opt { padding: 8px 8px 8px 12px; }
  .opt__k { font-size: 13px; }

  /* Cibles a 40 px : a 30, un pouce touche les deux boutons a la fois. */
  .step__b { width: 40px; height: 40px; padding: 11px; }
  .step__v { min-width: 66px; font-size: 14px; }

  /* Les pastilles d'action passent a la ligne plutot que de se
     comprimer, et « Reserver » prend toute la largeur : c'est
     l'action qu'on cherche apres avoir regle les compteurs. */
  .mc__acts { flex: 1 1 100%; flex-wrap: wrap; gap: 6px; }
  .mc__pill { padding: 11px 16px; font-size: 13.5px; }
  .mc__pill--go { flex: 1 1 100%; justify-content: center; }}




/* ================================================================
   LES CARTES DE FORMULES — LA PHOTO D'ABORD

   Elles faisaient 200 px de haut sur ordinateur et 132 px en bandeau
   sur telephone. A cette hauteur, une photo verticale de portrait ne
   montre qu'une tranche : le cou, les epaules. Rien qui donne envie.

   Elles passent a 260 px sur ordinateur, et sur telephone au format
   3/4 — le format d'un portrait. La photo devient le sujet de la
   carte, le texte se pose dessus.

   LE VOILE EST ALLEGE EN HAUT. Il partait a 40 % de la hauteur ; il
   part maintenant a 55 %, et l'assombrissement du bas est concentre
   sous le texte. On voit la photo, on lit quand meme.
================================================================= */
.mcc { height: 260px; }
.mc.is-open .mcc { height: 190px; }
.mcc::after {
  background:
    linear-gradient(180deg, rgba(0,0,0,0) 55%, rgba(0,0,0,0.82) 100%),
    linear-gradient(155deg, color-mix(in srgb, var(--c2) 18%, transparent) 0%, transparent 50%);
}
.mcc__b :is(b, span:where(.t-b), div:where(.t-b)) { font-size: 16px; }

@media (max-width: 900px) {
  .mcc { height: 232px; }
  .mc.is-open .mcc { height: 176px; }}

@media (max-width: 560px) {
  .mc__grid { grid-template-columns: repeat(2, 1fr); gap: 10px; }
  /* Le format du portrait, pas un bandeau. La hauteur suit la largeur
     de la colonne : les cartes restent carrees d'aspect sur tous les
     telephones, du 320 au 430. */
  .mcc, .mc.is-open .mcc { height: auto; aspect-ratio: 3 / 4; border-radius: 20px; padding: 13px; }
  .mcc__b :is(b, span:where(.t-b), div:where(.t-b)) { font-size: 14px; line-height: 1.2; }
  .mcc__b :is(i, span:where(.t-i), div:where(.t-i)) { font-size: 12px; }
  .mcc__ic, .mc.is-open .mcc__ic { width: 24px; height: 24px; }
  .mcc__more { width: 24px; height: 24px; padding: 5px; }}


/* Le prix dans la colonne laterale d'une fiche de formation, et les
   intitules du corps. La fiche reprend le gabarit de la page d'un
   article : il ne lui manquait que ces deux-la. */
.sbx__prix { margin: -4px 0 14px; font-size: clamp(22px, 2.2vw, 28px); font-weight: 700; letter-spacing: -0.03em; color: var(--ink); }
.fo__h { margin: clamp(28px, 3vw, 40px) 0 14px; font-size: clamp(20px, 2.2vw, 27px); }
.bl__main > .lead { margin-bottom: clamp(20px, 2.4vw, 28px); }

/* ================================================================
   REPRISE EN MAIN SUR ELEMENTOR

   Ces regles n'existent pas dans la maquette et n'y auraient aucun
   sens : il n'y a pas d'Elementor sur un fichier ouvert en local.
   Elles reparent une seule chose, mais qui se voit partout.

   LE MECANISME. En CSS, le poids d'un selecteur l'emporte sur
   l'ordre de lecture. Une classe seule (.cyl__c) pese 0-1-0. Une
   classe suivie d'une balise (.elementor img) pese 0-1-1, donc plus
   lourd. Publier notre feuille en dernier ne suffit pas : elle est
   lue apres, mais elle perd quand meme.

   Le prefixe :root ajoute une classe de poids sans rien changer a ce
   qui est vise, tout etant deja dans <html>. On passe a 0-2-0, et
   c'est la maquette qui gagne.

   ON NE REPOSE QUE CE QUI EST VOLE, rien de plus.
================================================================= */
/* .elementor img{border:none;border-radius:0;box-shadow:none;
   height:auto;max-width:100%} Elementor met toutes les images a plat.
   Trois de nos regles y passent : les coins arrondis du carrousel,
   et la hauteur des deux fonds en pleine page. */
:root .cyl__c{border-radius:16px;}:root .mcc__bg{height:100%;}:root .shot__bg{max-width:none;height:100%;}:root .gc__bg{max-width:none;height:100%;border-radius:0;}
/* LA COLONNE LATERALE QUI SUIT LE DEFILEMENT. position:sticky cesse
   de fonctionner des qu'UN SEUL parent est en overflow autre que
   visible, et Elementor en pose sur ses conteneurs comme le theme sur
   les siens. On remet donc la chaine complete en visible : sans cela
   la colonne reste figee en haut et le lecteur perd la recherche et
   les categories des le premier ecran. */
:root .elementor-widget-container,:root .elementor-widget,:root .e-con:not(.e-atomic-element),:root .e-con-inner,:root .page-content,:root .site-main,:root .site-content{overflow:visible;}
/* LA TYPOGRAPHIE. Elementor pose sur <body> une classe
   .elementor-kit-N ou l'administration peut declarer une police de
   corps, et parfois une police de titres. Toute la typographie du
   site tenant a l'heritage depuis body, il suffit de ces deux
   declarations-la pour tout emporter. On repose donc les notres.

   font-family:inherit sur les titres n'est pas un choix : c'est
   exactement ce que fait un navigateur quand personne ne declare
   rien, donc ce que fait la maquette. */
body[class*="elementor-kit"]{font-family:var(--font);font-size:16px;line-height:1.6;letter-spacing:-0.011em;color:var(--ink);background:var(--paper);}:root :is(:is(h1, span:where(.t-h1), div:where(.t-h1)),h2,h3,h4,h5,h6){font-family:inherit;}:root .display,:root .mark{font-family:var(--font-titre);}