.decollage{position:relative;overflow-x:clip;display:grid;align-items:center;min-height:calc(100vh - var(--entete));min-height:calc(100svh - var(--entete));padding-block:var(--e-6) var(--e-9)}.decollage__grille{display:grid;align-items:center;gap:var(--e-7)}@media(min-width:960px){.decollage__grille{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:var(--e-6)}}.decollage__texte{display:grid;justify-items:start;gap:var(--e-5)}.decollage__texte h1{font-size:clamp(2.25rem,1.1rem + 3.9vw,4.5rem);line-height:1.04}.decollage__scene{position:relative;width:min(100%,36rem);aspect-ratio:1 / .95;margin-inline:auto}.decollage__orbite{position:absolute;inset:6% -4% 14% 2%;border:2px dashed rgb(255 255 255 / .16);border-radius:50%;rotate:-14deg}.decollage__capture{position:absolute;top:14%;left:2%;width:82%;z-index:2}.perso{position:absolute;height:auto;filter:drop-shadow(0 .6rem 1rem rgb(5 2 15 / .45))}.perso--terre{right:-12%;bottom:-16%;width:56%;z-index:3}.perso--soleil{top:-10%;right:-10%;width:34%;z-index:1}.perso--saturne{top:-1%;left:-6%;width:34%;z-index:4}.perso--fusee-piste{position:absolute;right:26%;bottom:24%;width:18%;aspect-ratio:120 / 135;z-index:4;filter:none}.perso--fusee{position:relative;width:100%}.perso__trainee{position:absolute;left:-40%;top:70%;width:70%;height:.55rem;border-radius:var(--r-pilule);background:linear-gradient(90deg,transparent,rgb(255 211 77 / .75));rotate:-32deg;transform-origin:right center;filter:blur(1px)}.decollage__inviter{position:absolute;left:50%;bottom:var(--e-5);translate:-50% 0;display:grid;justify-items:center;gap:.1rem;min-width:44px;padding:var(--e-2) var(--e-3);color:var(--texte-doux);font-weight:600;text-decoration:none}.decollage__inviter:hover{color:var(--jaune)}@media(prefers-reduced-motion:no-preference){.decollage__capture{animation-name:atterrit;animation-duration:1.1s;animation-timing-function:var(--ressort);animation-fill-mode:both;animation-delay:.25s}.perso--soleil{animation-name:tourne;animation-duration:60s;animation-timing-function:linear;animation-iteration-count:infinite}.perso--saturne{animation-name:flotte;animation-duration:6s;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-direction:alternate}.perso--fusee{animation-name:vibre;animation-duration:2.4s;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-direction:alternate}.decollage__inviter svg{animation-name:invite;animation-duration:1.6s;animation-timing-function:ease-in-out;animation-iteration-count:infinite}@supports (animation-timeline: scroll()){.perso--fusee-piste{animation-name:decolle;animation-duration:auto;animation-timing-function:linear;animation-fill-mode:both;animation-timeline:scroll(root);animation-range:0 110vh}.perso--terre{animation-name:s-eloigne;animation-duration:auto;animation-timing-function:linear;animation-fill-mode:both;animation-timeline:scroll(root);animation-range:0 110vh}}}@keyframes atterrit{0%{opacity:0;transform:translateY(2.5rem) rotate(9deg) scale(.9)}}@keyframes tourne{to{rotate:360deg}}@keyframes flotte{to{transform:translateY(-.9rem) rotate(-4deg)}}@keyframes vibre{to{transform:translate(.25rem,-.45rem) rotate(2deg)}}@keyframes invite{50%{transform:translateY(.35rem)}}@keyframes decolle{to{transform:translate(46vw,-80vh) rotate(8deg) scale(.6)}}@keyframes s-eloigne{to{transform:translateY(30%) scale(.75)}}.place{position:absolute;left:var(--xm, 50%);top:var(--ym, var(--y));translate:-50% -50%}@media(min-width:960px){.place{left:var(--x);top:var(--y)}}.place .sphere{position:relative}.place--capture{width:min(80vw,25rem)}.place--grande{width:min(88vw,30rem)}@media(min-width:960px){.place--capture{width:min(32vw,32rem)}.place--grande{width:min(48vw,44rem)}}.place--capture .capture{width:100%}.mur{position:absolute;left:var(--xm, 50%);top:var(--ym, var(--y));translate:-50% -50%;display:grid;grid-template-columns:repeat(5,1fr);gap:clamp(.3rem,.2rem + .6vw,.8rem);width:min(86vw,24rem)}@media(min-width:960px){.mur{left:var(--x);top:var(--y);grid-template-columns:repeat(7,1fr);width:min(44vw,34rem)}}.mur__case{aspect-ratio:1}.mur__case:nth-child(odd){rotate:-6deg}.mur__case:nth-child(3n){rotate:7deg}.mur__autocollant{width:100%;height:auto;filter:var(--ombre-autocollant)}.calme__terre{width:min(62vw,24rem);filter:drop-shadow(0 1rem 2rem rgb(5 2 15 / .5))}.calme__saturne{width:min(32vw,12rem)}.calme__fusee{width:min(16vw,6rem);rotate:24deg}@media(max-width:959px){.decollage{padding-top:var(--e-4)}.decollage__scene{width:min(100%,30rem)}.escale__decor .place--capture{top:var(--ym, 66%)}}
