/* Laboclip Experience — motion + gabarit éditorial. Charte : Encre, Charbon, Ligne, Ivoire, Grège, Braise. */
@view-transition{navigation:auto}
::view-transition-old(root),::view-transition-new(root){animation-duration:.32s;animation-timing-function:cubic-bezier(.2,.7,.2,1)}
:root{--lx-ease:cubic-bezier(.16,1,.3,1);--lx-col:720px;--lx-wide:1180px}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}::view-transition-old(root),::view-transition-new(root){animation:none}}

/* ---------- Révélations au scroll (seulement si JS actif et mouvement autorisé) ---------- */
.lx-js:not(.lx-rm) .lx-rv{opacity:0;translate:0 28px;transition:opacity .9s var(--lx-ease) var(--lx-d,0ms),translate .9s var(--lx-ease) var(--lx-d,0ms),transform .5s var(--lx-ease),border-color .3s,background-color .3s}
.lx-js:not(.lx-rm) .lx-rv.is-in{opacity:1;translate:none}
.lx-w{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.08em;margin-bottom:-.08em}
.lx-w>span{display:inline-block}
.lx-js:not(.lx-rm) .lx-split.is-split .lx-w>span{transform:translate3d(0,105%,0);transition:transform .8s var(--lx-ease);transition-delay:calc(var(--i,0)*45ms)}
.lx-js:not(.lx-rm) .lx-split.is-split.is-in .lx-w>span{transform:none}

/* Entrée des héros (CSS pur, pas de dépendance JS) */
@keyframes lx-rise{from{opacity:0;transform:translate3d(0,22px,0)}to{opacity:1;transform:none}}
@keyframes lx-clip{from{clip-path:inset(0 0 100% 0);transform:translate3d(0,.25em,0)}to{clip-path:inset(0 0 -10% 0);transform:none}}
@keyframes lx-wipe{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media (prefers-reduced-motion:no-preference){
  .lc-hero .lc-eyebrow,.lc-hero .lc-lead,.lc-hero .lc-actions,.lc-hero .lc-pillars{animation:lx-rise .9s var(--lx-ease) both}
  .lc-hero .lc-lead{animation-delay:.25s}.lc-hero .lc-actions{animation-delay:.38s}.lc-hero .lc-pillars{animation-delay:.5s}
  .lc-hero .lc-h1 .elementor-heading-title{animation:lx-clip 1s var(--lx-ease) .05s both}
  .lc-hero .lc-hero__visual{animation:lx-rise 1.1s var(--lx-ease) .15s both}
  .lx-ghero__in>*{animation:lx-rise .9s var(--lx-ease) both}
  .lx-ghero__in>*:nth-child(2){animation-delay:.06s}.lx-ghero__in>*:nth-child(4){animation-delay:.2s}.lx-ghero__in>*:nth-child(5){animation-delay:.3s}
  .lx-ghero .lx-h1{animation:lx-clip 1s var(--lx-ease) .08s both}
  .lx-ghero__cut{animation:lx-wipe 1.2s var(--lx-ease) .35s both}
}

/* ---------- Liens soulignés animés ---------- */
.lx-guide .lx-body a:not(.lx-btn):not(.lx-tile__s):not(.lc-cta-btn),.lc-prose a,.lc-text a,.lx-link,.lx-crumbs a,.lc-foot__links a,.lc-mail a{
  text-decoration:none;color:inherit;background:linear-gradient(currentColor,currentColor) 0 100%/100% 1px no-repeat,linear-gradient(var(--braise),var(--braise)) 0 100%/0 2px no-repeat;
  transition:background-size .45s var(--lx-ease),color .25s}
.lx-guide .lx-body a:not(.lx-btn):not(.lx-tile__s):not(.lc-cta-btn):hover,.lc-prose a:hover,.lc-text a:hover,.lx-link:hover,.lx-crumbs a:hover,.lc-foot__links a:hover,.lc-mail a:hover{background-size:100% 1px,100% 2px;color:var(--braise)}
.lc-top .elementor-item{position:relative}
.lc-top .elementor-item::after{content:"";position:absolute;left:var(--e-nav-menu-horizontal-menu-item-margin,0);right:auto;bottom:4px;height:2px;width:0;background:var(--braise);transition:width .4s var(--lx-ease)}
.lc-top .elementor-item:hover::after,.lc-top .elementor-item:focus-visible::after{width:calc(100% - 30px);left:15px}

/* ---------- Boutons ---------- */
.lx-btn{display:inline-flex;align-items:center;gap:.6em;min-height:48px;padding:.85em 1.5em;border-radius:999px;background:var(--braise);color:var(--encre)!important;font:600 1rem/1.1 var(--sans);text-decoration:none!important;border:1px solid var(--braise);transition:background-color .25s,color .25s,border-color .25s,box-shadow .35s var(--lx-ease);will-change:transform;background-image:none!important}
.lx-btn:hover{background:var(--braise-2,#FF7A59);box-shadow:0 12px 40px -12px rgba(255,91,53,.6)}
.lx-btn--ghost{background:transparent;color:var(--ivoire)!important;border-color:var(--ligne)}
.lx-btn--ghost:hover{background:var(--charbon);border-color:var(--ivoire);box-shadow:none}
.lx-btn--dark{background:var(--encre);color:var(--ivoire)!important;border-color:var(--encre)}
.lx-btn--dark:hover{background:var(--charbon);box-shadow:0 12px 40px -14px rgba(0,0,0,.6)}
.lx-arrow{display:inline-block;transition:transform .35s var(--lx-ease)}
a:hover>.lx-arrow,a:hover .lx-arrow{transform:translate(3px,-1px)}
.elementor-button{transition:transform .35s var(--lx-ease),background-color .25s,box-shadow .35s var(--lx-ease)!important}
.lc-btn .elementor-button:hover{box-shadow:0 12px 40px -12px rgba(255,91,53,.55)}

/* ---------- Curseur discret (desktop) ---------- */
.lx-cursor{position:fixed;left:0;top:0;width:34px;height:34px;margin:-17px 0 0 -17px;border:1px solid rgba(242,236,226,.45);border-radius:50%;pointer-events:none;z-index:9999;opacity:0;transition:opacity .3s,width .3s var(--lx-ease),height .3s var(--lx-ease),margin .3s var(--lx-ease),border-color .3s,background-color .3s;mix-blend-mode:difference}
.lx-cursor.is-on{opacity:1}
.lx-cursor.is-link{width:60px;height:60px;margin:-30px 0 0 -30px;border-color:var(--braise);background:rgba(255,91,53,.12)}
.lx-cursor-dot{position:fixed;left:0;top:0;width:6px;height:6px;margin:-3px 0 0 -3px;border-radius:50%;background:var(--braise);pointer-events:none;z-index:9999;opacity:0;transition:opacity .3s}
.lx-cursor-dot.is-on{opacity:1}
@media (hover:none),(pointer:coarse){.lx-cursor,.lx-cursor-dot{display:none}}

/* ---------- Barre de progression (toutes pages) ---------- */
.lx-progress{position:fixed;left:0;top:0;right:0;height:2px;z-index:10000;pointer-events:none}
.lx-progress i{display:block;height:100%;background:var(--braise);transform-origin:0 50%;transform:scaleX(var(--p,0))}

/* ---------- Accueil : mockups vidéo ---------- */
.lx-phone{position:relative;width:100%;aspect-ratio:var(--ar,600/1137);display:flex;align-items:center;justify-content:center}
.lx-phone__frame{position:relative;width:79%;border-radius:13% / 6.4%;background:#0b0a09;padding:3.2%;box-shadow:0 0 0 1.5px #2E2A26,0 40px 80px -30px rgba(0,0,0,.8),0 0 0 7px #1B1916 inset;transform:translateZ(0)}
.lx-phone__screen{position:relative;width:100%;aspect-ratio:9/16;border-radius:10.5% / 5%;overflow:hidden;background:var(--encre)}
.lx-phone__screen video,.lx-phone__screen img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.lx-phone__island{position:absolute;top:2.6%;left:50%;width:30%;height:3.2%;transform:translateX(-50%);border-radius:99px;background:#000;z-index:2}
.lx-phone__tag{position:absolute;top:0;left:50%;transform:translate(-50%,-30%);z-index:3;font:400 .7rem/1 var(--mono);letter-spacing:.16em;text-transform:uppercase;background:var(--ivoire);color:var(--encre);padding:.55em .9em;border-radius:6px}
.lx-phone__glare{position:absolute;inset:0;border-radius:inherit;background:linear-gradient(115deg,rgba(242,236,226,.08),transparent 40%);pointer-events:none;z-index:2}

/* ---------- Tilt ---------- */
.lx-tilt{transform:perspective(900px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) translateZ(0);transition:transform .5s var(--lx-ease),border-color .3s,background-color .3s;will-change:transform}
.lx-tilt.is-tilting{transition:transform .12s linear,border-color .3s}

/* ---------- Accueil : section ajoutée ---------- */
.lx-home-extra{background:var(--encre);border-top:1px solid var(--ligne);padding:clamp(72px,10vw,140px) 0}
.lx-wrap{max-width:var(--wrap,1160px);margin:0 auto;padding:0 var(--gut,24px)}
.lx-eyebrow{font:400 .76rem/1.4 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--grege);margin:0 0 18px}
.lx-eyebrow .dot{margin-right:10px}
.lx-h2{font:700 clamp(2rem,4.6vw,3.6rem)/1.02 var(--display);letter-spacing:-.045em;margin:0 0 18px;color:var(--ivoire);font-style:normal;max-width:16ch}
.lx-lead{font-size:clamp(1.05rem,1.4vw,1.2rem);color:var(--grege);max-width:56ch;margin:0 0 40px;line-height:1.55}
.lx-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border:1px solid var(--ligne);border-radius:var(--r,14px);margin:0 0 clamp(64px,8vw,110px);overflow:hidden}
.lx-stat{padding:28px 26px;border-right:1px solid var(--ligne);display:flex;flex-direction:column;gap:8px;background:var(--charbon)}
.lx-stat:last-child{border-right:0}
.lx-stat__n{font:700 clamp(2.4rem,5vw,4.2rem)/1 var(--display);letter-spacing:-.05em;color:var(--ivoire);font-variant-numeric:tabular-nums}
.lx-stat:first-child .lx-stat__n{color:var(--braise)}
.lx-stat__l{font:400 .74rem/1.4 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--grege)}
@media (max-width:820px){.lx-stats{grid-template-columns:1fr 1fr}.lx-stat:nth-child(2){border-right:0}.lx-stat:nth-child(-n+2){border-bottom:1px solid var(--ligne)}}
.lx-more{margin:28px 0 0}
.lx-link{font:600 1rem var(--sans)}
.lx-follow{margin-top:clamp(72px,9vw,120px);display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(32px,5vw,72px);align-items:end;padding:clamp(28px,4vw,56px);border-radius:24px;background:radial-gradient(120% 140% at 0% 0%,rgba(255,91,53,.16),transparent 55%),var(--charbon);border:1px solid var(--ligne)}
.lx-follow .lx-lead{margin-bottom:28px}
@media (max-width:860px){.lx-follow{grid-template-columns:1fr}}
.lx-social{list-style:none;margin:0;padding:0;display:grid;gap:0;border-top:1px solid var(--ligne)}
.lx-social li{border-bottom:1px solid var(--ligne)}
.lx-social__a{display:grid;grid-template-columns:1fr auto auto;gap:16px;align-items:center;padding:16px 4px;color:var(--ivoire);text-decoration:none;transition:padding .4s var(--lx-ease),color .25s}
.lx-social__a:hover{padding-left:14px;color:var(--braise)}
.lx-social__n{font:700 1.25rem/1.1 var(--display);letter-spacing:-.03em}
.lx-social__h{font:400 .78rem var(--mono);color:var(--grege);letter-spacing:.06em}
.lx-social--compact .lx-social__n{font-size:1.05rem}

/* ---------- Cartes de guides ---------- */
.lx-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
@media (max-width:960px){.lx-cards{grid-template-columns:1fr 1fr}}
@media (max-width:620px){.lx-cards{grid-template-columns:1fr}}
.lx-card{position:relative;display:flex;flex-direction:column;gap:12px;min-height:300px;padding:26px;border-radius:18px;background:var(--charbon);border:1px solid var(--ligne);color:var(--ivoire);text-decoration:none!important;background-image:none!important;overflow:hidden}
.lx-card:hover{border-color:rgba(255,91,53,.6)}
.lx-card__n{font:400 .74rem var(--mono);color:var(--braise);letter-spacing:.12em}
.lx-card__word{position:absolute;right:-6px;top:6px;font:700 clamp(4rem,7vw,6rem)/1 var(--display);letter-spacing:-.06em;color:transparent;-webkit-text-stroke:1px rgba(242,236,226,.14);pointer-events:none;transition:-webkit-text-stroke-color .4s,transform .6s var(--lx-ease)}
.lx-card:hover .lx-card__word{-webkit-text-stroke-color:rgba(255,91,53,.55);transform:translateX(-8px)}
.lx-card__t{font:700 1.35rem/1.12 var(--display);letter-spacing:-.035em;margin-top:auto;max-width:18ch;position:relative}
.lx-card__x{color:var(--grege);font-size:.95rem;line-height:1.5}
.lx-card__go{font:600 .95rem var(--sans);color:var(--ivoire);display:inline-flex;gap:.5em}
.lx-card:hover .lx-card__go{color:var(--braise)}

/* ---------- Gabarit guide ---------- */
.lx-guide{background:var(--encre);color:var(--ivoire);overflow-x:clip}
.lx-ghero{position:relative;min-height:min(80vh,760px);display:flex;align-items:flex-end;padding:clamp(120px,16vh,180px) var(--gut,24px) clamp(48px,7vh,80px);overflow:hidden;border-bottom:1px solid var(--ligne);isolation:isolate}
.lx-ghero__art{position:absolute;inset:0;z-index:-1;background:radial-gradient(90% 70% at 85% 30%,rgba(255,91,53,.10),transparent 60%),linear-gradient(180deg,#151412 0%,var(--encre) 100%)}
.lx-ghero__word{position:absolute;right:var(--gut,24px);top:50%;transform:translate3d(var(--mx,0),calc(-58% + var(--sy,0px)),0);font:700 clamp(8rem,24vw,24rem)/.8 var(--display);letter-spacing:-.07em;color:transparent;-webkit-text-stroke:1.5px rgba(242,236,226,.16);white-space:nowrap;user-select:none}
.lx-ghero__word::after{content:attr(data-word);position:absolute;inset:0;color:var(--braise);-webkit-text-stroke:0;clip-path:polygon(0 62%,100% 38%,100% 41%,0 65%);opacity:.95}
.lx-ghero__sub{position:absolute;right:var(--gut,24px);top:clamp(96px,14vh,140px);font:400 .78rem var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--grege)}
.lx-ghero__cut{position:absolute;left:38%;right:-10%;top:60%;height:2px;background:linear-gradient(90deg,transparent,var(--braise) 30%,var(--braise) 70%,transparent);transform-origin:0 50%;rotate:-6deg;box-shadow:0 0 24px rgba(255,91,53,.5)}
.lx-ghero__glow{position:absolute;inset:auto -20% -40% -20%;height:60%;background:radial-gradient(50% 50% at 50% 50%,rgba(255,91,53,.10),transparent 70%)}
.lx-grain{position:absolute;inset:-50%;opacity:.07;pointer-events:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}
@media (prefers-reduced-motion:no-preference){.lx-grain{animation:lx-grain 1.2s steps(6) infinite}}
@keyframes lx-grain{0%{transform:translate(0,0)}20%{transform:translate(-3%,2%)}40%{transform:translate(2%,-3%)}60%{transform:translate(-2%,-1%)}80%{transform:translate(3%,3%)}100%{transform:translate(0,0)}}
.lx-ghero__in{position:relative;width:100%;max-width:var(--lx-wide);margin:0 auto}
.lx-crumbs{display:flex;flex-wrap:wrap;gap:10px;font:400 .76rem var(--mono);letter-spacing:.08em;color:var(--grege);margin-bottom:28px}
.lx-crumbs span[aria-current]{color:var(--ivoire);opacity:.8}
.lx-kicker{font:400 .78rem/1.5 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--braise);margin:0 0 20px}
.lx-kicker time{color:var(--grege)}
.lx-h1{font:700 clamp(2.5rem,6.4vw,5.6rem)/.98 var(--display);letter-spacing:-.05em;margin:0 0 26px;max-width:15ch;font-style:normal;text-wrap:balance}
.lx-dek{font-size:clamp(1.08rem,1.6vw,1.32rem);line-height:1.5;color:var(--grege);max-width:58ch;margin:0 0 36px}
.lx-ghero__row{display:flex;flex-wrap:wrap;align-items:center;gap:14px 16px}
.lx-meta{font:400 .74rem var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--grege);margin-left:8px}
@media (max-width:720px){
  .lx-ghero{min-height:auto;padding-top:120px}
  .lx-ghero__word{top:auto;bottom:4%;right:-.02em;transform:translate3d(0,var(--sy,0px),0);font-size:clamp(6rem,40vw,12rem);-webkit-text-stroke-color:rgba(242,236,226,.1)}
  .lx-ghero__word::after{opacity:.55}
  .lx-ghero__sub{display:none}
  .lx-ghero__cut{left:20%;top:auto;bottom:14%}
  .lx-ghero__row .lx-btn{width:100%;justify-content:center}
  .lx-meta{margin:6px 0 0}
}

.lx-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:0 64px;max-width:var(--lx-wide);margin:0 auto;padding:clamp(48px,7vw,96px) var(--gut,24px) 0}
@media (min-width:1180px){.lx-layout{grid-template-columns:240px minmax(0,1fr)}}
.lx-toc{margin-bottom:40px}
@media (min-width:1180px){.lx-toc{position:sticky;top:110px;align-self:start;max-height:calc(100vh - 140px);overflow:auto;margin:0}}
.lx-toc__d{border:1px solid var(--ligne);border-radius:16px;background:var(--charbon);padding:6px 18px}
.lx-toc__s{list-style:none;cursor:pointer;display:flex;justify-content:space-between;padding:12px 0;font:400 .76rem var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--grege)}
.lx-toc__s::-webkit-details-marker{display:none}
.lx-toc__d[open] .lx-toc__s span{transform:rotate(45deg)}
.lx-toc__s span{transition:transform .3s var(--lx-ease);color:var(--braise)}
.lx-toc ol{list-style:none;margin:0 0 10px;padding:0}
.lx-toc li a{display:grid;grid-template-columns:28px 1fr;gap:6px;padding:9px 0;color:var(--grege);text-decoration:none;font-size:.9rem;line-height:1.35;border-top:1px solid var(--ligne);transition:color .25s}
.lx-toc li a:hover,.lx-toc li a.is-active{color:var(--ivoire)}
.lx-toc li a.is-active .lx-toc__n{color:var(--braise)}
.lx-toc__n{font:400 .72rem/1.9 var(--mono);color:var(--grege)}
.lx-toc__cta{display:none}
@media (min-width:1180px){.lx-toc__cta{display:grid;gap:4px;margin-top:14px;padding:16px 18px;border-radius:16px;border:1px solid var(--ligne);color:var(--ivoire);text-decoration:none;position:relative;transition:border-color .3s}.lx-toc__cta:hover{border-color:var(--braise)}.lx-toc__cta .lx-eyebrow{margin:0}.lx-toc__cta .lx-arrow{position:absolute;right:16px;top:16px;color:var(--braise)}}

/* Corps : colonne de lecture + sorties larges */
.lx-body{max-width:var(--lx-col);min-width:0;font-size:clamp(1.04rem,1.15vw,1.12rem);line-height:1.72;color:#E6DFD3}
.lx-guide .lx-body>*{margin-top:0;margin-bottom:1.15em}
.lx-guide .lx-body p,.lx-guide .lx-body li{max-width:68ch}
.lx-guide .lx-body h2{font:700 clamp(1.9rem,3.4vw,2.8rem)/1.04 var(--display);letter-spacing:-.045em;color:var(--ivoire);margin:2.6em 0 .7em;scroll-margin-top:100px;position:relative;font-style:normal}
.lx-guide .lx-body h2::before{content:"";display:block;width:44px;height:2px;background:var(--braise);margin-bottom:22px}
.lx-guide .lx-body h3{font:700 1.22rem/1.2 var(--display);letter-spacing:-.025em;color:var(--ivoire);margin:1.8em 0 .5em}
.lx-guide .lx-body strong,.lx-guide .lx-body b{color:var(--ivoire);font-weight:600}
.lx-guide .lx-body ul,.lx-guide .lx-body ol{padding-left:1.2em}
.lx-guide .lx-body li{margin:.4em 0}
.lx-guide .lx-body ul li::marker{color:var(--braise)}
.lx-guide .lx-body table{width:100%;border-collapse:collapse;font-size:.95rem}
.lx-guide .lx-body th,.lx-guide .lx-body td{border-bottom:1px solid var(--ligne);padding:12px 10px;text-align:left;vertical-align:top}
.lx-guide .lx-body th{font:400 .74rem var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--grege)}
.lx-guide .lx-body img{max-width:100%;height:auto;border-radius:14px}
.lx-guide .lx-body .lc-toc{display:none}
.lx-guide .lx-body .lc-chapeau,.lx-tldr{position:relative;margin:0 0 2.2em;padding:clamp(22px,3vw,34px);border-radius:20px;background:var(--charbon);border:1px solid var(--ligne);font-size:1.06rem}
.lx-guide .lx-body .lc-chapeau::before{content:"L’essentiel en 30 secondes";display:block;font:400 .76rem var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--braise);margin-bottom:14px}
.lx-guide .lx-body .lc-chapeau p{margin:0 0 .8em}
.lx-guide .lx-body .lc-byline{font-size:.9rem;color:var(--grege)}
.lx-guide .lx-body .lc-byline em{font-style:normal}
.lx-tldr__list{list-style:none;margin:0;padding:0;display:grid;gap:0}
.lx-tldr__list li{display:grid;grid-template-columns:minmax(110px,150px) 1fr;gap:18px;align-items:baseline;padding:14px 0;border-top:1px solid var(--ligne);margin:0;max-width:none}
.lx-tldr__list li:first-child{border-top:0}
.lx-tldr__list b{font:700 clamp(1.35rem,2.4vw,1.8rem)/1 var(--display);letter-spacing:-.04em;color:var(--braise)}
@media (max-width:560px){.lx-tldr__list li{grid-template-columns:1fr;gap:4px}}

/* Sorties larges sur desktop */
@media (min-width:1180px){
  .lx-guide .lx-body .lx-hud,.lx-guide .lx-body .lx-countdown,.lx-guide .lx-body .lx-trailers,.lx-guide .lx-body .lx-platforms,.lx-guide .lx-body .lx-inline-cta,.lx-guide .lx-body .lc-retenir,.lx-guide .lx-body .lx-timeline{width:calc(100% + 180px);max-width:none}
}

/* Compte à rebours */
.lx-countdown{margin:0 0 2.4em;padding:clamp(22px,3vw,34px);border-radius:20px;border:1px solid rgba(255,91,53,.45);background:radial-gradient(100% 140% at 100% 0%,rgba(255,91,53,.14),transparent 60%),var(--encre)}
.lx-countdown__l{font:400 .78rem var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ivoire);margin:0 0 14px;display:flex;align-items:center;gap:10px}
.lx-live{width:8px;height:8px;border-radius:50%;background:var(--braise);box-shadow:0 0 0 0 rgba(255,91,53,.6)}
@media (prefers-reduced-motion:no-preference){.lx-live{animation:lx-pulse 1.6s infinite}}
@keyframes lx-pulse{0%{box-shadow:0 0 0 0 rgba(255,91,53,.6)}70%{box-shadow:0 0 0 10px rgba(255,91,53,0)}100%{box-shadow:0 0 0 0 rgba(255,91,53,0)}}
.lx-countdown__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.lx-countdown__grid div{display:flex;flex-direction:column;gap:6px;padding:14px 8px;border-radius:14px;background:var(--charbon);border:1px solid var(--ligne);text-align:center}
.lx-countdown__grid b{font:700 clamp(2.2rem,6vw,4.4rem)/1 var(--display);letter-spacing:-.04em;color:var(--ivoire);font-variant-numeric:tabular-nums;min-height:1em}
.lx-countdown__grid span{font:400 .7rem var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--grege)}
.lx-countdown__n{font-size:.82rem;color:var(--grege);margin:14px 0 0}
.lx-countdown__done{font:700 1.4rem var(--display);color:var(--braise)}

/* HUD */
.lx-hud{margin:0 0 2.6em}
.lx-hud__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
@media (max-width:980px){.lx-hud__grid{grid-template-columns:repeat(2,1fr)}}
.lx-tile{position:relative;display:flex;flex-direction:column;gap:6px;padding:18px 18px 16px;border-radius:16px;background:var(--charbon);border:1px solid var(--ligne);overflow:hidden;min-height:168px}
.lx-tile::after{content:"";position:absolute;left:0;top:0;width:28px;height:2px;background:var(--braise)}
.lx-tile--no::after{background:var(--grege)}
.lx-tile:hover{border-color:rgba(255,91,53,.5)}
.lx-tile p{margin:0;max-width:none}
.lx-tile__l{font:400 .68rem var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--grege)}
.lx-tile__v{font:700 clamp(1.7rem,3vw,2.5rem)/1 var(--display);letter-spacing:-.045em;color:var(--ivoire);font-variant-numeric:tabular-nums;margin-top:6px!important}
.lx-tile--no .lx-tile__v{color:var(--grege)}
.lx-tile__u{font:400 .8rem var(--mono);letter-spacing:.04em;color:var(--braise);margin-left:.5em;vertical-align:.5em}
.lx-tile__n{font-size:.86rem;line-height:1.35;color:#CFC7BA}
.lx-tile__s{margin-top:auto;font:400 .66rem var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--grege);text-decoration:none}
.lx-tile__s:hover{color:var(--braise)}
.lx-tile--no .lx-tile__s{color:var(--braise)}

/* Anciennes cartes « À retenir » des autres guides → tuiles HUD */
.lx-guide .lx-body .lc-retenir{margin:0 0 2.4em;padding:0;background:none;border:0}
.lx-guide .lx-body .lc-retenir .lc-label{font:400 .76rem var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--braise);margin-bottom:14px}
.lx-guide .lx-body .lc-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}
.lx-guide .lx-body .lc-card{position:relative;padding:18px;border-radius:16px;background:var(--charbon);border:1px solid var(--ligne);margin:0}
.lx-guide .lx-body .lc-card::after{content:"";position:absolute;left:0;top:0;width:28px;height:2px;background:var(--braise)}
.lx-guide .lx-body .lc-card h3{font:400 .68rem var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--grege);margin:0 0 10px}
.lx-guide .lx-body .lc-card p{margin:0 0 8px;font:700 1.08rem/1.25 var(--display);letter-spacing:-.02em;color:var(--ivoire)}
.lx-guide .lx-body .lc-card p.lc-card-src{font:400 .7rem/1.45 var(--mono);letter-spacing:.04em;color:var(--grege);margin:0}

/* Trailers (façade, iframe au clic) */
.lx-trailers{margin:0 0 2.6em}
.lx-trailers__grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
@media (max-width:700px){.lx-trailers__grid{grid-template-columns:1fr}}
.lx-yt{margin:0}
.lx-yt__btn,.lx-yt iframe{position:relative;display:block;width:100%;aspect-ratio:16/9;border:0;padding:0;border-radius:16px;overflow:hidden;background:#000;cursor:pointer}
.lx-yt__btn img{width:100%;height:100%;object-fit:cover;border-radius:0;opacity:.82;transition:opacity .4s,transform .8s var(--lx-ease)}
.lx-yt__btn:hover img{opacity:1;transform:scale(1.04)}
.lx-yt__play{position:absolute;left:50%;top:50%;width:68px;height:68px;margin:-34px 0 0 -34px;border-radius:50%;background:var(--braise);box-shadow:0 10px 40px -8px rgba(255,91,53,.7);transition:transform .4s var(--lx-ease)}
.lx-yt__play::after{content:"";position:absolute;left:27px;top:22px;border-style:solid;border-width:12px 0 12px 19px;border-color:transparent transparent transparent var(--encre)}
.lx-yt__btn:hover .lx-yt__play{transform:scale(1.1)}
.lx-yt figcaption{font-size:.85rem;color:var(--grege);margin-top:10px}
.lx-small{font-size:.86rem;color:var(--grege)}

/* Chronologie */
.lx-timeline{list-style:none;margin:2em 0 2.6em;padding:0;display:grid;grid-template-columns:repeat(5,1fr);gap:0;border-top:1px solid var(--ligne)}
.lx-timeline li{position:relative;padding:22px 14px 0 0;margin:0;max-width:none}
.lx-timeline li::before{content:"";position:absolute;top:-5px;left:0;width:9px;height:9px;border-radius:50%;background:var(--ligne);border:1px solid var(--grege)}
.lx-timeline li.is-next::before{background:var(--braise);border-color:var(--braise);box-shadow:0 0 0 6px rgba(255,91,53,.18)}
.lx-timeline time{display:block;font:400 .74rem var(--mono);letter-spacing:.08em;color:var(--braise);margin-bottom:6px}
.lx-timeline span{font-size:.9rem;line-height:1.45;color:#CFC7BA;display:block}
@media (max-width:820px){.lx-timeline{grid-template-columns:1fr;border-top:0;border-left:1px solid var(--ligne);margin-left:4px}.lx-timeline li{padding:0 0 20px 22px}.lx-timeline li::before{left:-5px;top:4px}}

/* Plateformes */
.lx-platforms{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:1.6em 0 2.4em}
@media (max-width:700px){.lx-platforms{grid-template-columns:1fr 1fr}}
.lx-plat{display:flex;flex-direction:column;gap:4px;padding:16px;border-radius:14px;border:1px solid var(--ligne);background:var(--charbon)}
.lx-plat b{font:700 1.15rem var(--display);letter-spacing:-.03em;display:flex;align-items:center;gap:10px}
.lx-plat b::before{content:"";width:10px;height:10px;border-radius:50%;flex:none}
.lx-plat.is-ok b::before{background:var(--braise)}
.lx-plat.is-mid b::before{background:transparent;border:2px solid var(--braise)}
.lx-plat.is-no b::before{background:var(--ligne);border:1px solid var(--grege)}
.lx-plat.is-no{opacity:.75}
.lx-plat span{font-size:.86rem;color:var(--grege);line-height:1.35}

/* Posts X (statiques) */
.lx-guide .lx-body .wp-block-embed-twitter,.lx-guide .lx-body figure.wp-block-embed{margin:1.6em 0 2em}
.lx-guide .lx-body .twitter-tweet{position:relative;margin:0!important;padding:22px 24px 20px 24px;border-radius:16px;border:1px solid var(--ligne);background:var(--charbon);font-size:1rem;line-height:1.55;color:var(--ivoire);max-width:560px}
.lx-guide .lx-body .twitter-tweet::before{content:"Post public · X";display:block;font:400 .68rem var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--braise);margin-bottom:12px}
.lx-guide .lx-body .twitter-tweet p{margin:0 0 .8em}
.lx-guide .lx-body .twitter-tweet a{color:var(--grege)}
.lx-guide .lx-body .lx-postnote{font-size:.85rem;color:var(--grege);margin-top:-1.2em}
.lx-guide .lx-body .lx-postnote strong{font:400 .7rem var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--braise)}

/* CTA dans le texte */
.lx-inline-cta{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:2.6em 0;padding:clamp(22px,3vw,32px);border-radius:20px;border:1px solid var(--ligne);background:var(--charbon)}
.lx-inline-cta .lx-eyebrow{margin-bottom:8px}
.lx-inline-cta__t{font:700 clamp(1.15rem,1.8vw,1.45rem)/1.2 var(--display);letter-spacing:-.03em;color:var(--ivoire);margin:0;max-width:34ch}
.lx-inline-cta--fire{background:var(--braise);border-color:var(--braise)}
.lx-inline-cta--fire .lx-eyebrow{color:var(--encre)}
.lx-inline-cta--fire .lx-inline-cta__t{color:var(--encre)}
@media (max-width:760px){.lx-inline-cta{flex-direction:column;align-items:flex-start}.lx-inline-cta .lx-btn{width:100%;justify-content:center}}
.lx-guide .lx-body .lc-cta{margin:2.6em 0;padding:clamp(22px,3vw,32px);border-radius:20px;border:1px solid var(--ligne);background:radial-gradient(120% 140% at 100% 0%,rgba(255,91,53,.14),transparent 60%),var(--charbon)}
.lx-guide .lx-body .lc-cta .lc-label{font:400 .76rem var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--braise)}
.lx-guide .lx-body .lc-cta a.lc-cta-btn{display:inline-flex;min-height:48px;align-items:center;padding:.8em 1.4em;border-radius:999px;background:var(--braise);color:var(--encre);font-weight:600;text-decoration:none;background-image:none}

/* FAQ */
.lx-faq{border-top:1px solid var(--ligne)}
.lx-faq__i{border-bottom:1px solid var(--ligne)}
.lx-faq__i summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 0}
.lx-faq__i summary::-webkit-details-marker{display:none}
.lx-faq__i summary h3{margin:0;font-size:1.12rem}
.lx-faq__i summary:hover h3{color:var(--braise)}
.lx-faq__x{position:relative;width:18px;height:18px;flex:none}
.lx-faq__x::before,.lx-faq__x::after{content:"";position:absolute;left:0;top:8px;width:18px;height:2px;background:var(--braise);transition:transform .35s var(--lx-ease)}
.lx-faq__x::after{transform:rotate(90deg)}
.lx-faq__i[open] .lx-faq__x::after{transform:rotate(0)}
.lx-faq__a{padding:0 0 18px;color:#CFC7BA}
.lx-faq__a p{margin:0}
.lx-guide .lx-body .lc-faq{display:grid;gap:0;border-top:1px solid var(--ligne)}
.lx-guide .lx-body .lc-faq-item{padding:18px 0;border-bottom:1px solid var(--ligne);background:none;border-radius:0}
.lx-guide .lx-body .lc-faq-item h3{margin:0 0 6px}
.lx-guide .lx-body .lc-check{list-style:none;padding:0}
.lx-guide .lx-body .lc-check li{position:relative;padding-left:34px}
.lx-guide .lx-body .lc-check li::before{content:"";position:absolute;left:0;top:.35em;width:18px;height:18px;border-radius:5px;border:1.5px solid var(--braise);background:linear-gradient(var(--braise),var(--braise)) 50% 50%/8px 8px no-repeat}
.lx-sources{font-size:.92rem;columns:2;column-gap:40px}
.lx-sources li{break-inside:avoid}
@media (max-width:760px){.lx-sources{columns:1}}
.lx-guide .lx-body .lc-figure{margin:2em 0}

/* Fin de guide */
.lx-end{max-width:var(--lx-wide);margin:0 auto;padding:clamp(72px,9vw,120px) var(--gut,24px) clamp(72px,9vw,120px)}
.lx-end__grid{display:grid;grid-template-columns:1.1fr .9fr;gap:16px;margin-bottom:clamp(64px,8vw,100px)}
@media (max-width:900px){.lx-end__grid{grid-template-columns:1fr}}
.lx-end__card{padding:clamp(26px,4vw,44px);border-radius:24px;border:1px solid var(--ligne);background:var(--charbon)}
.lx-end__card p{color:var(--grege);max-width:46ch}
.lx-end__card .lx-h2{font-size:clamp(1.7rem,3vw,2.5rem);max-width:18ch}
.lx-end__card--fire{background:var(--braise);border-color:var(--braise)}
.lx-end__card--fire .lx-eyebrow,.lx-end__card--fire p,.lx-end__card--fire .lx-h2{color:var(--encre)}
.lx-end__card--fire .lx-btn{margin-top:10px}
.lx-related .lx-cards{margin-top:6px}
.lx-hub__list{max-width:var(--lx-wide);margin:0 auto;padding:clamp(56px,8vw,100px) var(--gut,24px) 0}
.lx-ghero--hub .lx-ghero__word{font-size:clamp(7rem,22vw,22rem)}

/* Bouton flottant abonnement (guides) */
.lx-float{position:fixed;right:16px;bottom:16px;z-index:50;display:inline-flex;align-items:center;gap:8px;padding:12px 18px;border-radius:999px;background:var(--ivoire);color:var(--encre)!important;font:600 .92rem var(--sans);text-decoration:none!important;box-shadow:0 16px 40px -14px rgba(0,0,0,.7);transform:translate3d(0,140%,0);transition:transform .5s var(--lx-ease);background-image:none!important}
.lx-float.is-on{transform:none}
.lx-float .dot{margin-right:0}
@media print{.lx-float,.lx-progress,.lx-cursor,.lx-cursor-dot{display:none}}

/* correctifs v1.0.1 */
.lx-guide .lx-body .wp-block-embed__wrapper{margin:0!important;max-width:none!important}
.lx-guide .lx-body .twitter-tweet{margin:0!important}
.lx-guide .lx-body .lx-yt__btn img{border-radius:0;height:100%}
.lx-guide .lx-body figcaption,.lx-yt figcaption{font-style:normal}
.lx-tile--txt .lx-tile__v{font-size:clamp(1.25rem,1.9vw,1.55rem);line-height:1.1}
.lx-h1,.lx-body h2{hyphens:manual}
html body .lx-guide .lx-body .wp-block-embed .twitter-tweet,html body .lx-guide .lx-body .twitter-tweet{margin:0!important}