.hero__lead{margin:clamp(1rem,2vw,1.5rem) auto 0;max-width:46ch;font-size:clamp(1.0625rem,1.5vw,1.3125rem);line-height:1.45;color:var(--bone,#F2F0EB);opacity:.92}.hero__cta2{display:inline-block;margin-top:14px;font-size:0.9375rem;color:var(--bone,#F2F0EB);opacity:.78;text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}.hero__cta2:hover{opacity:1}.hero__cta2:focus-visible{outline:2px solid var(--signal,#E8C547);outline-offset:3px;border-radius:3px}@media (max-width:720px){.hero__lead{font-size:1rem;margin-top:.875rem}.hero__cta2{margin-top:12px}}.vw__in{max-width:64rem;margin-inline:auto;text-align:center}.vw__t{font-size:var(--fs-h2,clamp(2rem,5vw,4.25rem));font-family:var(--display,sans-serif);max-width:20ch;margin-inline:auto;text-wrap:balance}.vw__w{display:inline-block;transition-delay:var(--d,0s)}.vw__t .vw__w{transform:translateY(14px)}.vw__t .vw__w.is-in{transform:none}@media (prefers-reduced-motion:reduce){.vw__w{transition:none!important;transition-delay:0s!important}}.vw__sub{margin:clamp(0.9rem,1.8vw,1.4rem) auto 0;max-width:54ch;font-size:var(--fs-lead,clamp(1.05rem,1.6vw,1.35rem));color:var(--bone,#F2F0EB);opacity:.9}.vw__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(1rem,2.2vw,2rem);margin:clamp(2rem,4vw,3.25rem) auto 0;padding:0;list-style:none;text-align:left}.vw__i{padding-top:clamp(0.85rem,1.4vw,1.1rem);border-top:1px solid var(--line,rgba(242,240,235,0.10))}.vw__i-t{display:block;font-family:var(--display,sans-serif);font-size:clamp(0.9375rem,1.05vw,1.0625rem);font-weight:600;line-height:1.25;color:var(--bone,#F2F0EB)}.vw__i-d{display:block;margin-top:.35rem;font-family:var(--body,sans-serif);font-size:0.8125rem;line-height:1.45;color:var(--ash,#8A8F98)}.vw__cta{margin:clamp(2rem,3.5vw,2.75rem) 0 0;text-align:center}@media (max-width:900px){.vw__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:560px){.vw__grid{grid-template-columns:minmax(0,1fr);gap:0}.vw__i{padding-block:.85rem}}.rw{padding-top:0;padding-bottom:clamp(1.75rem,4vw,3.5rem)}.rw__head{text-align:center}.rw__t{font-size:clamp(1.6rem,3.2vw,2.6rem);font-family:var(--display,sans-serif);text-wrap:balance}.rw__sub{margin-top:.5rem;font-size:0.95rem;letter-spacing:.02em;color:var(--ash,#8A8F98)}.rw__rail{margin-top:clamp(1.5rem,3vw,2.5rem)}.rw__tabs{display:flex;gap:.5rem;overflow-x:auto;scrollbar-width:none;padding-bottom:.25rem;margin-bottom:clamp(1.25rem,2.5vw,1.75rem);border-bottom:1px solid var(--line,rgba(242,240,235,0.10))}.rw__tabs::-webkit-scrollbar{display:none}.rw__tab{flex:0 0 auto;min-height:44px;padding:10px 14px;background:none;border:0;border-bottom:2px solid transparent;font-family:var(--display,sans-serif);font-size:0.875rem;color:var(--ash,#8A8F98);cursor:pointer;white-space:nowrap}.rw__tab:hover{color:var(--bone,#F2F0EB)}.rw__tab[aria-selected="true"]{color:var(--bone,#F2F0EB);border-bottom-color:var(--signal,#E8C547)}.rw__tab:focus-visible{outline:2px solid var(--signal,#E8C547);outline-offset:-2px}.rw__slots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(0.75rem,1.6vw,1.25rem);margin:0;padding:0;list-style:none}.rw__slot{min-width:0}.rw__ph,.rw__img{display:block;width:100%;aspect-ratio:var(--ar,4 / 5);border-radius:var(--radius-s,4px);border:1px solid var(--line,rgba(242,240,235,0.10));background:linear-gradient(160deg,var(--surface-2,#17191D) 0%,var(--surface,#121316) 55%,var(--void-2,#0E0F12) 100%)}.rw__img{object-fit:cover;height:100%}.rw__foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem 1.5rem;margin-top:clamp(0.9rem,1.8vw,1.25rem)}.rw__type{display:block;font-family:var(--display,sans-serif);font-size:0.9375rem;font-weight:600;color:var(--bone,#F2F0EB)}.rw__in{display:block;margin-top:.2rem;font-size:0.75rem;line-height:1.35;color:var(--ash,#8A8F98)}.rw__desc{margin:.35rem 0 0;max-width:56ch;font-size:0.8125rem;line-height:1.45;color:var(--ash,#8A8F98)}@media (max-width:700px){.rw__slots{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin-inline:calc(var(--gutter,1.25rem) * -1);padding-inline:var(--gutter,1.25rem)}.rw__slots::-webkit-scrollbar{display:none}.rw__slot{flex:0 0 72%;scroll-snap-align:start}.rw__foot{flex-direction:column;align-items:flex-start}}/* v131 — CTA D'ACHAT EN JAUNE PLEIN, TEXTE NOIR.
   La regle vit ici et pas dans main.css : home-cro est chargee APRES
   main dans index.html, donc c'est elle qui gagne. Une regle jumelle
   ailleurs aurait donne un bouton jaune au texte clair, illisible. */
.wk__buy{display:inline-flex;align-items:center;gap:.5em;flex:0 0 auto;min-height:48px;padding:12px 22px;background:var(--signal-fill,#E8C547);border:1px solid var(--signal-fill,#E8C547);border-radius:var(--radius-s,4px);font-family:var(--display,sans-serif);font-size:0.95rem;font-weight:700;color:var(--void,#0A0B0D);text-decoration:none;white-space:nowrap;transition:background .25s ease,transform .25s ease}
.wk__buy:hover{background:#F2D56D;border-color:#F2D56D;transform:translateY(-1px)}
.wk__buy:focus-visible{outline:2px solid var(--bone,#F2F0EB);outline-offset:3px}

/* v132 — MARQUEUR TEMPOREL MANUSCRIT DE « RECENT WORK ».
   Un seul element dans le DOM, deux positionnements.

   >= 1100px : absolute dans la gouttiere gauche de l'en-tete. Le titre est
   du texte centre dans une boite pleine largeur, donc aucun recouvrement
   possible tant qu'il ne touche pas le bord — a cette largeur le titre
   (clamp(1.6rem,3.2vw,2.6rem), text-wrap:balance) laisse plus de 250px de
   chaque cote. 1100px est precisement le seuil sous lequel il commence a
   consommer cette gouttiere.

   < 1100px : le positionnement absolu tombe, l'element reprend le flux
   sous .rw__sub avec un leger retrait a gauche. Pas de [hidden], pas de
   duplication, pas de valeur en dur dependant de la hauteur du titre.

   Caveat vient de --hand (main.v135.css, deja auto-hebergee). Casse de
   titre et non capitales : c'est une manuscrite dont tout le caractere
   tient dans les bas-de-casse. */
.rw__head{position:relative}
.rw__mark{margin-top:.9rem;padding-left:.25rem;text-align:left;font-family:var(--hand,'Caveat',cursive);font-weight:600;font-size:1.6rem;line-height:1.1;letter-spacing:.01em;color:var(--bone,#F2F0EB);opacity:.95;transform:rotate(-2.5deg);transform-origin:left center}
@media (min-width:1100px){.rw__mark{position:absolute;left:0;top:.05rem;margin-top:0;padding-left:0;font-size:2rem;transform-origin:center}}