#splash { position:fixed; inset:0; z-index:var(--z-splash); overflow:hidden; background:#080909; display:flex; align-items:center; justify-content:center; }
.splash-bg { position:absolute; inset:0; background:#080909 url('../images/splash-bg.jpg') center/cover no-repeat; }
.splash-bg::after { content:''; position:absolute; inset:0; background:rgba(0,0,0,.08); }
.splash-bg video { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; display:none; }
.splash-inner { position:relative; width:100%; height:100%; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; padding:24px; }
.splash-text { position:relative; max-width:1050px; z-index:2; }
.splash-text h1 { font-size:clamp(30px,3.4vw,60px); font-weight:700; line-height:1.22; color:#fff; letter-spacing:-.03em; }
.splash-text h1 span { display:block; font-weight:500; }
.lens-wrap { position:absolute; inset:0; pointer-events:none; z-index:5; }
.lens { position:absolute; top:0; left:0; will-change:transform; }
.lens-1 { width:clamp(210px,25vw,410px); aspect-ratio:421/337; }
.lens-2 { width:clamp(250px,30vw,470px); aspect-ratio:568/631; }
.lens img { width:100%; height:100%; object-fit:contain; display:block; }
.splash-logo { position:relative; margin-top:52px; z-index:4; }.splash-logo img{height:50px;width:auto}
.scroll-down { position:relative; margin-top:28px;width:48px;height:48px;border:1px solid rgba(255,255,255,.45);border-radius:50%;display:grid;place-items:center;color:#fff;animation:bounceDown 1.8s ease-in-out infinite;z-index:4}.scroll-down svg{width:19px}
@keyframes bounceDown{50%{transform:translateY(7px)}}
#splash.is-leaving { transition:transform 1s cubic-bezier(.2,.75,.2,1),opacity .85s ease; transform:translateY(-12%); opacity:0; pointer-events:none; }
#splash.is-hidden{display:none}
@media(max-width:640px){.lens-1{width:185px}.lens-2{width:225px}.splash-text h1{font-size:26px}.splash-logo img{height:38px}}