/* ═══════════════════════════════════════════════════════════════
   Weluma · refonte · feuille de style principale
   Identité relevée sur la maquette (audit du 16/09/2026) :
   encre #050505 · bleu #1256F6 · navy #06164D · jaune #FFE600 · brume #F4F5F8
   Geist 860 pour les titres, interlettrage −0,078 em, interligne 0,79.
   Règle : les animations continues n'utilisent que transform et opacity.
   ═══════════════════════════════════════════════════════════════ */
:root{
  --ink:#050505;--blue:#1256F6;--blue-deep:#0B2ECC;--navy:#06164D;--black:#0D0D0D;--yellow:#FFE600;--mist:#F4F5F8;--white:#fff;
  --blue-light:#DCE5FF;--halo:#8A9EF3;--ink-58:rgba(5,5,5,.58);--ink-36:rgba(5,5,5,.36);--line:rgba(5,5,5,.16);--line-w:rgba(255,255,255,.16);--w-58:rgba(255,255,255,.58);
  --font:"Geist","Helvetica Neue",Helvetica,Arial,sans-serif;--mono:"Geist Mono",ui-monospace,"SF Mono",Menlo,monospace;
  --gutter:clamp(20px,5.4vw,78px);--hdr:86px;--max:1600px;
  --ease:cubic-bezier(.4,0,.2,1);--ease-out:cubic-bezier(.16,1,.3,1);--ease-words:cubic-bezier(.77,0,.18,1);--ease-inout:cubic-bezier(.76,0,.24,1);--back:cubic-bezier(.34,1.56,.64,1);
  --h1:clamp(52px,6vw,92px);--h2:clamp(44px,5.28vw,86px);--h3:clamp(24px,2.4vw,34px);
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{margin:0;background:var(--white);color:var(--ink);font:400 16px/1.55 var(--font);-webkit-font-smoothing:antialiased;overflow-x:hidden}
img,svg{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}
ul{list-style:none;margin:0;padding:0}
h1,h2,h3,p,blockquote{margin:0}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:fixed;top:8px;left:8px;z-index:200;background:var(--yellow);color:var(--ink);padding:10px 14px;font:850 10px/1 var(--font);letter-spacing:.11em;text-transform:uppercase;transform:translateY(-200%);}
.skip:focus{transform:none}
:focus-visible{outline:0;box-shadow:0 0 0 4px rgba(18,86,246,.72)}
.wrap{padding-left:var(--gutter);padding-right:var(--gutter);max-width:var(--max);margin:0 auto}
.mono{font-family:var(--mono);font-weight:500;letter-spacing:.06em;text-transform:uppercase;font-size:10px}
.blue{color:var(--blue)}.blue-l{color:#5B86FF}.yellow{color:var(--yellow)}

/* ── typographie ─────────────────────────────────────────── */
.h1{font-size:var(--h1);font-weight:860;letter-spacing:-.078em;line-height:.82;margin:14px 0 22px}
.h1__l1,.h1__l2{display:block}.h1__l2{color:var(--blue)}
.h2{font-size:var(--h2);font-weight:860;letter-spacing:-.075em;line-height:.8;margin:14px 0 24px}
.h2--sm{font-size:clamp(30px,3.2vw,48px);letter-spacing:-.06em;line-height:.9}
.h2--light{color:var(--white)}
.h3{font-size:var(--h3);font-weight:400;letter-spacing:-.05em;line-height:.95;margin:0 0 14px}
.lead{font-size:17px;line-height:1.55;max-width:56ch;color:var(--ink)}
.eyebrow{display:flex;align-items:center;gap:12px;font:850 10px/1.5 var(--font);letter-spacing:.17em;text-transform:uppercase;margin:0 0 10px}
.eyebrow::before{content:"";width:28px;height:7px;background:var(--blue);flex:none}
.eyebrow--white{color:var(--white)}.eyebrow--blue{color:var(--blue)}.eyebrow--blue::before{background:var(--yellow)}
.eyebrow--white::before{background:var(--yellow)}
[data-reveal]{display:inline-block;transform:translateY(130%) skewY(5deg);opacity:0}
.h2{overflow:hidden;padding-bottom:.22em;margin-bottom:calc(24px - .22em)}
.in-view [data-reveal],[data-reveal].is-in{animation:slam .7s cubic-bezier(.16,1.28,.3,1) forwards}
.in-view [data-reveal]:nth-child(3){animation-delay:.09s}
@keyframes slam{0%{transform:translateY(130%) skewY(5deg);opacity:0}45%{opacity:1}100%{transform:none;opacity:1}}
.slam{opacity:0;transform:translateY(70px)}
.slam.is-in{animation:slamUp .65s cubic-bezier(.16,1.28,.3,1) forwards}
.slam--r{transform:translateX(90px)}.slam--r.is-in{animation-name:slamRight}
.slam--l{transform:translateX(-90px)}.slam--l.is-in{animation-name:slamLeft}
@keyframes slamUp{0%{opacity:0;transform:translateY(70px)}100%{opacity:1;transform:none}}
@keyframes slamRight{0%{opacity:0;transform:translateX(90px)}100%{opacity:1;transform:none}}
@keyframes slamLeft{0%{opacity:0;transform:translateX(-90px)}100%{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.slam{opacity:1;transform:none}}

/* ── boutons ─────────────────────────────────────────────── */
.btn{display:inline-flex;align-items:center;height:44px;padding:0 19px;font:850 10px/1 var(--font);letter-spacing:.11em;text-transform:uppercase;border:1px solid transparent;position:relative;transition:background-color .2s var(--ease),color .2s var(--ease),border-color .2s var(--ease);white-space:nowrap}
.btn--sm{height:40px;padding:0 15px;font-size:9px}
.btn--blue{background:var(--blue);color:var(--white)}.btn--blue:hover{background:var(--blue-deep)}
.btn--white{background:var(--white);color:var(--ink)}.btn--white:hover{background:var(--mist)}
.btn--yellow{background:var(--yellow);color:var(--ink)}.btn--yellow:hover{background:#fff27a}
.btn--ghost{border-color:currentColor}
.btn__in{display:inline-flex;align-items:center;gap:10px;position:relative;overflow:hidden;padding-right:2px}
.btn__t,.btn__arr{transition:transform .3s var(--ease);will-change:transform;display:inline-block}
.btn__arr--l{position:absolute;left:0;transform:translateX(-28px)}
.btn:hover .btn__arr--l,.btn:focus-visible .btn__arr--l{transform:none;transition-delay:.1s}
.btn:hover .btn__t,.btn:focus-visible .btn__t{transform:translateX(22px)}
.btn:hover .btn__arr--r,.btn:focus-visible .btn__arr--r{transform:translateX(28px)}
.link-ul{display:inline-flex;gap:6px;align-items:center;font:800 11px/1 var(--font);padding:6px 0;border-bottom:2px solid var(--ink);transition:gap .2s var(--ease)}
.link-ul:hover{gap:12px}
.link-ul--w{color:var(--white);border-color:var(--white)}
.pill{display:inline-flex;border:1px solid rgba(255,255,255,.42);font:850 9px/1 var(--font);letter-spacing:.1em;text-transform:uppercase;color:var(--white);height:40px;align-items:stretch}
.pill__a,.pill__b{display:flex;align-items:center;padding:0 15px}.pill__b{background:var(--yellow);color:var(--ink)}
.pill--lg{height:44px}
.sq{width:40px;height:40px;border:1px solid var(--line);display:inline-flex;align-items:center;justify-content:center;font-size:18px;transition:background-color .2s var(--ease),color .2s var(--ease),transform .2s var(--ease)}
.sq:hover{background:var(--ink);color:var(--white)}
.sq--w{border-color:var(--line-w);color:var(--white)}.sq--w:hover{background:var(--white);color:var(--ink)}
.sq--y{background:var(--yellow);border-color:var(--yellow);color:var(--ink)}.sq--y:hover{background:var(--white)}
.sq--b{background:var(--blue);border-color:var(--blue);color:var(--white)}.sq--b:hover{background:var(--ink)}
.chip{border:1px solid var(--line);padding:9px 14px;font:700 12px/1 var(--font);letter-spacing:-.01em;transition:background-color .2s var(--ease),color .2s var(--ease),border-color .2s var(--ease)}
.chip:hover{background:var(--ink);color:var(--white);border-color:var(--ink)}
.chip--ghost{border-style:dashed;color:var(--ink-58)}

/* ── en-tête ─────────────────────────────────────────────── */
.hdr{position:fixed;inset:0 0 auto 0;height:var(--hdr);z-index:100;color:var(--white)}
.hdr__bg{position:absolute;inset:0;background:rgba(5,5,5,.97);border-bottom:1px solid var(--line-w);transform-origin:top;transition:transform .35s var(--ease)}
.hdr__in{position:relative;height:100%;display:flex;align-items:center;justify-content:space-between;padding:0 var(--gutter);gap:24px;transition:transform .35s var(--ease)}
.hdr.is-compact .hdr__bg{transform:scaleY(.72)}
.hdr.is-compact .hdr__in{transform:translateY(-12px)}
.brand{display:flex;flex-direction:column;gap:2px;transform-origin:left center;transition:transform .35s var(--ease)}
.brand__mark{font:800 30px/1 var(--font);letter-spacing:-.06em}.brand__img{height:30px;width:auto;display:block}.ftr .brand__img{height:36px}
.brand__tag{font:700 7px/1.2 var(--font);letter-spacing:.12em;text-transform:uppercase;opacity:.9;max-width:170px;transition:opacity .3s var(--ease)}
.hdr.is-compact .brand{transform:scale(.8)}.hdr.is-compact .brand__tag{opacity:0}
.nav__list{display:flex;gap:4px}
.nav__link{display:inline-flex;align-items:center;gap:6px;padding:12px 12px;font:850 10px/1 var(--font);letter-spacing:.12em;text-transform:uppercase;position:relative}
.nav__link::after{content:"";position:absolute;left:12px;right:12px;bottom:6px;height:2px;background:var(--yellow);transform:scaleX(0);transform-origin:left;transition:transform .3s var(--ease-out)}
.nav__link:hover::after,.nav__link[aria-expanded="true"]::after{transform:none}
.nav__item--dd{position:relative}
.nav__chev{font-size:9px;transition:transform .3s var(--ease)}.nav__dd-btn[aria-expanded="true"] .nav__chev{transform:rotate(180deg)}
.dd{position:absolute;top:calc(100% + 10px);left:0;width:560px;background:var(--white);color:var(--ink);border:1px solid var(--line);box-shadow:0 24px 60px rgba(0,0,0,.32);transform-origin:top left;transform:translateY(-8px) scaleY(.96);opacity:0;transition:transform .25s var(--ease-out),opacity .2s var(--ease);pointer-events:none}
.dd.is-open{transform:none;opacity:1;pointer-events:auto}
.dd__list{display:grid;grid-template-columns:1fr 1fr}
.dd__list li a{display:grid;grid-template-columns:28px 1fr;gap:2px 10px;padding:16px 18px;border-bottom:1px solid var(--line);border-right:1px solid var(--line);opacity:0;transform:translateY(6px);transition:opacity .35s var(--ease),transform .35s var(--ease-out),background-color .2s}
.dd__list li:nth-child(2n) a{border-right:0}.dd__list li:nth-last-child(-n+2) a{border-bottom:0}
.dd.is-open .dd__list li a{opacity:1;transform:none}
.dd.is-open .dd__list li:nth-child(1) a{transition-delay:.04s}.dd.is-open .dd__list li:nth-child(2) a{transition-delay:.08s}.dd.is-open .dd__list li:nth-child(3) a{transition-delay:.12s}.dd.is-open .dd__list li:nth-child(4) a{transition-delay:.16s}.dd.is-open .dd__list li:nth-child(5) a{transition-delay:.2s}.dd.is-open .dd__list li:nth-child(6) a{transition-delay:.24s}
.dd__list li a:hover{background:var(--mist)}
.dd__num{font:500 10px/1.4 var(--mono);color:var(--blue);grid-row:1/3}
.dd__t{font:700 14px/1.2 var(--font);letter-spacing:-.02em}.dd__d{font-size:12px;color:var(--ink-58);line-height:1.4}
.hdr__actions{display:flex;align-items:center;gap:10px}
.burger{display:none;width:auto;height:40px;border:1px solid rgba(255,255,255,.52);padding:0 14px;align-items:center;gap:10px;font:850 9px/1 var(--font);letter-spacing:.13em;text-transform:uppercase}
.burger__l{width:18px;height:2px;background:currentColor;display:block;transition:transform .3s var(--ease)}
.burger__l+.burger__l{margin-top:-6px;transform:translateY(6px)}
.burger .burger__l:first-child{transform:translateY(-1px)}
.burger[aria-expanded="true"] .burger__l:first-child{transform:translateY(2px) rotate(45deg)}.burger[aria-expanded="true"] .burger__l+.burger__l{transform:translateY(0) rotate(-45deg)}
.mmenu{position:fixed;inset:0;z-index:90;pointer-events:none}
.mmenu[hidden]{display:block}
.mmenu__panel{position:absolute;inset:0;background:var(--ink);color:var(--white);padding:calc(var(--hdr) + 24px) var(--gutter) 40px;transform:translateX(100%);transition:transform .35s var(--ease-out);display:flex;flex-direction:column;gap:28px;overflow:auto}
.mmenu.is-open{pointer-events:auto}.mmenu.is-open .mmenu__panel{transform:none}
.mmenu__list a{display:block;font:860 34px/1 var(--font);letter-spacing:-.06em;padding:10px 0;border-bottom:1px solid var(--line-w)}
.mmenu__cta{display:flex;flex-direction:column;gap:10px;align-items:flex-start}
.mmenu__foot{margin-top:auto;color:var(--w-58)}

/* ── hero ────────────────────────────────────────────────── */
.hero{position:relative;height:200dvh;background:var(--mist)}
.hero__sticky{position:sticky;top:0;height:100dvh;overflow:hidden;display:grid;grid-template-columns:70fr 30fr;grid-template-rows:auto minmax(140px,1fr);padding-top:var(--hdr);background:var(--mist)}
.hero__title-col{grid-area:1/1/2/2;display:flex;flex-direction:column;justify-content:flex-end;padding:26px var(--gutter) 26px;position:relative;z-index:1;will-change:transform,opacity}
.hero__intro{max-width:52ch;font-size:16px;line-height:1.5;margin:0 0 18px}
.hero__cta{display:flex;align-items:center;gap:28px;flex-wrap:wrap;margin-bottom:20px}
.hero__figures{display:flex;align-items:center;gap:12px;font-size:9px;letter-spacing:.15em}
.hero__figures b{font:850 22px/1 var(--font);letter-spacing:-.04em;color:var(--blue)}
.hero__figures i{color:var(--blue);font-style:normal}
.hero__data-col{grid-area:2/1/3/2;position:relative;z-index:1;border-top:1px solid var(--line);border-right:1px solid var(--line);overflow:hidden;transform-origin:left center;will-change:transform;display:flex;flex-direction:column}
.datagrid{flex:1;display:grid;grid-template-columns:repeat(8,1fr);grid-auto-rows:1fr;background:var(--mist)}
.dc{position:relative;border-right:1px solid rgba(5,5,5,.1);border-bottom:1px solid rgba(5,5,5,.1);padding:10px 12px;display:flex;flex-direction:column;gap:6px;overflow:hidden;min-height:0}
.dc::after{content:"";position:absolute;inset:0;background:var(--blue);opacity:0;transition:opacity .45s var(--ease)}
.dc--y::after{background:var(--yellow)}.dc--n::after{background:var(--navy)}
.dc.is-lit::after{opacity:1}
.dc__k{font:500 8px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-58);position:relative;z-index:1;transition:color .3s}
.dc__v{font:700 clamp(13px,1.25vw,19px)/1 var(--font);letter-spacing:-.04em;position:relative;z-index:1;display:block;overflow:hidden;height:1em}
.dc__v span{display:block;transition:transform .35s var(--ease-out),opacity .3s}
.dc__v.is-flip span{transform:translateY(-100%);opacity:0}
.dc__s{position:absolute;left:9px;right:9px;bottom:7px;height:26%;z-index:1;overflow:visible}
.dc__s polyline{fill:none;stroke:var(--blue);stroke-width:1.5;vector-effect:non-scaling-stroke;transition:opacity .5s}
.dc.is-lit .dc__k,.dc.is-lit .dc__v{color:var(--white)}.dc--y.is-lit .dc__k,.dc--y.is-lit .dc__v{color:var(--ink)}
.dc.is-lit .dc__s polyline{stroke:var(--white)}.dc--y.is-lit .dc__s polyline{stroke:var(--ink)}
.dc--solid{background:var(--navy);color:var(--white)}.dc--solid .dc__k{color:var(--w-58)}.dc--solid .dc__v{font-size:clamp(18px,1.9vw,28px);margin-top:auto}
.dc--solid.dc--b{background:var(--blue)}
.datagrid__caption{display:flex;justify-content:space-between;padding:8px var(--gutter);color:var(--ink-58);font-size:8px;letter-spacing:.14em}
.hero__aside-col{grid-area:2/2/3/3;position:relative;z-index:3;border-top:1px solid var(--line);display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}
.arrows{padding:28px 36px;display:flex;flex-direction:column;gap:6px;will-change:transform}
.arrows span{width:14px;height:14px;position:relative;opacity:.2;animation:arrowfade 2s linear infinite}
.arrows span::before{content:"";position:absolute;left:5px;top:0;width:2px;height:10px;background:var(--blue)}
.arrows span::after{content:"";position:absolute;left:1px;top:5px;width:8px;height:8px;border-right:2px solid var(--blue);border-bottom:2px solid var(--blue);transform:rotate(45deg)}
.arrows span:nth-child(2){animation-delay:.2s}.arrows span:nth-child(3){animation-delay:.4s}
@keyframes arrowfade{0%,40%{opacity:.2}50%{opacity:1}60%,100%{opacity:.2}}
.alaune{position:relative;padding:22px 36px 30px;will-change:transform}
.alaune__bar{position:absolute;left:0;right:0;top:0;height:3px;background:rgba(18,86,246,.12)}
.alaune__bar i{display:block;height:100%;background:var(--yellow);transform:scaleX(0);transform-origin:left}
.alaune__label{color:var(--ink-58);margin:0 0 10px}
.alaune__track{position:relative;min-height:96px}
.alaune__item{position:absolute;inset:0;opacity:0;transform:translateY(12px);transition:opacity .45s var(--ease),transform .45s var(--ease-out);pointer-events:none}
.alaune__item.is-active{opacity:1;transform:none;pointer-events:auto}
.alaune__tag{display:inline-block;background:var(--yellow);font:850 8px/1 var(--font);letter-spacing:.12em;text-transform:uppercase;padding:6px 8px;margin-bottom:8px}
.alaune__item a{display:block;font:700 15px/1.25 var(--font);letter-spacing:-.03em}
.alaune__item em{display:block;font:500 9px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-58);margin-top:6px;font-style:normal}
.alaune__nav{display:flex;gap:6px;margin-top:8px}

.panel-surface{position:absolute;inset:0;z-index:4;transform-origin:0 0;will-change:transform;background:radial-gradient(circle at 72% 30%,rgba(138,158,243,.42),transparent 24%),linear-gradient(145deg,#020411 0%,var(--navy) 42%,var(--blue) 100%);box-shadow:0 24px 60px rgba(0,0,0,.32);pointer-events:none}
.panel-surface__grid{position:absolute;inset:0;opacity:0;background-image:linear-gradient(rgba(255,255,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.07) 1px,transparent 1px);background-size:58px 58px}
.panel{position:absolute;z-index:5;overflow:hidden;transform-origin:0 100%;will-change:transform;color:var(--white)}
.panel__grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px);background-size:58px 58px;animation:gridDrift 12s linear infinite}
@keyframes gridDrift{to{background-position:58px 58px,58px 58px}}
.panel__head{position:absolute;left:9%;right:9%;top:5%;display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:.17em;z-index:3}
.panel__head small{display:flex;align-items:center;gap:8px;font-size:8px}
.panel__dot{width:8px;height:8px;background:var(--yellow);box-shadow:0 0 18px var(--yellow);animation:pulse 1.6s ease-in-out infinite}
@keyframes pulse{0%,100%{opacity:.4;transform:scale(.78)}50%{opacity:1;transform:scale(1.18)}}
.panel__stage{position:absolute;inset:0}
.panel__we{position:absolute;left:-1%;top:13%;font:900 min(66cqw,250px)/0.82 var(--font);letter-spacing:-.15em;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.55);animation:weDrift 9s ease-in-out infinite alternate;will-change:transform}
@keyframes weDrift{from{transform:translate(-2%,-2%) rotate(-4deg)}to{transform:translate(8%,7%) rotate(2deg)}}
.panel__ring{position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.42);animation:orbit 11s linear infinite;will-change:transform}
.panel__ring--one{width:96cqw;height:96cqw;left:37%;top:9%}
.panel__ring--two{width:43cqw;height:43cqw;left:63%;top:26%;border-color:var(--yellow);animation-duration:7s;animation-direction:reverse}
@keyframes orbit{to{transform:rotate(360deg) scale(1.08)}}
.panel__window{position:absolute;left:0;right:0;top:45%;height:74px;overflow:hidden;background:rgba(5,5,5,.56);border-top:1px solid rgba(255,255,255,.36);border-bottom:1px solid rgba(255,255,255,.36)}
.panel__track{animation:words 10s var(--ease-words) infinite;will-change:transform}
.panel__track span{display:flex;align-items:center;height:74px;padding:0 9%;font:900 min(10cqw,38px)/1 var(--font);letter-spacing:-.055em;text-transform:uppercase}
@keyframes words{0%,15%{transform:translateY(0)}20%,35%{transform:translateY(-74px)}40%,55%{transform:translateY(-148px)}60%,75%{transform:translateY(-222px)}80%,100%{transform:translateY(-296px)}}
.panel__copy{position:absolute;left:9%;bottom:12%;z-index:3;display:flex;flex-direction:column;align-items:flex-start;gap:7px}
.panel__tag{background:var(--yellow);color:var(--ink);font:900 9px/1 var(--font);letter-spacing:.12em;text-transform:uppercase;padding:10px 12px}
.panel__block{background:var(--white);color:var(--ink);font:860 min(8cqw,30px)/.9 var(--font);letter-spacing:-.06em;padding:12px 14px}
.panel__progress{position:absolute;left:9%;right:9%;bottom:6%;height:2px;background:rgba(255,255,255,.25);z-index:3}
.panel__progress span{display:block;height:100%;background:var(--yellow);transform:scaleX(0);transform-origin:left;animation:progress 10s linear infinite}
@keyframes progress{to{transform:scaleX(1)}}
.panel{container-type:size}
.panel-final{position:absolute;inset:0;z-index:6;display:grid;grid-template-columns:1.15fr .85fr;gap:48px;align-items:center;color:var(--white);opacity:0;pointer-events:none;will-change:transform,opacity;padding:var(--hdr) var(--gutter) 0}
.panel-final.is-live{pointer-events:auto}
.pf__p{max-width:44ch;font-size:17px;line-height:1.5;color:rgba(255,255,255,.85);margin:26px 0 28px}
.pf__cta{display:flex;gap:24px;align-items:center;flex-wrap:wrap}
.pf__r{display:grid;gap:10px}
.pfc{display:grid;grid-template-columns:120px 1fr auto;gap:18px;align-items:center;background:rgba(5,5,5,.28);border:1px solid rgba(255,255,255,.22);padding:12px;color:var(--white);opacity:0;transform:translateY(24px);transition:opacity .7s var(--ease),transform .9s var(--ease-out),background-color .25s}
.pfc:hover{background:rgba(5,5,5,.5)}
.pfc.is-in{opacity:1;transform:none}.pfc:nth-child(2){transition-delay:.1s}.pfc:nth-child(3){transition-delay:.2s}
.pfc__vis{display:block;aspect-ratio:16/10;overflow:hidden;background:var(--navy);position:relative}.pfc__vis img{width:100%;height:100%;object-fit:cover;display:block}
.pfc__faces{display:flex}.pfc__faces img{width:33.33%;height:100%}
.pfc__live{display:flex;align-items:center;justify-content:center;gap:8px;font:860 22px/1 var(--font);letter-spacing:-.04em;background:var(--yellow);color:var(--ink);text-transform:uppercase}.pfc__live i{width:10px;height:10px;background:#FF3B3B;border-radius:50%;animation:pulse 1.6s ease-in-out infinite}
.pfc__t b{display:block;font:860 34px/1 var(--font);letter-spacing:-.05em}.pfc__t span{display:block;font:800 10px/1.4 var(--font);letter-spacing:.14em;text-transform:uppercase;margin:4px 0 4px}.pfc__t small{display:block;font-size:12px;line-height:1.35;color:rgba(255,255,255,.72)}
.pfc__arr{font:800 20px/1 var(--font);font-style:normal;color:var(--yellow);transition:transform .3s var(--ease-out)}.pfc:hover .pfc__arr{transform:translate(3px,-3px)}
.panel-surface__blue{position:absolute;inset:0;background:var(--blue);opacity:0}
.panel-final__eyebrow{font-size:10px;letter-spacing:.2em;margin-bottom:22px;opacity:.75}
.panel-final__l1,.panel-final__l2{font-size:clamp(40px,4.9vw,78px);font-weight:860;letter-spacing:-.07em;line-height:.86}
.panel-final__l2{color:var(--yellow)}

.pico{width:56px;height:56px;border:1px solid rgba(255,255,255,.36);display:flex;align-items:center;justify-content:center;overflow:hidden;background:rgba(5,5,5,.25)}
.pico svg{width:30px;height:30px;color:var(--white);transform:translateY(120%);transition:transform 1s var(--ease-out)}
.pico.is-in svg{transform:none}
.pico:nth-child(2) svg{transition-delay:.06s}.pico:nth-child(3) svg{transition-delay:.12s}
/* titre en chiffres */
.h1__l1{display:block}
.ch{display:inline-block;overflow:hidden;vertical-align:bottom;height:1em;line-height:1}
.h1__l1{margin-bottom:-.14em}
.ch__in{display:inline-block;transform:translateY(105%);transition:transform 1s var(--ease-inout);text-align:center;will-change:transform}
.ch__in.is-digit{font-family:var(--mono);font-weight:500;letter-spacing:0;color:var(--blue);font-size:.86em;transform:none;transition:none}
.ch__in.is-set{transform:none}
.ch--space{width:.22em}
.h1__l2{opacity:0;transform:translateY(24px);transition:opacity .7s var(--ease),transform .9s var(--ease-out);transition-delay:1.55s}
.h1.is-ready .h1__l2{opacity:1;transform:none}

/* ── barre de question ───────────────────────────────────── */
.ask{padding:84px 0 64px;background:var(--white);border-bottom:1px solid var(--line)}
.askbar{display:flex;align-items:center;gap:12px;border:2px solid var(--ink);padding:8px 8px 8px 18px;margin:28px 0 14px;background:var(--white);transition:box-shadow .3s var(--ease)}
.askbar:focus-within{box-shadow:0 0 0 4px rgba(18,86,246,.25)}
.askbar__ico{width:22px;height:22px;color:var(--blue);flex:none}
.askbar input{flex:1;min-width:0;border:0;outline:0;font:500 17px/1.3 var(--font);letter-spacing:-.02em;background:transparent;color:var(--ink)}
.askbar input::placeholder{color:var(--ink-36)}
.askbar__sugg{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:22px}
.profile{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:22px}
.profile .mono{color:var(--ink-58);margin-right:6px}
.profile__b{font:700 12px/1 var(--font);padding:9px 12px;border:1px solid var(--line);transition:background-color .2s,color .2s}
.profile__b.is-active{background:var(--ink);color:var(--white);border-color:var(--ink)}
.ask__legal{color:var(--ink-58);font-size:9px}

/* ── bande ───────────────────────────────────────────────── */
.band{overflow:hidden;border-bottom:1px solid var(--line);cursor:grab;user-select:none;background:var(--white)}
.band:active{cursor:grabbing}
.band__track{display:flex;will-change:transform;width:max-content}
.band__cell{width:220px;height:220px;flex:none;border-right:1px solid var(--line);display:flex;flex-direction:column;justify-content:space-between;padding:22px;color:#8A8F9C;transition:color .15s var(--ease),background-color .15s var(--ease)}
.band__cell:hover{color:var(--blue);background:var(--mist)}
.band__cell b{font:860 44px/1 var(--font);letter-spacing:-.06em}
.band__cell span{font:500 10px/1.3 var(--mono);letter-spacing:.08em;text-transform:uppercase}
.band__num{font-size:22px !important;letter-spacing:-.02em !important;font-weight:500}

/* ── film ────────────────────────────────────────────────── */
.film{background:var(--ink);color:var(--white);padding-top:110px}
.film__grid{display:grid;grid-template-columns:1.1fr 1fr;gap:48px;align-items:end;margin-bottom:46px}
.film .h2{color:var(--white)}.film .h3{color:var(--white)}.film .lead{color:var(--w-58)}
.film__stage{height:190dvh;position:relative}
.film__frame{position:sticky;top:var(--hdr);height:calc(100dvh - var(--hdr));transform-origin:50% 40%;will-change:transform;background:var(--navy);overflow:hidden;border:1px solid var(--line-w)}
.film__poster{position:absolute;inset:0;background:radial-gradient(circle at 70% 40%,rgba(138,158,243,.35),transparent 30%),linear-gradient(160deg,#03071f,#06164D 55%,#0B2ECC)}
.film__we{position:absolute;left:8%;top:10%;font:900 min(46vw,560px)/.8 var(--font);letter-spacing:-.14em;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.5);animation:weDrift 12s ease-in-out infinite alternate}
.film__lines{position:absolute;inset:0;display:flex;justify-content:space-around}
.film__lines i{width:1px;background:rgba(255,255,255,.08);transform-origin:top;animation:lineGrow 6s var(--ease-inout) infinite alternate}
.film__lines i:nth-child(2n){animation-delay:-2s}.film__lines i:nth-child(3n){animation-delay:-4s}
@keyframes lineGrow{from{transform:scaleY(.3)}to{transform:scaleY(1)}}
.film__scan{position:absolute;left:0;right:0;top:0;height:20%;background:linear-gradient(to bottom,transparent,rgba(255,230,0,.12),transparent);animation:scan 7s linear infinite}
@keyframes scan{from{transform:translateY(-100%)}to{transform:translateY(500%)}}
.film__play{position:absolute;left:50%;top:50%;width:96px;height:96px;transform:translate(-50%,-50%);border:1px solid rgba(255,255,255,.6);display:flex;align-items:center;justify-content:center;transition:background-color .3s,transform .3s var(--back)}
.film__play span{width:0;height:0;border-left:22px solid var(--white);border-top:13px solid transparent;border-bottom:13px solid transparent;margin-left:6px}
.film__play:hover{background:var(--yellow);transform:translate(-50%,-50%) scale(1.08)}.film__play:hover span{border-left-color:var(--ink)}
.film__meta{position:absolute;left:24px;right:24px;bottom:20px;display:flex;justify-content:space-between;color:var(--w-58)}

/* ── cabinet ─────────────────────────────────────────────── */
.cabinet{padding:130px 0 120px;background:var(--white)}
.cabinet__grid{display:grid;grid-template-columns:200px 1fr 320px;gap:48px;align-items:start}
.cabinet__side{padding-top:12px}
.cabinet__quote{padding:28px;background:var(--mist);border-top:2px solid var(--ink);position:sticky;top:120px}
.quote{font:500 19px/1.35 var(--font);letter-spacing:-.025em}
.quote strong{color:var(--blue);font-weight:800}
.quote .w{display:inline-block;opacity:.22;transition:opacity .2s linear}
.quote .w.is-on{opacity:1}

/* ── markitecture ────────────────────────────────────────── */
.expertises{padding:110px 0 130px;background:var(--white);overflow:hidden}
.expertises__head{display:grid;grid-template-columns:1.2fr 1fr;gap:48px;align-items:end;margin-bottom:64px}
.mark{display:flex;flex-direction:column;align-items:center;gap:0}
.mark__row{display:flex;align-items:flex-end;justify-content:center}
.mark__row:nth-child(1){transform:translate(-112px,1px)}.mark__row:nth-child(2){transform:translate(0,0)}.mark__row:nth-child(3){transform:translate(-8px,-1px)}
.mk{display:block;position:relative;flex:none;opacity:0;transform:translateY(-100px);transform-origin:bottom}
.mark.in-view .mk{animation:mkfall .62s cubic-bezier(.5,0,.6,1) forwards;animation-delay:calc((11 - var(--i)) * 70ms)}
.mark.in-view .mk--lozenge{animation-name:mkpop}
@keyframes mkfall{0%{opacity:0;transform:translateY(-520px) rotate(-3deg)}48%{opacity:1;transform:translateY(0) rotate(0) scaleY(1)}62%{transform:translateY(0) scaleY(.9)}78%{transform:translateY(0) scaleY(1.04)}100%{opacity:1;transform:translateY(0) scaleY(1)}}
@keyframes mkpop{0%{opacity:0;transform:rotate(45deg) scale(0)}100%{opacity:1;transform:rotate(45deg) scale(1)}}
.mk--card{width:200px;height:200px;background:var(--white);outline:1px solid var(--line);outline-offset:-1px}
.mk--w2{width:400px}
.mk__in{position:absolute;inset:0;background:var(--white);border:1px solid var(--line);padding:16px;display:flex;flex-direction:column;justify-content:space-between;transition:transform .5s var(--ease),box-shadow .5s var(--ease);transform-origin:bottom right}
.mark__row:nth-child(2) .mk--card:nth-child(3) .mk__in,.mark__row:nth-child(3) .mk--card:last-of-type .mk__in{transform-origin:bottom left}
.mk--card:hover,.mk--card:focus-within{z-index:5}
.mk--card:hover .mk__in,.mk--card:focus-visible .mk__in{transform:translateX(-40px);box-shadow:0 20px 30px rgba(0,0,0,.10),0 2px 4px -1px rgba(0,0,0,.06);z-index:2}
.mark__row:nth-child(2) .mk--card:nth-child(3):hover .mk__in,.mark__row:nth-child(3) .mk--card:last-of-type:hover .mk__in{transform:translateX(40px)}
.mk__num{color:var(--blue);font-size:11px;align-self:flex-start}
.mk__t{display:block;font:700 20px/1.05 var(--font);letter-spacing:-.04em;margin-bottom:8px}
.mk__d{display:block;font-size:12.5px;line-height:1.4;color:var(--ink-58)}
.mk__arr{position:absolute;right:14px;top:12px;font-style:normal;color:var(--blue);font-weight:700;transition:transform .3s var(--ease-out)}
.mk--card:hover .mk__arr{transform:translate(3px,-3px)}
.mk--blue .mk__in{background:var(--blue);color:var(--white)}.mk--blue .mk__num,.mk--blue .mk__d,.mk--blue .mk__arr{color:rgba(255,255,255,.75)}
.mk--navy .mk__in{background:var(--navy);color:var(--white);background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);background-size:20px 20px}.mk--navy .mk__num{color:var(--yellow)}.mk--navy .mk__d,.mk--navy .mk__arr{color:rgba(255,255,255,.75)}
.mk--lozenge{width:60px;height:60px;border:1px solid var(--line);background:var(--white);transform:rotate(45deg) scale(0);margin:0 22px 30px;transform-origin:center}
.mk--tiny{width:80px;height:80px;border:1px solid var(--line);background:var(--white)}
.mk--yellow{background:var(--yellow);border-color:var(--yellow)}
.mk--tex{width:200px;height:200px;border:1px solid var(--line);background:repeating-linear-gradient(45deg,rgba(5,5,5,.05) 0 1px,transparent 1px 8px)}
.mk--empty{width:200px;height:200px;border:1px solid var(--line);background:var(--white)}
.mk--dot-tl::after,.mk--dot-tr::after{content:"";position:absolute;width:4px;height:4px;background:var(--blue);z-index:3}
.mk--dot-tl::after{top:-2px;left:-2px}.mk--dot-tr::after{top:-2px;right:-2px}

/* ── associés ────────────────────────────────────────────── */
.assoc{background:var(--ink);color:var(--white);padding:120px 0 100px;position:relative}
.assoc::before{content:none}
.assoc__head{display:grid;grid-template-columns:1.1fr 1fr;gap:48px;align-items:end;margin-bottom:54px;position:relative}
.assoc .h3{color:var(--white)}.assoc__p{color:var(--w-58);max-width:48ch;margin-bottom:22px}
.assoc__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:11px;position:relative}
.ac{background:var(--white);color:var(--ink);opacity:0;transform:translateY(40px);transition:opacity .6s var(--ease),transform .8s var(--ease-out)}
.ac.is-in{opacity:1;transform:none}
.ac__btn{display:block;width:100%;text-align:left}
.ac__vis{display:block;position:relative;aspect-ratio:16/10;overflow:hidden;background:var(--mist)}
.ac__vis svg{position:absolute;inset:0;width:100%;height:100%;transition:opacity .35s var(--ease),transform .6s var(--ease-out)}
.ac__vis svg.pose-b{opacity:0}
.ac__btn:hover .ac__vis svg.pose-a,.ac__btn:focus-visible .ac__vis svg.pose-a{opacity:0}
.ac__btn:hover .ac__vis svg.pose-b,.ac__btn:focus-visible .ac__vis svg.pose-b{opacity:1;transform:scale(1.04)}
.ac__veil{position:absolute;inset:0;background:var(--blue);opacity:0;transition:opacity .35s var(--ease);mix-blend-mode:multiply}
.ac__btn:hover .ac__veil{opacity:.35}
.ac__play{position:absolute;right:12px;bottom:12px;width:36px;height:36px;background:var(--ink);color:var(--white);display:flex;align-items:center;justify-content:center;font-size:11px}
.ac__k{position:absolute;left:12px;top:12px;font:850 8px/1 var(--font);letter-spacing:.14em;text-transform:uppercase;color:var(--white);mix-blend-mode:difference}
.ac__copy{display:block;padding:16px 16px 18px}
.ac__role{display:block;font:500 9px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--blue);margin-bottom:10px}
.ac__name{display:block;font:400 25px/.94 var(--font);letter-spacing:-.045em;margin:0 0 8px}
.ac__d{display:block;font-size:11px;color:var(--ink-58);line-height:1.4}
.assoc__band{margin-top:44px;display:flex;align-items:center;justify-content:space-between;gap:24px;background:var(--blue);color:var(--white);padding:30px 34px;position:relative}
.assoc__band-t{font:860 clamp(26px,3vw,44px)/.9 var(--font);letter-spacing:-.06em;flex:1;text-align:center}

/* ── cas clients ─────────────────────────────────────────── */
.cases{padding:120px 0;background:var(--white);overflow:hidden}
.cases__head{display:grid;grid-template-columns:1.2fr 1fr;gap:48px;align-items:end;margin-bottom:54px}
.cases__slider{cursor:grab}.cases__slider:active{cursor:grabbing}
.cases__track{display:flex;gap:8px;padding:0 var(--gutter);will-change:transform;user-select:none}
.case{flex:none;width:min(72vw,900px);height:420px;padding:28px 30px;display:flex;flex-direction:column;justify-content:space-between;position:relative;opacity:0;transform:translateY(120px)}
.case.is-in{animation:caseIn .5s var(--back) forwards}
@keyframes caseIn{to{opacity:1;transform:none}}
.case--black{background:var(--black);color:var(--white)}
.case--blue{background:var(--blue);color:var(--white)}
.case--light{background:var(--blue-light);color:var(--ink)}
.case__top{display:flex;justify-content:space-between;font-size:9px;letter-spacing:.15em}
.case__top small{opacity:.7}
.case__t{font:400 clamp(28px,3.2vw,46px)/.95 var(--font);letter-spacing:-.05em;max-width:18ch}
.case__foot{display:flex;justify-content:space-between;align-items:flex-end;gap:20px}
.case__foot p{font-size:9px;letter-spacing:.12em;opacity:.8}
.cases__ctrl{display:flex;justify-content:space-between;align-items:center;margin-top:24px}
.dots{display:flex;gap:6px;padding:8px;border:1px solid var(--line)}
.dots button{width:8px;height:8px;border-radius:4px;background:rgba(5,5,5,.22);transition:width .3s var(--ease),background-color .3s}
.dots button.is-active{width:32px;background:var(--ink)}
.cases__btns{display:flex;gap:6px}

/* ── média ───────────────────────────────────────────────── */
.media{padding:120px 0;background:var(--mist)}
.media__head{display:grid;grid-template-columns:1.2fr 1fr;gap:48px;align-items:end;margin-bottom:60px}
.media__layout{display:grid;grid-template-columns:56px 1fr;gap:40px;align-items:start}
.media__side{position:sticky;top:calc(var(--hdr) + 40px);display:flex;flex-direction:column;gap:8px;padding:8px;background:var(--white);border:1px solid var(--line)}
.media__ico{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:rgba(5,5,5,.04);color:var(--ink-58);transition:background-color .3s var(--ease),color .3s var(--ease)}
.media__ico svg{width:18px;height:18px}
.media__ico.is-active{background:var(--ink);color:var(--white)}
.fmt{display:grid;grid-template-columns:200px 1fr;gap:32px;align-items:center;min-height:46vh;border-top:1px solid var(--line);padding:32px 0}
.fmt__n b{font:860 clamp(72px,9vw,150px)/.8 var(--font);letter-spacing:-.07em;color:var(--blue);font-variant-numeric:tabular-nums}
.fmt__live{font-size:clamp(48px,5vw,80px) !important;color:var(--ink) !important;background:var(--yellow);padding:6px 12px}
.fmt__t{font:400 34px/.95 var(--font);letter-spacing:-.05em;margin-bottom:10px}
.fmt p{max-width:40ch;margin-bottom:14px}
.media__line{margin:24px 0 40px;color:var(--ink-58);letter-spacing:.14em}
.feat{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-right:0;margin-bottom:40px;background:var(--white)}
.feat__card{position:relative;border-right:1px solid var(--line);padding:32px 26px 28px;min-height:300px;display:flex;flex-direction:column;transition:background-color .5s var(--ease);cursor:default}
.feat__card.is-active{background:var(--mist)}
.feat__bar{position:absolute;left:0;top:0;height:4px;width:100%;background:var(--yellow);transform:scaleX(0);transform-origin:left}
.feat__card.is-active .feat__bar{transition:transform 10s linear;transform:scaleX(1)}
.feat__k{color:var(--blue);margin-bottom:auto}
.feat__t{font:400 26px/1 var(--font);letter-spacing:-.045em;margin:24px 0 0}
.feat__more{overflow:hidden;height:74px;margin-top:14px}
.feat__more p{font-size:13.5px;line-height:1.45;color:var(--ink-58);transform:translateY(110%);opacity:0;transition:transform 1s var(--ease-out),opacity .8s var(--ease)}
.feat__card.is-active .feat__more p{transform:none;opacity:1}

/* ── décryptages ─────────────────────────────────────────── */
.dec{background:var(--navy);color:var(--white);padding:120px 0;position:relative;overflow:hidden}
.dec::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:60px 60px;pointer-events:none}
.dec__grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;position:relative}
.dec__p{color:var(--w-58);max-width:46ch;margin-bottom:28px}
.vsearch{display:flex;border:2px solid var(--white);padding:6px 6px 6px 16px;gap:10px;background:rgba(5,5,5,.3)}
.vsearch input{flex:1;min-width:0;background:transparent;border:0;outline:0;color:var(--white);font:500 15px/1.3 var(--font)}
.vsearch input::placeholder{color:var(--w-58)}
.vsearch__hits{margin-top:16px;display:flex;flex-direction:column;gap:8px}
.hit{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:start;padding:14px 16px;background:rgba(255,255,255,.06);border:1px solid var(--line-w);opacity:0;transform:translateY(10px);animation:hitIn .5s var(--ease-out) forwards}
@keyframes hitIn{to{opacity:1;transform:none}}
.hit__t{background:var(--yellow);color:var(--ink);font:500 10px/1 var(--mono);padding:8px 8px;letter-spacing:.06em}
.hit__v{font:700 13px/1.25 var(--font);letter-spacing:-.02em;margin-bottom:4px}
.hit__x{font-size:12.5px;line-height:1.4;color:var(--w-58)}
.hit__x mark{background:transparent;color:var(--yellow);font-weight:700}
.hit__go{display:inline-block;margin-top:8px;font:800 10px/1 var(--font);letter-spacing:.1em;text-transform:uppercase;color:var(--yellow)}
.proof{background:var(--white);color:var(--ink);padding:24px}
.proof__k{display:flex;justify-content:space-between;color:var(--ink-58);margin-bottom:12px}
.proof__t{font:700 20px/1.1 var(--font);letter-spacing:-.04em;margin-bottom:16px}
.proof__lines{list-style:none;margin:0 0 16px;padding:0;border-top:1px solid var(--line)}
.proof__lines li{display:grid;grid-template-columns:52px 1fr;gap:10px;padding:9px 0;border-bottom:1px solid var(--line);font-size:13.5px;line-height:1.4;color:var(--ink-58);transition:color .3s;cursor:pointer}
.proof__lines li time{font:500 10px/1.6 var(--mono);color:var(--blue)}
.proof__lines li.is-on{color:var(--ink);font-weight:600}
.proof__lines li.is-on time{background:var(--yellow);color:var(--ink);padding:0 4px}
.proof__foot{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap}
.proof__foot .link-ul--w{color:var(--ink);border-color:var(--ink)}
.live{margin-top:20px;background:var(--ink);padding:24px;border:1px solid var(--line-w)}
.live__k{display:flex;align-items:center;gap:8px;color:var(--yellow);margin-bottom:10px}
.live__dot{width:8px;height:8px;background:#FF3B3B;border-radius:50%;box-shadow:0 0 12px #FF3B3B;animation:pulse 1.6s ease-in-out infinite}
.live__t{font:400 26px/1 var(--font);letter-spacing:-.045em;margin-bottom:8px}
.live__meta{color:var(--w-58);margin-bottom:16px}
.live__count{display:flex;gap:8px;margin-bottom:16px}
.live__count span{flex:1;background:rgba(255,255,255,.06);border:1px solid var(--line-w);padding:10px 8px;text-align:center}
.live__count b{display:block;font:860 30px/1 var(--font);letter-spacing:-.05em;font-variant-numeric:tabular-nums}
.live__count small{font:500 8px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--w-58)}
.live__form{display:flex;gap:8px}
.live__form input{flex:1;min-width:0;background:var(--white);border:0;padding:0 14px;font:500 14px/1 var(--font);color:var(--ink);height:40px}
.live__note{margin-top:10px;color:var(--w-58)}

/* ── contact ─────────────────────────────────────────────── */
.contact{position:relative;background:var(--blue);color:var(--white);padding:150px 0 150px;overflow:hidden}
.contact__tex{display:none}
.contact__in{position:relative;display:flex;flex-direction:column;align-items:flex-start}
.contact__picto{display:none}
.contact__p{max-width:52ch;color:var(--white);font-size:19px;line-height:1.5;margin-bottom:38px}
.contact__cta{display:flex;flex-direction:column;align-items:flex-start;gap:22px}
.contact .eyebrow{color:rgba(255,255,255,.82)}.contact .eyebrow::before{content:none}.contact .h2{font-size:clamp(52px,7.4vw,118px);letter-spacing:-.07em;line-height:.86}

/* ── pied de page ────────────────────────────────────────── */
.ftr{background:var(--ink);color:var(--white);position:relative;overflow:hidden;border-top:1px solid var(--line-w)}
.ftr__in{display:grid;grid-template-columns:1fr auto;gap:40px;padding-top:44px;padding-bottom:34px;position:relative;z-index:2;align-items:start}
.ftr__brand .mono{color:var(--w-58);margin-top:14px}
.ftr__nav{display:flex;flex-wrap:wrap;gap:22px;font:750 10px/1 var(--font);letter-spacing:.1em;text-transform:uppercase;position:relative;z-index:2}
.ftr__nav a{border-bottom:1px solid rgba(255,255,255,.7);padding-bottom:4px;align-self:flex-start}
.ftr__copy{grid-column:1/-1;color:var(--w-58)}
.ftr__we{position:absolute;right:var(--gutter);top:0;bottom:0;width:38vw;max-width:560px;display:flex;justify-content:flex-end;align-items:flex-end;overflow:hidden;will-change:transform;pointer-events:none;opacity:.5}
.ftr__we-t{font:900 min(26vw,360px)/.75 var(--font);letter-spacing:-.14em;color:transparent;-webkit-text-stroke:1.5px rgba(255,255,255,.35);transform:translateY(22%);position:relative}
.ftr__wink{position:absolute;left:50%;bottom:0;width:4.4vw;height:8vw;max-width:60px;max-height:110px;background:var(--yellow);transform:translateX(-50%) scaleY(0);transform-origin:bottom}
.ftr__we.is-wink .ftr__wink{animation:wink .5s var(--ease) 1}
@keyframes wink{0%{transform:translateX(-50%) scaleY(0)}50%{transform:translateX(-50%) scaleY(1)}100%{transform:translateX(-50%) scaleY(0)}}

/* ── IA flottante ────────────────────────────────────────── */
.ia{position:fixed;left:20px;bottom:20px;z-index:120}
.ia__fab{display:flex;align-items:center;gap:12px;background:var(--ink);color:var(--white);padding:0 20px 0 14px;height:52px;border:1px solid rgba(255,255,255,.2);font:850 10px/1 var(--font);letter-spacing:.11em;text-transform:uppercase;box-shadow:0 24px 60px rgba(0,0,0,.32);transition:transform .3s var(--back),background-color .2s}
.ia__fab:hover{transform:translateY(-3px);background:var(--blue)}
.ia__fab-dot{width:10px;height:10px;background:var(--yellow);box-shadow:0 0 14px var(--yellow);animation:pulse 1.6s ease-in-out infinite}
.ia__panel{position:absolute;left:0;bottom:0;width:min(420px,calc(100vw - 40px));height:min(680px,calc(100dvh - 40px));background:var(--white);color:var(--ink);border:1px solid var(--line);box-shadow:0 24px 60px rgba(0,0,0,.32);display:flex;flex-direction:column;transform-origin:bottom left;transform:translateY(12px) scale(.96);opacity:0;transition:transform .35s var(--ease-out),opacity .25s var(--ease)}
.ia__panel[hidden]{display:flex;pointer-events:none}
.ia.is-open .ia__panel{transform:none;opacity:1;pointer-events:auto}
.ia.is-open .ia__fab{transform:translateY(20px);opacity:0;pointer-events:none}
.ia__head{display:flex;align-items:center;gap:12px;padding:16px 18px;background:var(--ink);color:var(--white)}
.ia__title{font:860 18px/1 var(--font);letter-spacing:-.04em}.ia__sub{color:var(--w-58);margin-top:4px;font-size:8px}
.ia__lang{margin-left:auto;border:1px solid var(--line-w);padding:6px 8px}
.ia__close{width:32px;height:32px;font-size:22px;line-height:1}
.ia__log{flex:1;overflow:auto;padding:16px;display:flex;flex-direction:column;gap:12px;scroll-behavior:smooth}
.msg{max-width:92%;font-size:13.5px;line-height:1.45;opacity:0;transform:translateY(8px);animation:hitIn .4s var(--ease-out) forwards}
.msg--u{align-self:flex-end;background:var(--ink);color:var(--white);padding:10px 14px}
.msg--a{align-self:flex-start;background:var(--mist);padding:12px 14px;border-left:3px solid var(--blue)}
.msg--a.is-refuse{border-left-color:var(--yellow)}
.msg--sys{align-self:center;font:500 9px/1.4 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-58);text-align:center}
.typing{display:inline-flex;gap:4px;padding:6px 0}.typing i{width:6px;height:6px;background:var(--ink-36);border-radius:50%;animation:typ 1s infinite}.typing i:nth-child(2){animation-delay:.15s}.typing i:nth-child(3){animation-delay:.3s}
@keyframes typ{0%,100%{transform:translateY(0);opacity:.4}50%{transform:translateY(-4px);opacity:1}}
.src{display:grid;gap:6px;margin-top:10px}
.src__c{display:grid;grid-template-columns:54px 1fr;gap:10px;align-items:center;background:var(--white);border:1px solid var(--line);padding:8px;text-align:left;transition:border-color .2s,transform .2s var(--ease-out)}
.src__c:hover{border-color:var(--blue);transform:translateX(3px)}
.src__th{width:54px;height:36px;background:linear-gradient(135deg,var(--navy),var(--blue));position:relative;color:var(--white);font:500 8px/1 var(--mono);display:flex;align-items:flex-end;justify-content:flex-end;padding:3px}
.src__th--doc{background:var(--yellow);color:var(--ink)}.src__th--page{background:var(--mist);color:var(--ink);border:1px solid var(--line)}
.src__t{font:700 12px/1.2 var(--font);letter-spacing:-.02em}.src__m{font:500 8px/1.4 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-58)}
.src__go{font:800 9px/1 var(--font);letter-spacing:.1em;text-transform:uppercase;color:var(--blue);margin-top:4px;display:inline-block}
.qual{align-self:stretch;border:1px solid var(--ink);padding:14px;background:var(--white);opacity:0;transform:translateY(8px);animation:hitIn .4s var(--ease-out) forwards}
.qual__k{font:850 9px/1 var(--font);letter-spacing:.14em;text-transform:uppercase;color:var(--blue);margin-bottom:10px}
.qual__row{display:grid;grid-template-columns:48px 1fr;gap:12px;align-items:center;margin-bottom:10px}
.qual__row svg{width:48px;height:48px;border:1px solid var(--line)}
.qual__n{font:700 14px/1.1 var(--font);letter-spacing:-.02em}.qual__r{font:500 8px/1.4 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-58)}
.qual__meta{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px}
.qual__meta span{font:500 8px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;padding:6px 8px;background:var(--mist)}
.qual__meta .lv{background:var(--yellow)}
.qform{display:grid;gap:6px;margin-top:8px}
.qform .pre{background:#FFF9B8;border:1px solid var(--yellow);padding:8px 10px;font-size:12px;line-height:1.35}
.qform .pre b{font:500 8px/1.4 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-58);display:block}
.qform input{border:1px solid var(--line);padding:10px 12px;font:500 13px/1 var(--font);width:100%}
.qform input:focus{outline:0;border-color:var(--blue);box-shadow:0 0 0 3px rgba(18,86,246,.2)}
.slots{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:8px}
.slots button{border:1px solid var(--line);padding:10px 4px;font:700 11px/1.3 var(--font);letter-spacing:-.01em;transition:background-color .2s,color .2s}
.slots button:hover,.slots button.is-on{background:var(--ink);color:var(--white)}
.slots small{display:block;font:500 8px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;opacity:.7;margin-top:3px}
.ia__sugg{display:flex;gap:6px;padding:10px 16px 0;overflow-x:auto;scrollbar-width:none}
.ia__sugg .chip{white-space:nowrap;font-size:11px;padding:8px 10px}
.ia__form{display:flex;gap:8px;padding:12px 16px 8px}
.ia__form input{flex:1;min-width:0;border:1px solid var(--line);padding:0 12px;height:40px;font:500 14px/1 var(--font);color:var(--ink)}
.ia__form input:focus{outline:0;border-color:var(--ink)}
.ia__legal{padding:0 16px 12px;color:var(--ink-58);font-size:8px}

/* ── fiche (sheet) ───────────────────────────────────────── */
.sheet{position:fixed;inset:0;z-index:130}
.sheet[hidden]{display:block;pointer-events:none}
.sheet__bg{position:absolute;inset:0;background:rgba(5,5,5,.6);opacity:0;transition:opacity .35s var(--ease)}
.sheet__panel{position:absolute;top:0;right:0;bottom:0;width:min(560px,100vw);background:var(--white);color:var(--ink);transform:translateX(100%);transition:transform .45s var(--ease-out);overflow:auto}
.sheet.is-open .sheet__bg{opacity:1}.sheet.is-open .sheet__panel{transform:none}
.sheet__close{position:sticky;top:0;float:right;width:48px;height:48px;font-size:26px;background:var(--white);z-index:2}
.sheet__body{padding:32px 36px 48px}
.sheet__vis{aspect-ratio:16/10;position:relative;overflow:hidden;background:var(--mist);margin-bottom:22px}
.sheet__vis svg{position:absolute;inset:0;width:100%;height:100%}
.sheet__vis .vid{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}
.sheet__vis .vid span{width:72px;height:72px;border:1px solid rgba(255,255,255,.7);display:flex;align-items:center;justify-content:center;background:rgba(5,5,5,.35)}
.sheet__vis .vid span::after{content:"";border-left:18px solid #fff;border-top:11px solid transparent;border-bottom:11px solid transparent;margin-left:4px}
.sheet__vis .mono{position:absolute;left:14px;bottom:12px;color:var(--white)}
.sheet__name{font:860 40px/.9 var(--font);letter-spacing:-.06em;margin:0 0 6px}
.sheet__role{color:var(--blue);margin-bottom:18px}
.sheet__body p{line-height:1.5}
.sheet__h{font:850 10px/1 var(--font);letter-spacing:.17em;text-transform:uppercase;margin:24px 0 10px;display:flex;gap:10px;align-items:center}.sheet__h::before{content:"";width:22px;height:6px;background:var(--blue)}
.sheet__list{display:grid;gap:6px}
.sheet__list a,.sheet__list li{display:flex;justify-content:space-between;gap:12px;padding:10px 12px;border:1px solid var(--line);font-size:13px;transition:background-color .2s}
.sheet__list a:hover{background:var(--mist)}
.sheet__list .mono{color:var(--ink-58)}
.sheet__num{font:860 clamp(60px,8vw,100px)/.8 var(--font);letter-spacing:-.07em;color:var(--blue);margin-bottom:8px}

/* ── mouvement réduit ────────────────────────────────────── */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001s !important;animation-iteration-count:1 !important;transition-duration:.001s !important;scroll-behavior:auto !important}
  .hero{height:auto}.hero__sticky{position:relative;height:auto;min-height:100dvh}
  [data-reveal]{transform:none;opacity:1}
  .mk{opacity:1;transform:none}.mk--lozenge{transform:rotate(45deg)}
  .ac,.case{opacity:1;transform:none}
  .ch__in{transform:none}.h1__l2{opacity:1;transform:none}
  .panel-final{display:none}
  .feat__card.is-active .feat__bar{transform:scaleX(1)}
  .quote .w{opacity:1}
}
.no-motion .hero{height:auto}.no-motion .hero__sticky{position:relative;height:auto;min-height:100dvh}

/* ── responsive ──────────────────────────────────────────── */
@media (max-width:1280px){.dd{width:480px}}
@media (max-width:1215px){.nav{display:none}.burger{display:inline-flex}}
@media (max-width:1100px){
  .cabinet__grid{grid-template-columns:160px 1fr;}.cabinet__quote{grid-column:1/-1;position:static}
  .mk--card{width:180px;height:180px}.mk--w2{width:360px}.mk--tex,.mk--empty{width:180px;height:180px}
}
@media (max-width:1023px){
  :root{--hdr:78px}
  .hero{height:auto;background:var(--mist)}
  .hero__sticky{position:relative;height:auto;display:flex;flex-direction:column;overflow:visible}
  .hero__title-col{padding:36px var(--gutter) 40px;order:1}
  .panel{position:relative;order:2;width:auto;margin:0 var(--gutter);height:min(72vh,640px);transform:none !important;background:radial-gradient(circle at 72% 30%,rgba(138,158,243,.42),transparent 24%),linear-gradient(145deg,#020411 0%,var(--navy) 42%,var(--blue) 100%);box-shadow:0 24px 60px rgba(0,0,0,.32)}
  .panel-surface,.panel-final{display:none}
  .hero__data-col{order:3;margin-top:32px;border-right:0;transform:none !important;height:260px}
  .datagrid{grid-template-columns:repeat(6,1fr)}
  .hero__aside-col{order:4;transform:none !important;border-bottom:1px solid var(--line)}
  .arrows,.alaune{transform:none !important}
  .film__grid,.expertises__head,.assoc__head,.cases__head,.media__head,.dec__grid{grid-template-columns:1fr;gap:24px}
  .film__stage{height:auto}.film__frame{position:relative;top:auto;height:60vw;transform:none !important;margin:0 var(--gutter)}
  .assoc__grid{grid-template-columns:repeat(2,1fr)}
  .mark{align-items:stretch;padding:0 var(--gutter)}
  .mark__row{flex-direction:column;align-items:stretch;transform:none !important}
  .mk--lozenge,.mk--tiny,.mk--tex,.mk--empty{display:none}
  .mk--card,.mk--w2{width:100%;height:auto;min-height:0}
  .mk__in{position:relative;flex-direction:row;align-items:center;gap:16px;padding:18px 16px}
  .mk__body{flex:1}.mk__arr{position:static}
  .mk--card:hover .mk__in{transform:translateX(0) !important;box-shadow:none}
  .media__layout{grid-template-columns:1fr}.media__side{position:static;flex-direction:row;width:max-content}
  .fmt{grid-template-columns:1fr;min-height:0;gap:10px}
  .feat{grid-template-columns:1fr;border-right:1px solid var(--line)}.feat__card{border-right:0;border-bottom:1px solid var(--line);min-height:0}.feat__card:last-child{border-bottom:0}
  .dd{position:fixed;left:var(--gutter);right:var(--gutter);width:auto}
}
@media (max-width:720px){
  :root{--hdr:74px}
  .brand__mark{font-size:26px}.brand__tag{display:none}
  .hdr__actions .pill,.hdr__actions .btn{display:none}
  .h1{line-height:.84}
  .hero__cta{gap:18px}
  .panel{height:min(80vh,540px);margin:0 var(--gutter)}
  .panel__window{height:60px}.panel__track span{height:60px}
  @keyframes words{0%,15%{transform:translateY(0)}20%,35%{transform:translateY(-60px)}40%,55%{transform:translateY(-120px)}60%,75%{transform:translateY(-180px)}80%,100%{transform:translateY(-240px)}}
  .datagrid{grid-template-columns:repeat(4,1fr)}.hero__data-col{height:220px}
  .ask{padding:60px 0 48px}.askbar{flex-wrap:wrap;padding:10px}.askbar input{width:100%;flex:1 1 100%;order:1;padding:6px 0}.askbar__ico{order:0}.askbar .btn{order:2;width:100%;justify-content:center}
  .band__cell{width:150px;height:150px;padding:14px}.band__cell b{font-size:32px}
  .film{padding-top:70px}
  .cabinet{padding:80px 0}.cabinet__grid{grid-template-columns:1fr;gap:24px}
  .expertises{padding:70px 0 80px}
  .assoc{padding:80px 0 70px}.assoc__grid{grid-template-columns:1fr}
  .assoc__band{flex-direction:column;text-align:center;padding:24px}
  .cases{padding:80px 0}.case{width:86vw;height:380px;padding:20px}
  .media{padding:80px 0}
  .dec{padding:80px 0}.live__count b{font-size:24px}
  .contact{padding:90px 0 80px}
  .ftr__in{grid-template-columns:1fr}
  .ia{left:12px;bottom:12px}.ia__panel{width:calc(100vw - 24px);height:calc(100dvh - 24px)}
  .sheet__body{padding:24px 20px 40px}.sheet__name{font-size:34px}
  .slots{grid-template-columns:1fr 1fr}
}
@media (max-width:420px){
  .h1{font-size:clamp(46px,15vw,60px)}
  .hero__figures{flex-wrap:wrap}
  .band__cell{width:130px;height:130px}
  .datagrid{grid-template-columns:repeat(3,1fr)}
}

/* ── compléments (titre en chiffres, parcours) ───────────── */
.ch{position:relative}
.ch__d{position:absolute;left:0;top:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-family:var(--mono);font-weight:500;letter-spacing:0;color:var(--blue);font-size:.72em;transition:transform .5s var(--ease-inout),opacity .4s;will-change:transform}
.ch__d.is-out{transform:translateY(-110%);opacity:0}
.mk--card.is-pref .mk__in::before{content:"";position:absolute;right:-1px;top:-1px;width:10px;height:10px;background:var(--yellow);z-index:3}
.mk--card.is-pref .mk__num{background:var(--yellow);color:var(--ink);padding:3px 5px;margin:-3px -5px}
.dd__list li.is-pref a{background:#FFFBD6}


/* ── médias réels ────────────────────────────────────────── */
.film__video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;background:var(--navy)}
.film__sound{position:absolute;right:24px;bottom:18px;border:1px solid rgba(255,255,255,.6);color:var(--white);font:850 9px/1 var(--font);letter-spacing:.12em;text-transform:uppercase;padding:10px 12px;transition:background-color .2s,color .2s;z-index:2}
.film__sound:hover,.film__sound[aria-pressed="true"]{background:var(--yellow);color:var(--ink);border-color:var(--yellow)}
.film__meta{z-index:2}
.media__capsule{display:grid;grid-template-columns:1.3fr 1fr;gap:32px;align-items:end;margin:40px 0 20px}
.media__player{background:var(--ink);aspect-ratio:16/9;overflow:hidden;border:1px solid var(--line)}
.media__player video{width:100%;height:100%;display:block;object-fit:cover}
.media__caption-t{font:400 clamp(24px,2.4vw,34px)/1 var(--font);letter-spacing:-.05em;margin:0 0 12px}
.media__caption .mono{color:var(--ink-58)}
.media__vt{margin:40px 0 44px}
.media__vt-head{display:flex;justify-content:space-between;align-items:end;gap:24px;flex-wrap:wrap;margin-bottom:20px}
.media__vt-head .h3{margin:0;max-width:24ch}
.media__vt .vt__grid{grid-template-columns:repeat(6,1fr);gap:8px}
.vt__grid--home .vt__card{aspect-ratio:9/16}
.vt__grid--home .vt__cap h3{font-size:12px}.vt__grid--home .vt__cap p{color:var(--ink-58)}
.dec__list{margin-top:26px;display:grid;grid-template-columns:1fr 1fr;gap:8px}
.dec__it{display:grid;grid-template-columns:64px 1fr;gap:12px;align-items:center;padding:10px;background:rgba(255,255,255,.06);border:1px solid var(--line-w);transition:background-color .2s}
.dec__it:hover{background:rgba(255,255,255,.12)}
.dec__it img{width:64px;height:64px;object-fit:cover;display:block}
.dec__it b{display:block;font:700 12.5px/1.25 var(--font);letter-spacing:-.02em;margin-bottom:4px}
.dec__it span{font:500 8px/1.4 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--w-58)}
.dec{background:var(--ink)}.dec::before{content:none}
.assoc .pcs{padding:0 0 30px}
@media (max-width:1023px){.media__capsule{grid-template-columns:1fr}.media__vt .vt__grid{grid-template-columns:repeat(3,1fr)}.dec__list{grid-template-columns:1fr}}
@media (max-width:640px){.media__vt .vt__grid{grid-template-columns:repeat(2,1fr)}}

/* ── IA : panneau redessiné ─────────────────────────────────── */
.ia__panel{width:min(480px,calc(100vw - 40px));height:min(720px,calc(100dvh - 40px));border:0;box-shadow:0 30px 80px rgba(0,0,0,.45)}
.ia__head{padding:18px 20px;background:var(--ink)}
.ia__log{padding:20px;gap:14px;background:var(--mist)}
.msg{font-size:14px;line-height:1.5;max-width:94%}
.msg--u{background:var(--ink);color:var(--white);padding:12px 16px;font-weight:600}
.msg--a{background:var(--white);border-left:3px solid var(--blue);padding:16px 18px;box-shadow:0 1px 0 rgba(5,5,5,.06)}
.msg--a b{color:var(--blue)}
.msg--a.is-refuse{border-left-color:var(--yellow)}
.msg--sys{background:transparent}
.src{gap:8px;margin-top:14px}
.src__c{grid-template-columns:96px 1fr;gap:14px;padding:0;border:1px solid var(--line);overflow:hidden;background:var(--white)}
.src__c:hover{border-color:var(--ink);transform:none;box-shadow:0 12px 24px rgba(5,5,5,.08)}
.src__th{width:96px;height:64px;padding:6px;align-items:flex-end;justify-content:flex-start;font-size:9px;background:var(--navy) center/cover no-repeat}
.src__th::before{content:"We";position:absolute;right:6px;top:2px;font:900 16px/1 var(--font);letter-spacing:-.1em;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.7)}
.src__th.has-img::before{content:none}.src__th.has-img{background-color:var(--navy)}
.src__th span{background:var(--yellow);color:var(--ink);padding:3px 5px;font-weight:700}
.src__th--doc,.src__th--page{padding:6px;align-items:center;justify-content:center;font-size:11px;font-weight:700}.src__th--doc::before,.src__th--page::before{content:none}
.src__c>span:last-child{padding:8px 10px 8px 0}
.src__t{font-size:12.5px}
.qual{padding:0;border:0;background:var(--white);box-shadow:0 1px 0 rgba(5,5,5,.06)}
.qual__k{padding:12px 16px 0}
.qual__row{grid-template-columns:72px 1fr;padding:12px 16px 0;margin-bottom:12px}
.qual__row svg,.qual__row img{width:72px;height:72px;object-fit:cover;border:0}
.qual__n{font-size:16px}
.qual__meta{padding:0 16px 14px}
.qual>.btn{display:flex;width:calc(100% - 32px);margin:0 16px 16px;justify-content:center}
.qform{padding:0 16px 16px}
.slots{padding:0 16px 16px}
.ia__sugg{padding:12px 20px 0;background:var(--white);border-top:1px solid var(--line)}
.ia__form{padding:12px 20px 8px;background:var(--white)}
.ia__legal{background:var(--white);padding:0 20px 14px}
.qual .conf{padding:0 16px 16px;font-size:13.5px;line-height:1.5}


/* ── sections qui grandissent comme le film ─────────────── */
@media (min-width:1024px){
  .grow{min-height:175vh;min-height:175dvh;padding:0 !important;display:block;overflow:visible !important}
  .grow__stage{position:sticky;top:var(--hdr);height:calc(100dvh - var(--hdr));display:flex;flex-direction:column;justify-content:center;transform-origin:50% 50%;will-change:transform,opacity}
  .grow__stage>.wrap{width:100%}
  .contact.grow .contact__in{margin:0 auto}
}

/* ── fiche latérale redessinée ─────────────────────────────── */
.sheet__panel{width:min(640px,100vw);background:var(--white)}
.sheet__body{padding:0 0 48px}
.sheet__hero{background:var(--blue);color:var(--white);padding:56px 40px 40px;position:relative;overflow:hidden;min-height:300px;display:flex;flex-direction:column;justify-content:flex-end}
.sheet__hero::before{content:attr(data-num);position:absolute;right:-10px;top:-30px;font:860 260px/1 var(--font);letter-spacing:-.08em;color:rgba(255,255,255,.14)}
.sheet__hero .sheet__num{font-size:14px;color:var(--yellow);letter-spacing:.2em;margin-bottom:14px;font-family:var(--mono);font-weight:500}
.sheet__hero .sheet__name{color:var(--white);font-size:clamp(34px,4vw,54px);margin:0 0 12px;position:relative}
.sheet__hero .sheet__role{color:rgba(255,255,255,.85);font:400 17px/1.4 var(--font);letter-spacing:-.01em;text-transform:none;margin:0;position:relative}
.sheet__sec{padding:26px 40px 0}
.sheet__sec>p{font-size:16px;line-height:1.55}
.sheet__h{margin:28px 0 12px}
.sheet__people{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.sheet__people a{display:grid;grid-template-columns:56px 1fr;gap:12px;align-items:center;border:1px solid var(--line);padding:8px;transition:transform .3s var(--ease-out),box-shadow .3s}
.sheet__people a:hover{transform:translateY(-3px);box-shadow:0 14px 28px rgba(5,5,5,.1)}
.sheet__people img{width:56px;height:56px;object-fit:cover}
.sheet__people b{display:block;font:700 14px/1.1 var(--font);letter-spacing:-.02em;text-transform:none}.sheet__people a>span>span{display:block;font:500 8px/1.4 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-58)}
.sheet__vids{display:grid;gap:8px}
.sheet__vids a{display:grid;grid-template-columns:110px 1fr;gap:14px;align-items:center;border:1px solid var(--line);transition:background-color .2s}
.sheet__vids a:hover{background:var(--mist)}
.sheet__vids .th{aspect-ratio:16/9;background:linear-gradient(145deg,#020411,#06164D 55%,#1256F6);position:relative;overflow:hidden}.sheet__vids .th img{width:100%;height:100%;object-fit:cover}.sheet__vids .th i{position:absolute;right:6px;bottom:6px;background:var(--yellow);color:var(--ink);font:500 9px/1 var(--mono);padding:4px 5px;font-style:normal}
.sheet__vids b{display:block;font:700 14px/1.2 var(--font);letter-spacing:-.02em;padding-right:12px;text-transform:none}.sheet__vids a>span:last-child>span{display:block;font:500 8px/1.6 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-58)}
.sheet__cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.sheet.is-open .sheet__hero>*{animation:slamUp .6s cubic-bezier(.16,1.28,.3,1) both}.sheet.is-open .sheet__hero>*:nth-child(2){animation-delay:.08s}.sheet.is-open .sheet__hero>*:nth-child(3){animation-delay:.16s}
.sheet.is-open .sheet__sec>*{animation:slamUp .6s cubic-bezier(.16,1.28,.3,1) both .25s}
@media (max-width:640px){.sheet__hero{padding:40px 22px 28px}.sheet__sec{padding:20px 22px 0}.sheet__people{grid-template-columns:1fr}}