/* A short brand signature. The home page remains the default without JavaScript. */
.brand-entrance{display:none;position:fixed;inset:0;z-index:10000;width:100%;max-width:none;height:100%;height:100dvh;max-height:none;margin:0;padding:0;border:0;color:#f7f5fc;background:transparent;overflow:hidden;isolation:isolate;direction:rtl}
.entry-pending{overflow:hidden}
.entry-pending .brand-entrance{display:grid;grid-template-rows:auto 1fr auto}
.brand-entrance::backdrop{background:transparent}
.brand-entrance::before,.brand-entrance::after{content:"";position:absolute;inset-inline:0;height:51%;background:#0b0914;z-index:-2;will-change:transform}
.brand-entrance::before{top:0}.brand-entrance::after{bottom:0}
.entrance-top{padding:clamp(20px,3vw,44px) var(--pad,24px);display:flex;align-items:center;justify-content:space-between;gap:20px}
.entrance-top>span{font-family:var(--latin,Arial,sans-serif);font-size:12px;letter-spacing:.18em;color:#ada0c1}
.entrance-skip{display:flex;align-items:center;gap:10px;min-height:44px;padding:8px 16px;border:1px solid #544462;border-radius:40px;background:transparent;color:#f7f5fc;cursor:pointer;font:inherit;font-size:14px;transition:background .2s}
.entrance-skip:hover{background:#352047}.entrance-skip:focus-visible{outline:2px solid #c2a0ff;outline-offset:4px}
.entrance-skip .icon{width:20px;height:20px}
.entrance-stage{position:relative;align-self:center;justify-self:center;width:min(90vw,740px);height:320px;display:grid;place-items:center;--spacing:94px}
.entrance-glow{position:absolute;width:90%;aspect-ratio:1.7;background:radial-gradient(ellipse,#7025da32,transparent 67%);pointer-events:none;opacity:0}
.entrance-symbols{position:absolute;inset:0;transform:translate3d(var(--entry-x,0px),var(--entry-y,0px),0);transition:transform .5s ease}
.entrance-symbol{position:absolute;top:calc(50% - 35px);left:calc(50% - 35px);display:grid;place-items:center;width:70px;height:70px;border:1px solid #9860d966;border-radius:21px;background:linear-gradient(145deg,#2a173e,#140e1f);color:#d6b9ff;box-shadow:0 12px 40px #0005;opacity:0}
.entrance-symbol .icon{width:34px;height:34px;stroke-width:1.5}
.entrance-symbol-solid{background:linear-gradient(135deg,#a751fa,#7025da);color:white;border-color:#ba81fa}
.entrance-identity{position:relative;display:grid;justify-items:center;text-align:center;opacity:0;transform:translateY(12px) scale(.94);padding-inline:10px}
.entrance-identity img{width:clamp(205px,23vw,277px);height:auto;object-fit:contain}
.entrance-identity p{margin:26px 0 0;font-size:clamp(20px,2.2vw,28px);font-weight:500;line-height:1.5;letter-spacing:-.02em}
.entrance-identity strong{font-weight:700;color:#c2a0ff}
.entrance-bottom{padding:20px var(--pad,24px) max(34px,env(safe-area-inset-bottom));text-align:center}
.entrance-bottom p{font-size:14px;color:#b3a6c5;margin:0 0 18px}.entrance-bottom p span{padding-inline:12px;color:#a966fa}
.entrance-line{height:1px;width:min(240px,70%);margin:auto;background:#372846;overflow:hidden;direction:ltr}
.entrance-line i{display:block;width:100%;height:100%;background:linear-gradient(90deg,#7430c7,#dab9ff);transform:scaleX(0);transform-origin:left}
.entry-running .entrance-symbol{animation:entry-symbol 1.65s cubic-bezier(.22,.75,.25,1) var(--delay) both}
.entry-running .entrance-identity{animation:entry-identity .6s cubic-bezier(.16,1,.3,1) 1.35s both}
.entry-running .entrance-glow{animation:entry-glow 2.55s ease both}
.entry-running .entrance-line i{animation:entry-line 2.5s ease-in-out both}
.entry-revealing .brand-entrance::before{transform:translateY(-101%);transition:transform .6s cubic-bezier(.76,0,.24,1)}
.entry-revealing .brand-entrance::after{transform:translateY(101%);transition:transform .6s cubic-bezier(.76,0,.24,1)}
.entry-revealing .entrance-stage,.entry-revealing .entrance-bottom,.entry-revealing .entrance-top{opacity:0;transition:opacity .25s}
.entry-revealing .hero-copy{animation:entry-content .7s .08s both}
.entry-revealing .hero-showreel{animation:entry-content .9s .16s both}
@keyframes entry-symbol{0%{opacity:0;transform:translate3d(calc(var(--slot)*var(--spacing)),38px,0) rotate(calc(var(--tilt)*1.7)) scale(.55)}22%,48%{opacity:1;transform:translate3d(calc(var(--slot)*var(--spacing)),0,0) rotate(var(--tilt)) scale(1)}78%{opacity:1;transform:translate3d(0,0,0) rotate(0) scale(.5)}100%{opacity:0;transform:translate3d(0,0,0) rotate(0) scale(.12)}}
@keyframes entry-identity{to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes entry-glow{0%{opacity:0;transform:scale(.7)}60%,100%{opacity:1;transform:scale(1)}}
@keyframes entry-line{to{transform:scaleX(1)}}
@keyframes entry-content{from{opacity:.4;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:760px){.entrance-top{padding:18px 20px}.entrance-top>span{font-size:12px;letter-spacing:.08em;max-width:140px;line-height:1.8}.entrance-skip{padding:8px 12px}.entrance-stage{height:260px;--spacing:60px}.entrance-symbol{width:48px;height:48px;top:calc(50% - 24px);left:calc(50% - 24px);border-radius:14px}.entrance-symbol .icon{width:25px;height:25px}.entrance-bottom p{font-size:13px}.entrance-bottom p span{padding-inline:6px}.entrance-glow{width:115%}}
@media(max-width:350px){.entrance-stage{--spacing:53px}.entrance-top>span{max-width:108px}.entrance-identity p{font-size:18px}}
@media(max-height:500px){.entrance-stage{height:155px}.entrance-identity img{width:180px}.entrance-identity p{margin-top:12px;font-size:18px}.entrance-bottom{padding-bottom:15px}.entrance-top{padding-block:10px}}
.motion-reduced .brand-entrance{display:none!important}
@media(prefers-reduced-motion:reduce){.brand-entrance{display:none!important}.entry-pending{overflow:auto}.entry-revealing .hero-copy,.entry-revealing .hero-showreel{animation:none!important}}
