/* =========================================================
   NAIVELI V13.8 PREMIUM — BRAND EXPERIENCE
   Couche dédiée : introduction, narration et micro-interactions
   ========================================================= */

:root{
  --v138-ink:#04101d;
  --v138-navy:#071f35;
  --v138-navy-soft:#113954;
  --v138-gold:#d7aa43;
  --v138-gold-light:#f2d58c;
  --v138-ivory:#f8f4e9;
}

body.brand-experience-v138{overflow-x:hidden;background:#fff}
body.brand-experience-v138.intro-open{overflow:hidden}

/* ---------- Introduction cinématographique sans vidéo ---------- */
.v138-intro{
  position:fixed;
  inset:0;
  z-index:99999;
  overflow:hidden;
  color:#fff;
  background:#010407;
  opacity:1;
  visibility:visible;
  transition:opacity .75s ease,visibility .75s ease;
  isolation:isolate;
}
.v138-intro[hidden]{display:none!important}
.v138-intro.is-closing{opacity:0;visibility:hidden}
.v138-intro-black{position:absolute;inset:0;background:radial-gradient(circle at 50% 43%,#091727 0%,#02070d 45%,#000 100%);z-index:-3;transition:opacity 1.2s ease}
.v138-intro-bg{
  position:absolute!important;
  inset:-3%!important;
  width:106%!important;
  height:106%!important;
  object-fit:cover!important;
  object-position:center!important;
  z-index:-4;
  opacity:0;
  transform:scale(1.1)!important;
  filter:saturate(.86) contrast(1.04) brightness(.83)!important;
  animation:none!important;
  transition:opacity 1.35s ease,transform 8s cubic-bezier(.16,1,.3,1)!important;
}
.v138-intro[data-step="3"] .v138-intro-bg,
.v138-intro[data-step="4"] .v138-intro-bg{opacity:1;transform:scale(1.01)!important}
.v138-intro[data-step="3"] .v138-intro-black,
.v138-intro[data-step="4"] .v138-intro-black{opacity:.08}
.v138-intro-shade{
  position:absolute;
  inset:0;
  z-index:-2;
  background:linear-gradient(90deg,rgba(2,11,21,.9) 0%,rgba(3,15,28,.62) 43%,rgba(3,15,28,.2) 72%,rgba(3,15,28,.45) 100%),linear-gradient(0deg,rgba(1,7,13,.76),transparent 55%);
  opacity:0;
  transition:opacity 1.15s ease;
}
.v138-intro[data-step="3"] .v138-intro-shade,
.v138-intro[data-step="4"] .v138-intro-shade{opacity:1}
.v138-intro-grain{
  position:absolute;
  inset:-50%;
  z-index:6;
  opacity:.09;
  pointer-events:none;
  background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.72'/%3E%3C/svg%3E");
  animation:v138Grain .24s steps(2) infinite;
}
.v138-intro-scenes{position:relative;width:min(1220px,calc(100% - 64px));height:100%;margin:auto;z-index:2}
.v138-intro-scene{
  position:absolute;
  inset:0;
  display:flex;
  flex-direction:column;
  justify-content:center;
  opacity:0;
  visibility:hidden;
  transform:translateY(24px) scale(.985);
  transition:opacity .85s ease,transform .95s cubic-bezier(.16,1,.3,1),visibility .85s;
  pointer-events:none;
}
.v138-intro-scene.is-active{opacity:1;visibility:visible;transform:none;pointer-events:auto}
.v138-scene-label{margin:0 0 20px;font-size:11px;font-weight:850;letter-spacing:.32em;color:var(--v138-gold-light);text-transform:uppercase}
.v138-intro-scene h2{font:500 clamp(38px,5.4vw,78px)/1.04 Georgia,'Times New Roman',serif;letter-spacing:-.035em;margin:0;text-shadow:0 12px 36px rgba(0,0,0,.35)}
.v138-scene-brand{align-items:center;text-align:center}
.v138-monogram{position:relative;width:clamp(150px,20vw,270px);height:clamp(115px,15vw,205px);display:flex;align-items:center;justify-content:center;font:500 clamp(105px,14vw,205px)/.75 Georgia,serif;letter-spacing:-.32em;padding-right:.23em;color:transparent;background:linear-gradient(135deg,#fff3c9 0%,#bd8429 38%,#f4d988 64%,#8e5f19 100%);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 20px 45px rgba(0,0,0,.6))}
.v138-monogram:after{content:"";position:absolute;left:8%;right:8%;bottom:-15px;height:1px;background:linear-gradient(90deg,transparent,var(--v138-gold-light),transparent);transform:scaleX(0);transition:transform 1.6s .3s ease}
.v138-scene-brand.is-active .v138-monogram:after{transform:scaleX(1)}
.v138-scene-brand p{margin:34px 0 7px;font:500 clamp(20px,2.2vw,30px)/1 Georgia,serif;letter-spacing:.28em}
.v138-scene-brand small{font-size:10px;letter-spacing:.42em;color:rgba(255,255,255,.58)}
.v138-scene-vision{align-items:flex-start;max-width:1000px}
.v138-gold-line{width:min(330px,42vw);height:1px;margin-top:34px;background:linear-gradient(90deg,var(--v138-gold-light),transparent);transform:scaleX(0);transform-origin:left;transition:transform 1.4s .35s ease}
.v138-scene-vision.is-active .v138-gold-line{transform:scaleX(1)}
.v138-scene-family{align-items:flex-start}
.v138-family-name{display:flex;align-items:center;gap:16px;margin:3px 0 37px;flex-wrap:wrap}
.v138-family-name>span{display:flex;flex-direction:column;gap:5px}
.v138-family-name b{font:500 clamp(48px,7vw,104px)/.9 Georgia,serif;color:transparent;background:linear-gradient(135deg,#fff0bb,#bf8a32 58%,#f5d87f);-webkit-background-clip:text;background-clip:text}
.v138-family-name small{font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:rgba(255,255,255,.52)}
.v138-family-name i{display:block;width:clamp(28px,5vw,80px);height:1px;background:linear-gradient(90deg,transparent,rgba(239,207,128,.7),transparent)}
.v138-family-name .rayhan b{color:#fff;background:none;-webkit-text-fill-color:#fff}
.v138-scene-family h2{font-size:clamp(28px,3.5vw,52px);color:rgba(255,255,255,.86)}
.v138-scene-world{justify-content:center;align-items:flex-start}
.v138-world-copy{max-width:700px}
.v138-intro-universes{position:static!important;display:flex!important;flex-wrap:wrap;gap:10px;margin-top:32px;opacity:1!important;animation:none!important}
.v138-intro-universes span{padding:10px 15px;border:1px solid rgba(255,255,255,.34);border-radius:999px;background:rgba(5,21,37,.36);backdrop-filter:blur(10px);font-size:10px;font-weight:750;letter-spacing:.16em;text-transform:uppercase;transition:.3s ease}
.v138-scene-world.is-active .v138-intro-universes span{animation:v138ChipIn .65s both}
.v138-scene-world.is-active .v138-intro-universes span:nth-child(2){animation-delay:.08s}.v138-scene-world.is-active .v138-intro-universes span:nth-child(3){animation-delay:.16s}.v138-scene-world.is-active .v138-intro-universes span:nth-child(4){animation-delay:.24s}.v138-scene-world.is-active .v138-intro-universes span:nth-child(5){animation-delay:.32s}.v138-scene-world.is-active .v138-intro-universes span:nth-child(6){animation-delay:.4s}
.v138-continent-line{position:absolute;right:0;bottom:9vh;display:flex;align-items:center;gap:18px;font-size:10px;font-weight:850;letter-spacing:.28em;color:rgba(255,255,255,.75)}
.v138-continent-line i{width:clamp(90px,17vw,240px);height:1px;position:relative;background:linear-gradient(90deg,var(--v138-gold-light),rgba(255,255,255,.3))}
.v138-continent-line i:after{content:"";position:absolute;width:7px;height:7px;border-radius:50%;top:-3px;left:0;background:#fff2bd;box-shadow:0 0 16px #efcd78;animation:v138Route 2.2s ease-in-out infinite}
.v138-scene-final{align-items:flex-start;justify-content:center}
.v138-final-brand{display:flex;align-items:center;gap:24px;margin-bottom:28px;color:#fff}.v138-final-brand>span{font:500 clamp(70px,8vw,118px)/.72 Georgia,serif;letter-spacing:-.18em;padding-right:.16em;color:transparent;background:linear-gradient(135deg,#fff0bb,#be862b 55%,#f3d883);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 12px 30px rgba(0,0,0,.36))}.v138-final-brand>div{display:flex;flex-direction:column;padding-left:24px;border-left:1px solid rgba(255,255,255,.35)}.v138-final-brand b{font:500 clamp(31px,4vw,56px)/.95 Georgia,serif;letter-spacing:.16em}.v138-final-brand small{margin-top:9px;font-size:9px;letter-spacing:.5em;color:rgba(255,255,255,.62)}
.v138-scene-final>p{font:500 clamp(25px,3.4vw,48px)/1.1 Georgia,serif;margin:0 0 30px;max-width:760px;color:#fff}
.v138-final-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap}
.v138-final-actions button{border:0;border-radius:999px;padding:16px 25px;background:linear-gradient(135deg,#f3d989,#bd842a);color:#061829;font-weight:900;box-shadow:0 16px 45px rgba(0,0,0,.28);transition:.3s ease}
.v138-final-actions button:hover{transform:translateY(-3px);box-shadow:0 20px 55px rgba(0,0,0,.36)}
.v138-final-actions span{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.62)}
.v138-intro-skip{position:absolute!important;right:28px!important;top:24px!important;z-index:10!important;padding:10px 15px!important;border:1px solid rgba(255,255,255,.32)!important;border-radius:999px!important;background:rgba(3,14,25,.35)!important;backdrop-filter:blur(12px)!important;color:#fff!important;font-size:11px!important;letter-spacing:.06em!important}
.v138-intro-progress{position:absolute;left:50%;bottom:25px;z-index:9;transform:translateX(-50%);display:flex;gap:7px;width:min(420px,52vw)}
.v138-intro-progress span{height:2px;flex:1;background:rgba(255,255,255,.2);overflow:hidden;position:relative}
.v138-intro-progress span:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#b67e25,#f5dc91);transform:scaleX(0);transform-origin:left;transition:transform .55s ease}
.v138-intro-progress span.is-complete:after,.v138-intro-progress span.is-active:after{transform:scaleX(1)}
.v138-intro-replay{right:18px!important;bottom:18px!important;border:1px solid rgba(255,255,255,.2)!important;background:rgba(4,19,34,.9)!important;color:#fff!important;padding:10px 15px!important;font-size:11px!important;letter-spacing:.04em;backdrop-filter:blur(10px)}
.v138-intro-replay.is-visible{opacity:.72!important}.v138-intro-replay:hover{opacity:1!important}
.v138-intro.reduced-motion .v138-intro-bg{opacity:1!important;transform:scale(1.01)!important}
.v138-intro.reduced-motion .v138-intro-shade{opacity:1!important}
.v138-intro.reduced-motion .v138-intro-scene{display:none!important}
.v138-intro.reduced-motion .v138-scene-final{display:flex!important;opacity:1!important;visibility:visible!important;transform:none!important}

/* ---------- Barre de lecture et navigation par chapitres ---------- */
.v138-page-progress{position:fixed;left:0;right:0;top:0;height:3px;z-index:2500;background:rgba(255,255,255,.08);pointer-events:none}
.v138-page-progress span{display:block;width:100%;height:100%;background:linear-gradient(90deg,#b77e24,#f2d688);transform:scaleX(0);transform-origin:left;will-change:transform}
.v138-chapter-nav{position:fixed;right:18px;top:50%;z-index:900;transform:translateY(-50%);display:grid;gap:6px;padding:10px;border-radius:20px;background:rgba(4,20,35,.64);border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(14px);box-shadow:0 14px 34px rgba(0,0,0,.18)}
.v138-chapter-nav a{display:flex;align-items:center;justify-content:flex-end;gap:9px;min-height:30px;color:rgba(255,255,255,.56);transition:.25s ease}
.v138-chapter-nav a span{font-size:8px;font-weight:850;letter-spacing:.08em}
.v138-chapter-nav a b{width:0;overflow:hidden;opacity:0;font-size:9px;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;transition:.25s ease}
.v138-chapter-nav a:after{content:"";width:7px;height:7px;border-radius:50%;border:1px solid rgba(255,255,255,.55);transition:.25s ease}
.v138-chapter-nav:hover a b,.v138-chapter-nav a:focus-visible b{width:58px;opacity:1}
.v138-chapter-nav a.is-active{color:#f2d588}.v138-chapter-nav a.is-active:after{background:#e0b650;border-color:#f7dfa0;box-shadow:0 0 0 5px rgba(224,182,80,.15)}

/* ---------- En-tête et hero ---------- */
.brand-experience-v138 .premium-header{background:linear-gradient(180deg,rgba(3,17,31,.93),rgba(3,17,31,.84));backdrop-filter:blur(16px);box-shadow:0 10px 35px rgba(3,18,32,.12)}
.brand-experience-v138 .home-hero{min-height:max(800px,100vh)!important;overflow:hidden;isolation:isolate}
.brand-experience-v138 .home-hero .naiveli-home-bg{transform:translate3d(var(--v138-hero-x,0),var(--v138-hero-y,0),0) scale(1.045);transition:transform .25s ease-out;will-change:transform}
.brand-experience-v138 .home-hero .naiveli-home-overlay{background:linear-gradient(90deg,rgba(2,16,29,.9) 0%,rgba(2,16,29,.67) 43%,rgba(2,16,29,.18) 75%,rgba(2,16,29,.36) 100%),linear-gradient(0deg,rgba(2,13,24,.62),transparent 48%)!important}
.brand-experience-v138 .home-hero:after{content:"";position:absolute;left:0;right:0;bottom:0;height:190px;background:linear-gradient(0deg,rgba(3,17,30,.63),transparent);pointer-events:none;z-index:1}
.brand-experience-v138 .home-hero .hero-content{max-width:790px!important;padding-top:92px!important;position:relative;z-index:3}
.v138-hero-kicker{display:flex;align-items:center;gap:12px;margin-bottom:18px;font-size:10px;font-weight:850;letter-spacing:.19em;color:#f1d486;text-transform:uppercase}
.v138-hero-kicker span{display:block;width:48px;height:1px;background:linear-gradient(90deg,#f1d486,transparent)}
.brand-experience-v138 .home-hero h1{font-size:clamp(52px,6.1vw,88px)!important;max-width:820px;letter-spacing:-.045em!important}
.brand-experience-v138 .home-hero h1 em{display:inline;color:#f1ce77!important}
.brand-experience-v138 .home-hero p{max-width:720px;font-size:17px!important}
.brand-experience-v138 .home-smart-search{border:1px solid rgba(255,255,255,.52);box-shadow:0 30px 80px rgba(0,0,0,.25)!important}
.v138-scroll-cue{position:absolute;left:0;bottom:-63px;display:flex;align-items:center;gap:13px;color:rgba(255,255,255,.68);font-size:9px;font-weight:800;letter-spacing:.19em;text-transform:uppercase}
.v138-scroll-cue i{display:block;width:34px;height:50px;border:1px solid rgba(255,255,255,.38);border-radius:999px;position:relative}
.v138-scroll-cue i:after{content:"";position:absolute;width:3px;height:9px;border-radius:4px;background:#efce79;left:50%;top:9px;transform:translateX(-50%);animation:v138Scroll 1.8s ease-in-out infinite}

/* ---------- Manifeste ---------- */
.v138-manifesto{position:relative;padding:110px 0;background:linear-gradient(145deg,#fbf8f0 0%,#fff 48%,#edf3f6 100%);overflow:hidden}
.v138-manifesto:before{content:"NAIVELI";position:absolute;right:-.04em;top:-.18em;font:600 clamp(120px,22vw,330px)/1 Georgia,serif;letter-spacing:-.08em;color:rgba(9,39,62,.035);pointer-events:none}
.v138-manifesto:after{content:"";position:absolute;width:460px;height:460px;border-radius:50%;left:-260px;bottom:-280px;background:radial-gradient(circle,rgba(215,170,67,.18),transparent 68%)}
.v138-manifesto-grid{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1.12fr .92fr;gap:30px;align-items:stretch}
.v138-manifesto-statement{padding:30px 10px 30px 0;align-self:center}
.v138-manifesto-statement h2{margin:12px 0 20px;font:500 clamp(39px,4.5vw,62px)/1.04 Georgia,serif;letter-spacing:-.04em;color:#0d2b44}
.v138-manifesto-statement h2 em{color:#b47d20;font-weight:500}
.v138-manifesto-statement p{font-size:15px;line-height:1.82;color:#5f7282;margin:0 0 25px}
.v138-manifesto-quote{position:relative;min-height:460px;padding:52px 44px;border-radius:30px;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(145deg,#08243c,#041522);color:#fff;box-shadow:0 30px 75px rgba(7,31,52,.22);overflow:hidden}
.v138-manifesto-quote:before{content:"";position:absolute;width:330px;height:330px;border-radius:50%;right:-160px;top:-170px;background:radial-gradient(circle,rgba(223,182,84,.22),transparent 68%)}
.v138-manifesto-quote:after{content:"";position:absolute;left:0;right:0;bottom:0;height:4px;background:linear-gradient(90deg,#845917,#f3d783,#845917)}
.v138-quote-mark{position:absolute;right:28px;top:3px;font:500 120px/1 Georgia,serif;color:rgba(239,205,122,.18)}
.v138-manifesto-quote blockquote{position:relative;z-index:1;margin:0;font:500 clamp(27px,3vw,42px)/1.22 Georgia,serif;letter-spacing:-.025em}
.v138-signature{position:relative;z-index:1;display:flex;flex-direction:column;gap:6px;padding-top:25px;border-top:1px solid rgba(255,255,255,.16)}
.v138-signature b{font:500 21px Georgia,serif;letter-spacing:.22em;color:#f0d17e}.v138-signature span{font-size:10px;letter-spacing:.1em;color:rgba(255,255,255,.55);text-transform:uppercase}
.v138-manifesto-pillars{display:grid;gap:12px;align-content:center}
.v138-manifesto-pillars article{display:grid;grid-template-columns:48px 1fr;gap:15px;align-items:start;padding:22px 18px;border-radius:18px;background:rgba(255,255,255,.75);border:1px solid rgba(12,44,68,.09);box-shadow:0 12px 35px rgba(10,42,65,.06);transition:.3s ease}
.v138-manifesto-pillars article:hover{transform:translateX(-7px);background:#fff;box-shadow:0 18px 42px rgba(10,42,65,.1)}
.v138-manifesto-pillars article>span{font:500 28px Georgia,serif;color:#c59335}.v138-manifesto-pillars h3{margin:2px 0 7px;color:#0f3049;font-size:18px}.v138-manifesto-pillars p{margin:0;color:#6a7c8b;font-size:12px;line-height:1.6}

/* ---------- Parcours signature ---------- */
.brand-experience-v138 .home-project-signature{position:relative;padding-bottom:42px}
.v138-route-ribbon{width:min(980px,92%);margin:-5px auto 0;padding:17px 22px;border-radius:18px;background:#071f35;color:#fff;display:flex;align-items:center;justify-content:center;gap:20px;box-shadow:0 20px 55px rgba(5,28,47,.15)}
.v138-route-ribbon span{display:flex;align-items:center;gap:10px;font-size:11px;font-weight:750;letter-spacing:.04em;white-space:nowrap}.v138-route-ribbon b{font:500 22px Georgia,serif;color:#e6bd61}.v138-route-ribbon i{height:1px;flex:1;max-width:100px;background:linear-gradient(90deg,rgba(230,189,97,.25),#e6bd61,rgba(230,189,97,.25))}

/* ---------- Cartes et sections ---------- */
.brand-experience-v138 .hub-section{position:relative;background:linear-gradient(180deg,#fff 0%,#f7f9fa 100%)}
.brand-experience-v138 .universe-card{transform-style:preserve-3d;will-change:transform;transition:transform .35s cubic-bezier(.16,1,.3,1),box-shadow .35s ease,border-color .35s ease}
.brand-experience-v138 .universe-card:hover{box-shadow:0 30px 70px rgba(5,31,52,.18);border-color:rgba(213,167,64,.46)}
.brand-experience-v138 .universe-card .u-image{transition:transform .8s cubic-bezier(.16,1,.3,1),filter .5s ease}.brand-experience-v138 .universe-card:hover .u-image{transform:scale(1.07);filter:saturate(1.08)}
.brand-experience-v138 .why-grid article,.brand-experience-v138 .commitment-grid article,.brand-experience-v138 .brand-project-card{transition:transform .35s cubic-bezier(.16,1,.3,1),box-shadow .35s ease}.brand-experience-v138 .why-grid article:hover,.brand-experience-v138 .commitment-grid article:hover,.brand-experience-v138 .brand-project-card:hover{transform:translateY(-7px);box-shadow:0 24px 55px rgba(6,31,51,.13)}
.brand-experience-v138 .v137-world{position:relative}.brand-experience-v138 .world-map-card{box-shadow:0 40px 90px rgba(5,28,49,.28)}
.brand-experience-v138 .v137-coming{background:radial-gradient(circle at 78% 8%,#143e5b 0%,#071d31 35%,#041421 100%)}
.brand-experience-v138 .home-final-cta{padding-top:105px;padding-bottom:105px}
.brand-experience-v138 .home-cta-card{box-shadow:0 36px 85px rgba(5,28,48,.2)}

/* ---------- Révélation au défilement ---------- */
.v138-motion-ready [data-reveal],.v138-motion-ready .v138-reveal{opacity:0;transform:translateY(38px);transition:opacity .85s ease,transform .95s cubic-bezier(.16,1,.3,1);transition-delay:var(--v138-delay,0ms)}
.v138-motion-ready [data-reveal="left"]{transform:translateX(-42px)}.v138-motion-ready [data-reveal="right"]{transform:translateX(42px)}
.v138-motion-ready [data-reveal].is-revealed,.v138-motion-ready .v138-reveal.is-revealed{opacity:1;transform:none}

@keyframes v138Grain{0%{transform:translate3d(0,0,0)}25%{transform:translate3d(3%,-2%,0)}50%{transform:translate3d(-2%,3%,0)}75%{transform:translate3d(2%,2%,0)}100%{transform:translate3d(-3%,-2%,0)}}
@keyframes v138ChipIn{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:none}}
@keyframes v138Route{0%{left:0;opacity:0}25%{opacity:1}75%{opacity:1}100%{left:calc(100% - 7px);opacity:0}}
@keyframes v138Scroll{0%{transform:translate(-50%,0);opacity:0}25%{opacity:1}75%{opacity:1}100%{transform:translate(-50%,20px);opacity:0}}

@media(max-width:1180px){
  .v138-chapter-nav{display:none}
  .v138-manifesto-grid{grid-template-columns:1fr 1fr}.v138-manifesto-pillars{grid-column:1/-1;grid-template-columns:repeat(3,1fr)}
}
@media(max-width:900px){
  .v138-intro-scenes{width:calc(100% - 44px)}
  .v138-scene-family h2 br,.v138-scene-world h2 br{display:none}
  .v138-family-name{gap:10px}.v138-family-name i{width:24px}
  .v138-manifesto{padding:85px 0}.v138-manifesto-grid{grid-template-columns:1fr}.v138-manifesto-statement{padding-right:0}.v138-manifesto-quote{min-height:390px}.v138-manifesto-pillars{grid-column:auto;grid-template-columns:1fr}
  .v138-route-ribbon{flex-wrap:wrap}.v138-route-ribbon i{min-width:40px}
}
@media(max-width:760px){
  .v138-intro-scenes{width:calc(100% - 34px)}
  .v138-intro-bg{object-position:60% center!important}
  .v138-intro-shade{background:linear-gradient(180deg,rgba(2,11,21,.74),rgba(2,11,21,.56) 52%,rgba(2,11,21,.82))}
  .v138-intro-scene{justify-content:center}
  .v138-scene-brand p{letter-spacing:.18em}.v138-scene-brand small{letter-spacing:.28em}
  .v138-scene-vision h2{font-size:clamp(39px,12vw,58px)}
  .v138-family-name{display:grid;grid-template-columns:1fr 1fr;gap:20px 28px}.v138-family-name i{display:none}.v138-family-name b{font-size:58px}
  .v138-scene-family h2{font-size:28px;line-height:1.14}
  .v138-scene-world h2{font-size:43px}.v138-intro-universes{gap:7px}.v138-intro-universes span{padding:8px 10px;font-size:9px}
  .v138-continent-line{right:auto;left:0;bottom:8vh}.v138-continent-line i{width:80px}
  .v138-final-brand{gap:16px}.v138-final-brand>span{font-size:72px}.v138-final-brand>div{padding-left:16px}.v138-final-brand b{font-size:34px}.v138-scene-final>p{font-size:32px}.v138-final-actions{align-items:flex-start;flex-direction:column;gap:15px}.v138-final-actions span{font-size:8px;line-height:1.7}
  .v138-intro-progress{width:60vw;bottom:18px}.v138-intro-skip{right:13px!important;top:13px!important;font-size:10px!important}
  .brand-experience-v138 .home-hero{min-height:860px!important}.brand-experience-v138 .home-hero .hero-content{padding-top:75px!important;padding-bottom:130px!important}.brand-experience-v138 .home-hero h1{font-size:48px!important}.v138-hero-kicker{font-size:8px;letter-spacing:.14em}.v138-scroll-cue{bottom:-90px}
  .v138-manifesto:before{font-size:120px;top:0}.v138-manifesto-quote{padding:38px 28px;border-radius:24px;min-height:355px}.v138-manifesto-quote blockquote{font-size:30px}
  .v138-route-ribbon{display:grid;grid-template-columns:1fr;padding:18px 20px;gap:9px}.v138-route-ribbon i{width:1px;height:18px;min-width:0;margin-left:11px;background:linear-gradient(180deg,rgba(230,189,97,.25),#e6bd61)}
}
@media(max-width:480px){
  .v138-scene-label{font-size:9px;letter-spacing:.23em}.v138-scene-final>p{font-size:29px}.v138-final-actions button{width:100%}
  .brand-experience-v138 .home-hero h1{font-size:43px!important}.brand-experience-v138 .home-hero p{font-size:15px!important}.v138-scroll-cue{display:none}
  .v138-manifesto{padding:70px 0}.v138-manifesto-statement h2{font-size:42px}.v138-manifesto-pillars article{grid-template-columns:40px 1fr;padding:18px 15px}
}
@media(prefers-reduced-motion:reduce){
  .v138-intro-grain,.v138-continent-line i:after,.v138-scroll-cue i:after{animation:none!important}
  .v138-intro *,.brand-experience-v138 *{scroll-behavior:auto!important}
  .v138-motion-ready [data-reveal],.v138-motion-ready .v138-reveal{opacity:1!important;transform:none!important;transition:none!important}
  .brand-experience-v138 .home-hero .naiveli-home-bg{transform:scale(1.02)!important}
}

/* Correction de contraste de l’en-tête sombre V13.8 */
.brand-experience-v138 .premium-header .nav a,
.brand-experience-v138 .premium-header .header-login{color:rgba(255,255,255,.9)}
.brand-experience-v138 .premium-header .nav a:hover,
.brand-experience-v138 .premium-header .nav a.active{color:var(--v138-gold-light)}
.brand-experience-v138 .premium-header .menu-btn{color:#fff}
.brand-experience-v138 .premium-header.v138-header-scrolled{background:rgba(3,17,31,.97);box-shadow:0 14px 40px rgba(3,18,32,.22)}