.client-intro{position:fixed;z-index:1000;inset:0;display:grid;place-content:center;justify-items:center;gap:22px;background:linear-gradient(145deg,#0f1214,#15181a 58%,#101315);animation:clientIntroExit .72s cubic-bezier(.7,0,.25,1) 2.45s forwards}
.client-intro-mark{width:126px;height:126px;display:grid;place-items:center;overflow:hidden;background:#fff;border-radius:39px 55px 37px 51px;box-shadow:0 28px 90px rgba(0,0,0,.3);animation:clientIntroMark 2.5s cubic-bezier(.2,.9,.2,1) both}
.client-intro-mark img{width:90%;height:90%;object-fit:contain}
.client-intro-copy{text-align:center;overflow:hidden}
.client-intro-copy strong,.client-intro-copy span{display:block;animation:clientIntroCopy .9s cubic-bezier(.2,.9,.2,1) .65s both}
.client-intro-copy strong{font-size:clamp(28px,6vw,48px);letter-spacing:.13em}
.client-intro-copy span{margin-top:8px;color:var(--blue);font-size:11px;font-weight:800;letter-spacing:.3em;animation-delay:.85s}
.client-intro-line{width:min(290px,62vw);height:2px;overflow:hidden;background:rgba(255,255,255,.055);border-radius:99px}
.client-intro-line i{display:block;width:100%;height:100%;background:linear-gradient(90deg,transparent,#a97855,#c9aa8d,#a97855,transparent);transform-origin:left;animation:clientIntroLine 1.65s cubic-bezier(.2,.8,.2,1) .65s both}
@keyframes clientIntroMark{0%{opacity:0;transform:scale(.6) rotate(-12deg);filter:blur(12px)}35%{opacity:1;filter:none}65%{transform:scale(1.04) rotate(2deg)}100%{transform:scale(1) rotate(-2deg)}}
@keyframes clientIntroCopy{from{opacity:0;transform:translateY(24px);filter:blur(5px)}to{opacity:1;transform:none;filter:none}}
@keyframes clientIntroLine{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes clientIntroExit{to{opacity:0;visibility:hidden;transform:scale(1.025)}}
@media(prefers-reduced-motion:reduce){.client-intro{display:none}}