[data-scene]{--p:1}.anim [data-scene]{--p:0}.hero{min-height:calc(100svh - var(--header-h));padding:var(--gutter);align-items:center;display:grid;overflow:hidden}.hero-fond{aspect-ratio:1;pointer-events:none;height:min(125%,135vh);position:absolute;top:50%;right:clamp(-16vh,-9vw,-2rem);translate:0 -50%}.hero-print{opacity:0;width:100%;height:100%;transition:opacity 1.2s;position:absolute;inset:0}.hero-print.pret{opacity:1}.hero-repli{background:radial-gradient(circle, var(--kuwait) 0 1.2%, transparent 1.4%), repeating-radial-gradient(circle, #f3ede199 0 2.2%, #f3ede10f 5.2% 5.6%);border-radius:50%;position:absolute;inset:12%}.gl .hero-repli{display:none}.hero-in{z-index:1;max-width:min(46rem,52vw);margin-left:max(var(--gutter), calc((100vw - 86rem) / 2));justify-items:start;gap:1.5rem;display:grid;position:relative}.anim .hero-in{transform:translateY(calc(var(--p) * -40px));opacity:calc(1 - var(--p) * 1.3)}.hero-logo{width:clamp(56px,6vw,80px);height:auto}.hero h1{text-shadow:0 2px 30px #14214a8c;max-width:9ch;font-size:clamp(3rem,1.2rem + 6.4vw,7.6rem);line-height:.98}.hero-fleche{width:3rem;height:4.5rem;color:var(--kuwait);place-items:center;margin-top:1.25rem;text-decoration:none;display:grid}.hero-fleche svg{width:1.6rem;height:2.7rem;animation:2.4s ease-in-out infinite fleche}.hero-fleche:hover{color:var(--cream)}@keyframes fleche{0%,to{opacity:.6;transform:translateY(0)}50%{opacity:1;transform:translateY(10px)}}@media (width<=899px){.hero{align-items:end;padding-bottom:3rem}.hero-fond{width:min(118vw,62svh);height:auto;top:2%;right:50%;translate:50%}.hero-in{max-width:none;margin-left:0}.hero h1{max-width:11ch}}.scene{padding-block:4vh}.scene-grid{max-width:86rem;padding-inline:var(--gutter);grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:start;gap:clamp(1.5rem,5vw,5rem);margin-inline:auto;display:grid}.scene-visual{top:var(--header-h);height:calc(100svh - var(--header-h));place-items:center;display:grid;position:sticky}.scene-texte{max-width:36rem;padding-block:26vh 34vh}.scene-num{margin-bottom:.75rem}.scene h2{margin-bottom:1.5rem;font-size:clamp(2rem,1.3rem + 2.2vw,3.4rem)}.scene-texte p{text-wrap:pretty;hyphens:auto;margin-bottom:1.2em;font-size:clamp(1.12rem,1.05rem + .3vw,1.3rem);line-height:1.6}.scene-texte p.scene-num{font-size:var(--fs-label)}.scene-liens{flex-wrap:wrap;gap:.5rem 1.5rem;margin-top:2rem;display:flex}.lien-page{font-family:var(--font-label);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--kuwait-text-night);border-bottom:1px solid;padding:.6rem 0;font-size:.82rem;font-weight:600;text-decoration:none}.lien-page:hover{color:var(--cream)}.extrait{border-left:3px solid var(--kuwait);background:#f3ede10f;margin:2rem 0 0;padding:1rem 1.25rem}.extrait p{margin:0 0 .5rem!important;font-size:1.05rem!important}.extrait p:last-child{font-style:italic;margin:0!important}@media (width<=899px){.scene.night{background:var(--night);overflow-x:clip}.scene-grid{padding-inline:var(--gutter);grid-template-columns:1fr;gap:0}.scene-visual{z-index:3;height:42svh;margin-inline:calc(var(--gutter) * -1);background:linear-gradient(var(--night) 85%, transparent)}.visu{width:min(100%,38svh)}.scene-texte{padding-block:3vh 40vh;max-width:none;padding-right:1.5rem}}main{overflow-x:clip}@supports (animation-timeline:view()){.anim .scene h2{animation:linear both titre-entre view();animation-range:entry entry 70%}@keyframes titre-entre{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}}.anim .phrase:not(.lit){opacity:.22;animation:10ms 6s forwards phrase-secours}.anim .phrase{transition:opacity .6s}@keyframes phrase-secours{to{opacity:1}}.conclusion{padding:clamp(4rem, 12vh, 9rem) var(--gutter);text-align:center}.conclusion-in{max-width:46rem;margin-inline:auto}.conclusion-texte{text-wrap:pretty;margin:0;font-size:clamp(1.25rem,1.05rem + 1vw,1.8rem);font-style:italic;line-height:1.5}.question-finale{font-family:var(--font-display);flex-wrap:wrap;justify-content:center;align-items:baseline;gap:0 .25em;margin:clamp(3.5rem,10vh,6rem) 0 0;font-size:clamp(2.4rem,1.2rem + 5vw,5.5rem);line-height:1.05;display:flex}.question-finale i{background:var(--kuwait);border-radius:50%;flex:none;width:.22em;height:.22em;display:inline-block;box-shadow:0 0 .5em #ff6c2fb3}.index{padding:clamp(3rem, 8vh, 6rem) var(--gutter) clamp(4rem, 10vh, 7rem);border-top:1px dotted #f3ede14d}.index-in{max-width:80rem;margin-inline:auto}.index h2{margin-bottom:1.75rem}.cartes{grid-template-columns:repeat(auto-fill,minmax(min(100%,17rem),1fr));gap:1rem;display:grid}.carte{background:#f3ede10a;border:1px dotted #f3ede180;flex-direction:column;justify-content:flex-end;min-height:13rem;padding:1.25rem;text-decoration:none;transition:border-color .25s,background .25s;display:flex;position:relative;overflow:hidden}.carte:before{content:"";aspect-ratio:1;background:repeating-radial-gradient(circle,#0000 0 .8rem,#f3ede138 .8rem calc(.8rem + 1px));border-radius:50%;width:11rem;transition:transform .6s;position:absolute;top:-3rem;right:-3rem}.carte:hover{border-color:var(--kuwait);background:#f3ede117}.carte:hover:before{transform:scale(1.12)}.carte-n{font-family:var(--font-display);color:var(--kuwait);font-size:3.6rem;line-height:1;position:relative}.carte-titre{font-family:var(--font-display);text-wrap:balance;margin-top:.6rem;font-size:1.35rem;line-height:1.2;position:relative}.points{z-index:45;position:fixed;top:50%;right:clamp(.15rem,1vw,1rem);translate:0 -50%}.points ol{gap:0;display:grid}.points a{place-items:center;width:24px;height:24px;display:grid}.points a span{border:1.5px solid var(--cream);background:0 0;border-radius:50%;width:9px;height:9px;transition:transform .25s,background .25s}.points a:hover span{background:#f3ede199}.points a[aria-current] span{background:var(--kuwait);border-color:var(--kuwait);transform:scale(1.5)}@media (width<=899px){.points{right:0}.points a{width:24px;height:22px}}.anim .reveal:not(.in){opacity:0;animation:10ms 3s forwards reveal-secours;transform:translateY(14px)}.anim .reveal{transition:opacity .8s,transform .8s cubic-bezier(.2,.7,.2,1);transition-delay:calc(var(--i,0) * 50ms)}@keyframes reveal-secours{to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.hero-fleche svg{animation:none}}