.brand-intro{position:fixed;inset:0;z-index:10000;display:grid;place-items:center;background:#102f27;color:#f4f1ea;visibility:hidden;opacity:0;pointer-events:none;transition:opacity .6s ease,visibility .6s;isolation:isolate}
.intro-loading .brand-intro{visibility:visible;opacity:1;pointer-events:auto;animation:intro-safety 0s 6s forwards}
.intro-loading{overflow:hidden;animation:intro-unlock 0s 6s forwards}
.intro-logo{position:relative;width:min(660px,86vw);aspect-ratio:1280/720;transform:translateY(-12px);mix-blend-mode:screen}
.intro-logo img{position:absolute;inset:0;width:100%;height:100%;max-width:none;filter:invert(1) contrast(1.5);mix-blend-mode:screen;object-fit:contain}
.intro-loading .intro-tool{animation:intro-tool 1s cubic-bezier(.2,.65,.3,1) both}
.intro-tool{clip-path:inset(0 82% 41% 0)}
.intro-loading .intro-name{animation:intro-name 1.3s .35s cubic-bezier(.2,.65,.3,1) both}
.intro-name{clip-path:inset(0 0 41% 18%)}
.intro-loading .intro-file{animation:intro-file .85s .8s ease both}
.intro-file{clip-path:inset(58% 0 34% 0)}
.intro-loading .intro-caption{animation:intro-caption .8s 1.35s ease both}
.intro-caption{clip-path:inset(67% 0 0 0)}
.intro-status{position:absolute;left:0;right:0;bottom:calc(50% - 145px);text-align:center;color:#f3a1bd;font-family:Arial,sans-serif;font-size:9px;letter-spacing:3px;text-transform:uppercase;opacity:0}
.intro-loading .intro-status{animation:intro-caption .7s 1.65s ease forwards}
.intro-status::after{content:'';display:block;width:44px;height:1px;background:#f3a1bd;margin:19px auto 0;transform-origin:left;animation:intro-line 2.4s ease both}
.intro-logo::after{display:none}.intro-loading .intro-logo{animation:intro-gleam 1s 1.5s ease both}
@keyframes intro-tool{from{clip-path:inset(0 82% 100% 0);opacity:0}to{clip-path:inset(0 82% 41% 0);opacity:1}}
@keyframes intro-name{from{clip-path:inset(0 82% 41% 18%);opacity:.25}to{clip-path:inset(0 0 41% 18%);opacity:1}}
@keyframes intro-file{from{clip-path:inset(58% 100% 34% 0)}to{clip-path:inset(58% 0 34% 0)}}
@keyframes intro-caption{from{opacity:0;translate:0 5px}to{opacity:1;translate:0 0}}
@keyframes intro-line{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes intro-safety{to{visibility:hidden;opacity:0;pointer-events:none}}
@keyframes intro-unlock{to{overflow:visible}}
@media(max-width:600px){.intro-logo{width:92vw}.intro-status{bottom:calc(50% - 105px);font-size:8px;letter-spacing:2.5px}}
@media(prefers-reduced-motion:reduce){.brand-intro{display:none}.intro-loading{overflow:visible;animation:none}}

@keyframes intro-gleam{0%,100%{filter:brightness(.85)}50%{filter:brightness(1.2)}}