/* V4 — une entrée dans le végétal, construite au fil du défilement. */
.li-immersive { --immersion-progress:0; --immersion-open:0; --immersion-shift:0px; position:relative; background:#f0f1e9; }
.li-immersive-track { position:relative; background:#10291d; }
.li-immersive-stage { position:relative; height:900px; min-height:720px; color:#f6f7ec; isolation:isolate; overflow:hidden; }
.li-immersive-window { position:absolute; inset:0; z-index:-1; overflow:hidden; background:#173822; }
.li-immersive-image { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:62% center; transform:translateY(var(--immersion-shift)) scale(calc(1.07 - var(--immersion-open) * .055)); }
.li-immersive-shade { position:absolute; inset:0; background:linear-gradient(90deg,rgba(5,25,15,.88) 0%,rgba(6,26,16,.69) 38%,rgba(8,29,17,.40) 70%,rgba(9,29,18,.42)),linear-gradient(0deg,rgba(5,25,16,.8),transparent 46%,rgba(5,25,16,.22)); }
.li-immersive-grain { position:absolute; inset:0; opacity:.1; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.91' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' opacity='.34' d='M0 0h160v160H0z'/%3E%3C/svg%3E"); background-size:160px 160px; pointer-events:none; }
.li-immersive-content { height:100%; display:flex; flex-direction:column; position:relative; z-index:1; padding-block:43px 32px; }
.li-immersive-topline { display:flex; justify-content:space-between; align-items:center; gap:30px; padding-bottom:24px; border-bottom:1px solid #e2e8ca38; }
.li-immersive-topline .li-kicker { font-family:"Manrope",sans-serif; margin:0; color:#eaf0dc; font-size:9px; letter-spacing:.16em; }
.li-immersive-topline .li-kicker i { background:#b0d783; }
.li-immersive-topline > span { font-family:"Manrope",sans-serif; font-size:7px; letter-spacing:.17em; color:#ccdbba; }
.li-immersive-composition { display:grid; grid-template-columns:1.55fr 1fr; align-items:center; gap:90px; flex:1; padding-block:48px; }
.li-immersive-copy { position:relative; }
.li-immersive h2 { font-size:clamp(72px,7.65vw,112px); line-height:.99; font-weight:500; letter-spacing:-.065em; }
.li-immersive h2 .li-immersive-title-line { display:block; color:#f5f5e8; }
.li-immersive h2 .li-immersive-title-accent { color:#c5df9f; font-weight:400; }
.li-immersive-copy > p { font-size:15px; line-height:1.8; color:#e3ead4; max-width:405px; margin:29px 0 17px; }
.li-immersive .li-textlink { font-size:11px; color:#f3f5e8; border-color:#d4e3bc88; min-width:175px; }
.li-immersive .li-textlink:hover { color:#cce5a3; }
.li-immersive-notebook { align-self:center; position:relative; margin-top:40px; max-width:370px; width:100%; justify-self:end; }
.li-immersive-index { display:flex; justify-content:space-between; gap:25px; align-items:end; margin-bottom:20px; padding-left:53px; font-family:"Manrope",sans-serif; font-size:8px; letter-spacing:.1em; line-height:1.7; color:#dce6cb; }
.li-immersive-index > span:first-child { font-weight:600; }
.li-immersive-counter { font-size:9px; color:#b6ca9a; white-space:nowrap; }
.li-immersive-path { position:absolute; left:14px; top:69px; bottom:51px; width:1px; background:#f1f5e43b; }
.li-immersive-path i { display:block; height:100%; width:100%; background:#c4e59c; transform:scaleY(var(--immersion-progress)); transform-origin:top; }
.li-immersive-notebook ol { list-style:none; padding:0; margin:0; }
.li-immersive-notebook li { display:grid; grid-template-columns:30px 1fr 18px; gap:23px; padding:23px 0 25px; position:relative; transition:opacity .55s,transform .7s cubic-bezier(.2,.7,.2,1); }
.li-immersive-notebook li:not(:last-child) > div { border-bottom:1px solid #e5edce3b; padding-bottom:25px; margin-bottom:-25px; }
.li-immersive-node { display:flex; align-items:center; justify-content:center; border:1px solid #e5edce88; border-radius:50%; background:#28452c; color:#dce8cb; width:30px; height:30px; font-family:"Manrope",sans-serif; font-size:8px; transition:background .4s,border-color .4s,color .4s; }
.li-immersive-note-label { font-family:"Manrope",sans-serif; font-size:7px; letter-spacing:.16em; color:#eef3e4; text-shadow:0 1px 10px #000a; }
.li-immersive-notebook h3 { font-family:var(--font-kumbh),sans-serif; font-size:27px; font-weight:450; letter-spacing:-.045em; line-height:1.17; margin:10px 0 9px; color:#fff; text-shadow:0 2px 16px #000b; }
.li-immersive-notebook p { font-size:12px; line-height:1.7; color:#f4f7ee; max-width:235px; margin:0; text-shadow:0 1px 10px #000b; }
.li-immersive-note-arrow { align-self:center; font-size:25px; font-weight:300; color:#c9e5a2; opacity:0; transform:translate(-5px,5px); transition:opacity .4s,transform .4s; }
.li-immersive-notebook li.is-active .li-immersive-node { color:#173920; background:#c5e199; border-color:#c5e199; }
.li-immersive-notebook li.is-active .li-immersive-note-arrow { opacity:1; transform:none; }
.li-immersive-notebook li.is-active h3 { color:#d5edb8; }
.li-immersive-baseline { display:flex; align-items:center; justify-content:space-between; gap:30px; border-top:1px solid #e2e8ca38; padding-top:22px; min-height:56px; }
.li-immersive-scroll { display:flex; align-items:center; gap:17px; color:#d9e5c6; font-family:"Manrope",sans-serif; font-size:7px; letter-spacing:.12em; }
.li-immersive-scroll i { font-size:20px; font-style:normal; color:#c5df9f; }
.li-immersive-baseline-word { color:#d3e5b6; font-family:var(--font-kumbh),sans-serif; font-size:21px; letter-spacing:-.045em; margin-left:auto; }
.li-immersive-baseline small { color:#c6d2b6; font-size:7px; margin-left:40px; }
.li-immersive-meter { position:absolute; left:0; right:0; bottom:0; height:3px; background:#cee4aa20; }
.li-immersive-meter i { height:100%; width:100%; display:block; transform:scaleX(var(--immersion-progress)); background:#c1d99d; transform-origin:left; }
.li-immersive-facts .li-facts { border:0; padding-block:53px; }
.li-immersive-facts .li-facts > div { border-color:#ccd6c3; }
.li-immersive-facts .li-fact-value { color:#22452b; }
.li-immersive-facts h3 { color:#3d5539; }

/* Des noms et emblèmes plus présents dans les quatre univers. */
.li-brand-tabs button { grid-template-columns:22px 49px 1fr 26px; gap:15px; }
.li-tab-name { text-transform:uppercase; font-size:20px; letter-spacing:-.035em; font-weight:650; }
.li-tab-logo { width:49px; height:49px; }
.li-tab-logo-lion { background:#e8f1e2; }
.li-tab-logo-lion img { width:31px; height:37px; }
.li-tab-logo-royal img { width:39px; height:43px; }
.li-tab-logo-company img,.li-tab-logo-district img { width:40px; height:40px; }
.li-brand-logo { top:43%; max-height:300px; }
.li-lion-mark { width:190px; }
.li-royal-logo { width:275px; max-height:310px; }
.li-high-company-logo { width:295px; }
.li-district-logo { width:315px; }

@media(min-width:1000px) and (min-height:760px) {
  .li-immersive-track { height:calc(min(1040px,100svh - 84px) + 105svh); }
  .li-immersive-stage { position:sticky; top:max(84px,calc(50svh - 478px)); height:min(1040px,calc(100svh - 84px)); min-height:0; }
  .li-immersion-motion .li-immersive-window { clip-path:inset(calc(20px * (1 - var(--immersion-open))) calc(30px * (1 - var(--immersion-open))) round calc(18px * (1 - var(--immersion-open)))); }
  .li-immersion-motion .li-immersive-notebook li:not(.is-seen) { opacity:.75; transform:translateX(23px); }
  .li-immersion-motion .li-immersive-notebook li.is-seen:not(.is-active) { opacity:.92; }
  .li-immersive.is-inview .li-immersive-image { will-change:transform; }
}
@media(min-width:1600px) { .li-immersive-composition { gap:125px; } .li-immersive-notebook { max-width:385px; } .li-immersive-notebook h3 { font-size:30px; } }
@media(min-width:1000px) and (max-height:839px) {
  .li-immersive-content { padding-top:25px; padding-bottom:21px; }
  .li-immersive-topline { padding-bottom:18px; }
  .li-immersive-composition { padding-block:30px; }
  .li-immersive h2 { font-size:clamp(64px,6.7vw,94px); }
  .li-immersive-copy > p { margin-top:21px; font-size:13px; }
  .li-immersive-notebook { margin-top:15px; }
  .li-immersive-notebook li { padding-block:16px 21px; }
  .li-immersive-notebook h3 { font-size:25px; }
  .li-immersive-index { margin-bottom:10px; }
  .li-immersive-baseline { padding-top:14px; min-height:45px; }
  .li-brand-tabs button { min-height:65px; padding-block:8px; }
  .li-tab-logo { width:44px; height:44px; }
  .li-brand-logo { top:38.5%; max-height:240px; }
}
@media(max-width:1199px) {
  .li-immersive-composition { gap:55px; grid-template-columns:1.42fr 1fr; }
  .li-immersive h2 { font-size:7.5vw; }
  .li-immersive-notebook li { gap:16px; }
  .li-immersive-index { padding-left:46px; }
  .li-immersive-notebook h3 { font-size:25px; }
  .li-brand-tabs button { grid-template-columns:19px 45px 1fr 22px; gap:11px; }
  .li-tab-name { font-size:17px; }
  .li-tab-logo { width:45px; height:45px; }
}
@media(max-width:999px) {
  .li-immersive-stage { height:auto; min-height:820px; }
  .li-immersive-content { min-height:820px; padding-block:30px; }
  .li-immersive-composition { gap:38px; grid-template-columns:1.2fr 1fr; padding-block:50px; }
  .li-immersive h2 { font-size:8.5vw; }
  .li-immersive-copy > p { font-size:14px; }
  .li-immersive-notebook h3 { font-size:23px; }
  .li-immersive-topline > span { font-size:6px; }
  .li-immersive-baseline-word { display:none; }
  .li-immersive-baseline small { margin-left:0; }
  .li-immersive-shade { background:linear-gradient(90deg,#082419e6,#082419b3 65%,#08241960),linear-gradient(0deg,#092519a6,transparent 60%); }
  .li-immersion-motion .li-immersive-notebook li:not(.is-seen) { opacity:.75; transform:translateY(15px); }
  .li-brand-tabs button { grid-template-columns:18px 42px 1fr 18px; gap:10px; }
  .li-tab-name { font-size:15px; }
  .li-tab-logo { width:42px; height:42px; }
  .li-tab-logo-lion img { width:28px; height:33px; }
  .li-tab-logo-royal img { width:34px; height:38px; }
  .li-tab-logo-company img,.li-tab-logo-district img { width:35px; height:35px; }
}
@media(max-width:639px) {
  .li-immersive-stage { min-height:0; }
  .li-immersive-content { min-height:0; padding-block:27px 25px; }
  .li-immersive-image { object-position:70% center; }
  .li-immersive-shade { background:linear-gradient(180deg,#0a281acc 0%,#08251980 30%,#092919e6 70%,#0c2b1ee8),linear-gradient(90deg,#061d17b8,transparent); }
  .li-immersive-topline .li-kicker { font-size:7px; letter-spacing:.13em; }
  .li-immersive-topline > span { max-width:85px; font-size:5px; line-height:1.7; text-align:right; }
  .li-immersive-topline { gap:16px; padding-bottom:19px; }
  .li-immersive-composition { display:block; padding-block:43px 39px; }
  .li-immersive h2 { font-size:clamp(54px,15vw,70px); line-height:1.01; letter-spacing:-.07em; }
  .li-immersive-copy > p { font-size:13px; line-height:1.8; margin-block:25px 13px; max-width:305px; }
  .li-immersive-copy > p br { display:none; }
  .li-immersive .li-textlink { font-size:11px; }
  .li-immersive-notebook { margin:46px 0 0; max-width:none; }
  .li-immersive-index { padding-left:44px; font-size:7px; margin-bottom:17px; }
  .li-immersive-notebook li { padding:19px 0 22px; gap:14px; }
  .li-immersive-notebook h3 { font-size:25px; }
  .li-immersive-notebook p { font-size:12px; max-width:250px; }
  .li-immersive-notebook li:not(:last-child) > div { padding-bottom:22px; margin-bottom:-22px; }
  .li-immersive-baseline { gap:18px; min-height:40px; padding-top:20px; }
  .li-immersive-scroll { font-size:5px; gap:10px; letter-spacing:.08em; max-width:220px; }
  .li-immersive-baseline small { font-size:6px; white-space:nowrap; }
  .li-immersive-facts .li-facts { padding-block:33px 28px; }
  .li-brand-tabs button { grid-template-columns:42px minmax(0,1fr); gap:9px; min-height:78px; }
  .li-tab-name { font-size:14px; line-height:1.2; }
  .li-brand-logo { top:39%; max-height:230px; }
  .li-lion-mark { width:176px; }
  .li-royal-logo { width:250px; max-height:230px; }
  .li-high-company-logo { width:275px; }
  .li-district-logo { width:288px; }
}
@media(prefers-reduced-motion:reduce) {
  .li-immersive-track { height:auto; }
  .li-immersive-stage { position:relative; top:auto; height:auto; min-height:780px; }
  .li-immersive-content { min-height:780px; }
  .li-immersive-image { transform:none; }
  .li-immersive-window { clip-path:none; }
  .li-immersive-notebook li { opacity:1!important; transform:none!important; transition:none; }
  .li-immersive-path i,.li-immersive-meter i { transform:scale(1); }
}