/* Intro animée — RUS Hensies (~2,9 s). Polices : auto-hébergées par le site (pas de Google Fonts). */

html.rusi-lock{overflow:hidden}
html.rusi-cover::after{content:"";position:fixed;inset:0;z-index:2147483646;background:#071B45}

.rusi{position:fixed;inset:0;z-index:2147483647;overflow:hidden;cursor:pointer;font-family:'Manrope',system-ui,sans-serif;-webkit-font-smoothing:antialiased}
.rusi *,.rusi *::before,.rusi *::after{box-sizing:border-box}
.rusi--skip{animation:rusi-fade .35s ease forwards}

.rusi-layer{position:absolute;left:0;right:0;top:0;height:125vh;clip-path:polygon(0 0,100% 0,100% 100%,0 84%);will-change:transform;animation:rusi-up .6s cubic-bezier(.76,0,.24,1) forwards}
.rusi-layer--sky{background:#29A8E0;animation-delay:2.28s}
.rusi-layer--navy{background:repeating-linear-gradient(115deg,rgba(255,255,255,.03) 0 2px,transparent 2px 24px),radial-gradient(circle at 50% 40%,#16479E 0%,#0A2A6B 34%,#071B45 72%);animation-delay:2.18s}

.rusi-content{position:absolute;left:0;right:0;top:0;height:100vh;height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;animation:rusi-out .45s cubic-bezier(.5,0,.75,0) 2.08s forwards}

.rusi-crest{position:relative;width:min(190px,42vw);height:min(190px,42vw);flex-shrink:0}
.rusi-wing{position:absolute;animation:rusi-wing-l .8s cubic-bezier(.2,.9,.25,1) both}
.rusi-wing--l1{left:-30%;top:26%;width:58%;height:66%;background:#29A8E0;clip-path:polygon(100% 100%,0 0,60% 100%);animation-delay:.05s}
.rusi-wing--l2{left:-40%;top:50%;width:66%;height:44%;background:#1565C0;clip-path:polygon(100% 100%,0 0,52% 100%);animation-delay:.12s}
.rusi-wing--l3{left:-12%;top:4%;width:36%;height:80%;background:#0D47A1;clip-path:polygon(100% 100%,0 0,72% 100%);animation-delay:.19s}
.rusi-wing--r1{right:-30%;top:26%;width:58%;height:66%;background:#29A8E0;clip-path:polygon(0 100%,100% 0,40% 100%);animation-name:rusi-wing-r;animation-delay:.05s}
.rusi-wing--r2{right:-40%;top:50%;width:66%;height:44%;background:#1565C0;clip-path:polygon(0 100%,100% 0,48% 100%);animation-name:rusi-wing-r;animation-delay:.12s}
.rusi-wing--r3{right:-12%;top:4%;width:36%;height:80%;background:#0D47A1;clip-path:polygon(0 100%,100% 0,28% 100%);animation-name:rusi-wing-r;animation-delay:.19s}

.rusi-ring{position:absolute;inset:0;border-radius:50%;border:2px solid #29A8E0;animation:rusi-ring 1s ease-out .62s both}
.rusi-ring--2{border-color:#8FD3F4;animation-delay:.8s}

.rusi-logo{position:relative;width:100%;height:100%;border-radius:50%;overflow:hidden;box-shadow:0 0 0 10px rgba(255,255,255,.07),0 40px 80px -30px rgba(0,0,0,.75);animation:rusi-pop .8s cubic-bezier(.34,1.56,.64,1) .12s both}
.rusi-logo img{display:block;width:100%;height:100%;object-fit:cover}
.rusi-sheen{position:absolute;top:-20%;left:0;width:32%;height:140%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent);animation:rusi-sheen .75s ease-in-out 1.25s both}

.rusi-title{display:flex;margin-top:clamp(26px,5vh,44px);font-family:'Big Shoulders Display','Arial Narrow',sans-serif;font-weight:900;font-size:clamp(46px,12vw,124px);line-height:1.1;letter-spacing:2px;text-transform:uppercase;color:#fff}
.rusi-char{display:block;overflow:hidden}
.rusi-char>span{display:block;animation:rusi-letter .6s cubic-bezier(.2,.9,.25,1) both;animation-delay:calc(.68s + var(--i) * .04s)}
.rusi-char--accent{color:#29A8E0}
.rusi-space{width:.26em}

.rusi-sub{display:flex;align-items:center;gap:14px;margin-top:10px}
.rusi-line{width:44px;height:2px;background:#29A8E0;animation:rusi-line .5s cubic-bezier(.2,.9,.25,1) 1.15s both}
.rusi-line--l{transform-origin:right}
.rusi-line--r{transform-origin:left}
.rusi-sub-text{font-weight:800;font-size:12px;letter-spacing:3.5px;text-transform:uppercase;color:#B9C6E0;white-space:nowrap;animation:rusi-fade-up .5s cubic-bezier(.2,.9,.25,1) 1.2s both}

.rusi-skip{position:absolute;right:20px;bottom:20px;min-height:44px;padding:0 20px;border-radius:999px;border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.05);color:#C9D4EA;font:700 13px/1 'Manrope',system-ui,sans-serif;cursor:pointer;transition:background .2s,color .2s;animation:rusi-fade-up .5s cubic-bezier(.2,.9,.25,1) .45s both}
.rusi-skip:hover{background:rgba(255,255,255,.14);color:#fff}

@keyframes rusi-wing-l{from{transform:translateX(-75vw) rotate(-10deg);opacity:0}to{transform:none;opacity:1}}
@keyframes rusi-wing-r{from{transform:translateX(75vw) rotate(10deg);opacity:0}to{transform:none;opacity:1}}
@keyframes rusi-pop{from{transform:scale(.3) rotate(-18deg);opacity:0}to{transform:none;opacity:1}}
@keyframes rusi-ring{0%{transform:scale(1);opacity:0}12%{opacity:.9}100%{transform:scale(1.75);opacity:0}}
@keyframes rusi-sheen{from{transform:translateX(-160%) skewX(-20deg)}to{transform:translateX(420%) skewX(-20deg)}}
@keyframes rusi-letter{from{transform:translateY(110%)}to{transform:none}}
@keyframes rusi-line{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes rusi-fade-up{from{transform:translateY(12px);opacity:0}to{transform:none;opacity:1}}
@keyframes rusi-out{to{transform:translateY(-14vh) scale(.94);opacity:0}}
@keyframes rusi-up{to{transform:translateY(-130vh)}}
@keyframes rusi-fade{to{opacity:0}}
