.bio{min-height:100svh;color:var(--noir);background-color:var(--blanc);background-image:radial-gradient(#1414120f 1px,#0000 1px);background-size:32px 32px;flex-direction:column;display:flex}.bio-barre{height:58px;padding-bottom:6px;padding-inline:var(--marge);background:var(--noir);align-items:center;display:flex;position:relative}.bio-marque{align-items:center;min-height:44px;display:inline-flex}.bio-logo{width:auto;height:24px;display:block}.bio-liseres{position:absolute;bottom:0;left:0;right:0}.bio-lisere{transform-origin:0;height:2px;display:block}.bio-lisere--c{background:var(--cyan)}.bio-lisere--m{background:var(--magenta)}.bio-lisere--j{background:var(--jaune)}.bio-corps{width:100%;max-width:var(--contenu);padding:22px var(--marge) 16px;flex-direction:column;flex:1;gap:22px;margin-inline:auto;display:flex}@media (min-width:1024px){.bio-corps{grid-template-rows:1fr auto;grid-template-columns:1fr 1.3fr;align-items:center;gap:20px 56px;padding-block:24px 14px;display:grid}.bio-hero{grid-area:1/1}.bio-portes{grid-area:1/2}.bio-pied{grid-area:2/1/auto/-1}}.bio-surtitre{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--gris-texte);margin:0 0 12px;font-size:11px;font-weight:500;line-height:1.5}@media (min-width:1024px){.bio-surtitre{letter-spacing:.12em;margin-bottom:18px;font-size:13px}}.bio-titre{font-family:var(--titre);letter-spacing:-.025em;text-transform:uppercase;color:var(--noir);margin:0;font-size:clamp(26px,7.7vw,56px);font-weight:900;line-height:1}@media (min-width:1024px){.bio-titre{font-size:clamp(44px,4.2vw,60px)}}.bio-titre-var--large{display:none}.bio-titre-var--etroit{display:block}@media (min-width:1024px){.bio-titre-var--large{display:block}.bio-titre-var--etroit{display:none}}.bio-ligne{margin:-.3em -.2em -.06em;padding:.3em .2em .06em;display:block}.bio-ligne-inner{white-space:nowrap;display:inline-block}.bio .frange-c{transform:translate(-6px,-5px)}.bio .frange-m{transform:translate(6px,-2.5px)}.bio .frange-j{transform:translate(-2.5px,6px)}@media (max-width:767px){.bio .frange-c{transform:translate(-4px,-3.5px)}.bio .frange-m{transform:translate(4px,-2px)}.bio .frange-j{transform:translate(-2px,4px)}}.bio-fleche{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:square;width:18px;height:9px}.bio-portes{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}@media (min-width:1024px){.bio-portes{grid-template-columns:repeat(3,1fr);gap:20px}}.bio-tuile{text-align:left;cursor:pointer;font:inherit;--acc:var(--noir);min-height:48px;color:var(--noir);background:0 0;border:0;padding:0;text-decoration:none;display:block;position:relative}.bio-tuile--magenta{--acc:var(--magenta)}.bio-tuile--jaune{--acc:var(--jaune)}.bio-tuile--cyan{--acc:var(--cyan)}.bio-tuile--noir{--acc:var(--noir)}.bio-ombre{background:var(--acc);will-change:transform;position:absolute;inset:0;transform:translate(6px,6px)}.bio-calque{mix-blend-mode:multiply;filter:blur(1.5px);opacity:.95;pointer-events:none;will-change:transform;position:absolute;inset:0}.bio-calque--c{background:var(--cyan);transform:translate(-5px,-4px)}.bio-calque--m{background:var(--magenta);transform:translate(5px,-2px)}.bio-calque--j{background:var(--jaune);transform:translate(-2px,5px)}.bio-face{border:2px solid var(--noir);background:var(--blanc);flex-direction:column;gap:12px;height:100%;padding:12px;display:flex;position:relative}@media (min-width:1024px){.bio-face{gap:16px;padding:16px 16px 14px}}.bio .bio-tuile:hover .bio-face,.bio .bio-tuile:focus-visible .bio-face{transform:translate(-3px,-3px)}.bio .bio-tuile:active .bio-face{transform:translate(2px,2px)}.bio .bio-tuile:hover .bio-calque--c,.bio .bio-tuile:focus-visible .bio-calque--c{transform:translate(-8px,-6px)}.bio .bio-tuile:hover .bio-calque--m,.bio .bio-tuile:focus-visible .bio-calque--m{transform:translate(8px,-3px)}.bio .bio-tuile:hover .bio-calque--j,.bio .bio-tuile:focus-visible .bio-calque--j{transform:translate(-3px,8px)}.bio-tuile--principale .bio-face{background:var(--noir);color:var(--blanc)}.bio-coin{background:var(--acc);width:8px;height:8px;position:absolute;top:10px;right:10px}.bio-ico{z-index:0;flex:none;place-items:center;width:40px;height:40px;display:grid;position:relative}@media (min-width:1024px){.bio-ico{width:48px;height:48px}}.bio-ico:before{content:"";z-index:-1;border:2px solid var(--noir);background:var(--blanc);position:absolute;inset:0}.bio-ico-ombre{z-index:-2;background:var(--acc);transition:transform .3s cubic-bezier(.22,1,.36,1);position:absolute;inset:0;transform:translate(3px,3px)}.bio-tuile:hover .bio-ico-ombre,.bio-tuile:focus-visible .bio-ico-ombre{transform:translate(5px,5px)}.bio-ico-frange{z-index:-2;box-shadow:-2px -1.5px 0 var(--cyan), 2px -.5px 0 var(--magenta), -.5px 2px 0 var(--jaune);position:absolute;inset:0}.bio-ico svg{fill:none;width:24px;height:24px;stroke:var(--noir);stroke-width:2px;stroke-linecap:square;stroke-linejoin:miter;display:block;position:relative}@media (min-width:1024px){.bio-ico svg{width:28px;height:28px}}.bio-tuile--principale .bio-ico:before{background:var(--noir);border-color:var(--blanc)}.bio-tuile--principale .bio-ico svg{stroke:var(--blanc);color:var(--blanc)}.bio-texte{flex-direction:column;gap:5px;min-width:0;display:flex}.bio-nom{font-family:var(--titre);letter-spacing:-.01em;text-transform:uppercase;font-size:16px;font-weight:900;line-height:1.05}@media (min-width:1024px){.bio-nom{font-size:19px}}.bio-ligne-mono{font-family:var(--mono);letter-spacing:.02em;color:var(--gris-texte);font-size:11px;font-weight:400;line-height:1.4}@media (min-width:1024px){.bio-ligne-mono{font-size:11.5px}}.bio-tuile--principale .bio-ligne-mono{color:var(--gris-barre)}.bio-aller{justify-content:flex-end;margin-top:auto;line-height:0;display:flex}.bio-aller .bio-fleche{transition:transform .3s cubic-bezier(.22,1,.36,1)}.bio-tuile:hover .bio-aller .bio-fleche,.bio-tuile:focus-visible .bio-aller .bio-fleche{transform:translate(4px)}.bio-tuile--large{grid-column:1/-1}.bio-tuile--large .bio-face{flex-direction:row;align-items:center;gap:14px;padding-right:14px}.bio-tuile--large .bio-texte{flex:auto;padding-right:8px}.bio-tuile--large .bio-nom{font-size:20px}.bio-tuile--large .bio-aller{flex:none;align-self:flex-end;margin-top:0}@media (min-width:1024px){.bio-tuile--large,.bio-tuile--large-ordi{grid-column:span 2}.bio-tuile--large .bio-face,.bio-tuile--large-ordi .bio-face{flex-direction:row;align-items:center;gap:18px;padding-right:16px}.bio-tuile--large .bio-texte,.bio-tuile--large-ordi .bio-texte{flex:auto;padding-right:8px}.bio-tuile--large .bio-nom,.bio-tuile--large-ordi .bio-nom{font-size:24px}.bio-tuile--large .bio-aller,.bio-tuile--large-ordi .bio-aller{flex:none;align-self:flex-end;margin-top:0}.bio-tuile--principale .bio-nom{font-size:26px}}.bio-pied{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 28px;margin:6px 0 0;display:flex}.bio-pied-btn{text-align:center}@media (max-width:1023px){.bio-pied-btn{width:100%}.bio-pied{justify-content:center}}.bio-pied-lien{min-height:44px;font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--noir);align-items:center;gap:10px;font-size:12px;font-weight:500;text-decoration:none;display:inline-flex}.bio-pied-lien:before{content:"";border:1px solid var(--noir);width:8px;height:8px;transition:background .2s linear}.bio-pied-lien:hover:before,.bio-pied-lien:focus-visible:before{background:var(--noir)}@media (prefers-reduced-motion:no-preference){.bio-lisere{transition:transform .65s cubic-bezier(.22,1,.36,1) .22s;transform:scaleX(0)}.bio-lisere--m{transition-delay:.32s}.bio-lisere--j{transition-delay:.42s}.bio.est-pose .bio-lisere{transform:scaleX(1)}.bio-surtitre{opacity:0;transition:opacity .4s linear,transform .4s cubic-bezier(.22,1,.36,1);transform:translateY(6px)}.bio.est-pose .bio-surtitre{opacity:1;transform:none}.bio-ligne{overflow:hidden}.bio.est-fini .bio-ligne{overflow:visible}.bio-ligne-inner{transition:transform .7s cubic-bezier(.22, 1, .36, 1) calc(50ms + var(--l,0) * 90ms);transform:translateY(118%)}.bio.est-pose .bio-ligne-inner{transform:none}.bio .frange-c,.bio .frange-m,.bio .frange-j{transition:transform .45s cubic-bezier(.22,1,.36,1) .9s}.bio .frange-c{transform:translate(-10px,-8px)}.bio .frange-m{transform:translate(10px,-4px)}.bio .frange-j{transform:translate(-4px,10px)}.bio.est-pose .frange-c{transform:translate(-6px,-5px)}.bio.est-pose .frange-m{transform:translate(6px,-2.5px)}.bio.est-pose .frange-j{transform:translate(-2.5px,6px)}@media (max-width:767px){.bio .frange-c{transform:translate(-7px,-6px)}.bio .frange-m{transform:translate(7px,-3px)}.bio .frange-j{transform:translate(-3px,7px)}.bio.est-pose .frange-c{transform:translate(-4px,-3.5px)}.bio.est-pose .frange-m{transform:translate(4px,-2px)}.bio.est-pose .frange-j{transform:translate(-2px,4px)}}.bio-tuile{--d:calc(.95s + var(--i,0) * 90ms);opacity:0;transition:opacity .25s linear var(--d)}.bio-face{transition:transform .45s cubic-bezier(.22, 1, .36, 1) var(--d);transform:translate(-8px,-8px)}.bio-ombre{transition:transform .45s cubic-bezier(.22, 1, .36, 1) calc(var(--d) + .1s);transform:translate(0)}.bio-calque{opacity:0;filter:blur(5px);transition:transform .55s cubic-bezier(.22, 1, .36, 1) calc(var(--d) + .12s), filter .55s cubic-bezier(.22, 1, .36, 1) calc(var(--d) + .12s), opacity .25s linear calc(var(--d) + .12s)}.bio-calque--c{transform:translate(-14px,-11px)}.bio-calque--m{transform:translate(14px,-5px)}.bio-calque--j{transform:translate(-5px,14px)}.bio.est-pose .bio-tuile{opacity:1}.bio.est-pose .bio-face{transform:none}.bio.est-pose .bio-ombre{transform:translate(6px,6px)}.bio.est-pose .bio-calque{opacity:.95;filter:blur(1.5px)}.bio.est-pose .bio-calque--c{transform:translate(-5px,-4px)}.bio.est-pose .bio-calque--m{transform:translate(5px,-2px)}.bio.est-pose .bio-calque--j{transform:translate(-2px,5px)}.bio.est-fini .bio-face,.bio.est-fini .bio-calque{transition:transform .3s cubic-bezier(.22,1,.36,1)}.bio.est-fini .bio-tuile:hover .bio-calque--c,.bio.est-fini .bio-tuile:focus-visible .bio-calque--c{transform:translate(-8px,-6px)}.bio.est-fini .bio-tuile:hover .bio-calque--m,.bio.est-fini .bio-tuile:focus-visible .bio-calque--m{transform:translate(8px,-3px)}.bio.est-fini .bio-tuile:hover .bio-calque--j,.bio.est-fini .bio-tuile:focus-visible .bio-calque--j{transform:translate(-3px,8px)}.bio-pied>*{opacity:0;transition:opacity .3s linear 1.75s}.bio.est-pose .bio-pied>*{opacity:1}}