.spl{--spl-encre:#15130f;--spl-or:#a8843f;--spl-or-clair:#e9dcc2;--spl-creme:#fafaf7;--spl-gris:#5b574f;overflow-x:clip}.spl-scene{perspective:1600px}.spl-pile{position:relative;margin:2.5rem auto 0;max-width:980px}.spl-ecran,.spl-pile{height:300px;transform-style:preserve-3d}.spl-ecran{position:absolute;top:0;left:50%;width:250px;margin-left:-125px;border-radius:1rem;overflow:hidden;background:#fff;border:1px solid rgba(21,19,15,.12);box-shadow:0 40px 80px -40px rgba(21,19,15,.55);animation:spl-flotte 7s ease-in-out infinite}.spl-ecran-1{transform:translateX(-62%) translateZ(-120px) rotateY(24deg);animation-delay:-2s}.spl-ecran-2{transform:translateZ(40px);z-index:2}.spl-ecran-3{transform:translateX(62%) translateZ(-120px) rotateY(-24deg);animation-delay:-4s}.spl-zoom{display:block;width:1280px;zoom:.195;pointer-events:none}.spl-zoom .sv2{min-height:0}@keyframes spl-flotte{0%,to{translate:0 0}50%{translate:0 -10px}}@media (min-width:900px){.spl-ecran,.spl-pile{height:420px}.spl-ecran{width:360px;margin-left:-180px}.spl-ecran-1{transform:translateX(-78%) translateZ(-160px) rotateY(26deg)}.spl-ecran-3{transform:translateX(78%) translateZ(-160px) rotateY(-26deg)}.spl-zoom{zoom:.281}}.spl-piste{display:flex;gap:1rem;overflow-x:auto;scroll-snap-type:x mandatory;padding:1rem 1rem 1.5rem;scrollbar-width:none;content-visibility:auto;contain-intrinsic-size:1px 460px}.spl-piste::-webkit-scrollbar{display:none}.spl-vignette{flex:0 0 260px;scroll-snap-align:center}.spl-vignette-site{display:block;height:320px;overflow:hidden;border-radius:1rem;border:1px solid rgba(21,19,15,.1);background:#fff;box-shadow:0 30px 60px -40px rgba(21,19,15,.5);transition:transform .35s cubic-bezier(.2,.7,.2,1)}.spl-vignette:hover .spl-vignette-site{transform:perspective(1200px) rotateY(-6deg) translateY(-4px)}.spl-vignette-zoom{display:block;width:1280px;zoom:.203;pointer-events:none}.spl-vignette-zoom .sv2{min-height:0}@media (min-width:900px){.spl-vignette{flex-basis:320px}.spl-vignette-site{height:380px}.spl-vignette-zoom{zoom:.25}.spl-piste{padding-inline:clamp(1rem,6vw,6rem)}}.spl-navigateur{border-radius:1rem;overflow:hidden;border:1px solid rgba(21,19,15,.12);background:#fff;box-shadow:0 40px 80px -50px rgba(21,19,15,.6)}.spl-barre{display:flex;gap:6px;padding:10px 12px;background:#f1efe9}.spl-barre i{width:10px;height:10px;border-radius:50%;background:#d8d3c8}.spl-cadre{position:relative;height:300px;overflow:hidden}.spl-cadre-zoom{display:block;width:1280px;zoom:.27;pointer-events:none}.spl-cadre-zoom .sv2{min-height:0}.spl-repere{position:absolute;border:2px dashed var(--spl-or);border-radius:.5rem}.spl-pastille{position:absolute;display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .65rem;border-radius:999px;background:var(--spl-encre);color:#fff;font-size:12px;font-weight:600;box-shadow:0 10px 25px -10px rgba(0,0,0,.5);animation:spl-pulse 3.2s ease-in-out infinite}@keyframes spl-pulse{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@media (min-width:900px){.spl-cadre{height:420px}.spl-cadre-zoom{zoom:.39}}.spl-logos{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}@media (min-width:900px){.spl-logos{grid-template-columns:repeat(4,1fr)}}.spl-logos li{display:flex;flex-direction:column;justify-content:space-between;gap:.5rem;min-height:140px;padding:.9rem;border-radius:1rem}.spl-logos span{display:grid;place-items:center;flex:1}.spl-logos svg{max-width:100%;max-height:100px}.spl-logos em{font-style:normal;font-size:12px}.spl-cartes{display:grid;gap:1rem}@media (min-width:900px){.spl-cartes{grid-template-columns:repeat(3,1fr)}}.spl-carte .c3d-carte{animation:spl-tourne 9s ease-in-out infinite;animation-delay:var(--d)}@keyframes spl-tourne{0%,40%{transform:perspective(1400px) rotateY(-12deg) rotateX(6deg)}50%,90%{transform:perspective(1400px) rotateY(168deg) rotateX(6deg)}to{transform:perspective(1400px) rotateY(348deg) rotateX(6deg)}}.spl-papier{position:relative;aspect-ratio:210/297;max-width:320px;margin:0 auto;padding:8% 9%;background:#fff;border-radius:4px;box-shadow:0 30px 60px -35px rgba(21,19,15,.55),0 0 0 1px rgba(21,19,15,.06);transform:perspective(1400px) rotateX(8deg) rotate(-2deg);transition:transform .5s cubic-bezier(.2,.7,.2,1)}.spl-papier:hover{transform:perspective(1400px) rotateX(0) rotate(0)}.spl-papier-lignes i{display:block;height:6px;margin-top:10px;border-radius:3px;background:#ece8df}.spl-langues{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.5rem}.spl-langues li{display:inline-flex;min-height:44px;align-items:center;padding:0 .9rem;border-radius:999px;border:1px solid rgba(21,19,15,.15);background:#fff;font-size:14px}@supports (animation-timeline:view()){.spl-revele{animation:spl-entre linear both;animation-timeline:view();animation-range:entry 0 cover 28%}}@keyframes spl-entre{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.spl *,.spl :after,.spl :before{animation:none!important;transition:none!important}.spl-revele{opacity:1!important;transform:none!important}}