#brand-intro{position:fixed;inset:0;margin:0;width:100%;max-width:none;height:100dvh;max-height:none;border:0;border-radius:0;background:#03050b;color:#f4f0ff;padding:0;overflow:hidden;z-index:1000}
#brand-intro::backdrop{background:#03050b}.intro-universe{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.75;transform:scale(1.06)}.intro-shade{position:absolute;inset:0;background:linear-gradient(180deg,#0007,transparent 30%,#02030b55 62%,#02030bee)}.intro-topline,.intro-bottomline{position:absolute;left:5vw;right:5vw;display:flex;justify-content:space-between;gap:20px;align-items:center;color:#b5accc;font-size:12px;letter-spacing:2px;z-index:2}.intro-topline{top:34px}.intro-bottomline{bottom:32px;font-size:12px;letter-spacing:1px}.intro-skip{border:1px solid #ffffff40;border-radius:30px;padding:10px 17px;background:#0d0a1777;color:#e9e2fb;cursor:pointer;font:inherit;letter-spacing:.5px;backdrop-filter:blur(12px)}.intro-skip:focus-visible{outline:2px solid #d3c0ff;outline-offset:4px}.intro-scene{position:absolute;inset:0;display:grid;place-content:center;text-align:center;padding:25px;pointer-events:none}.intro-presents{opacity:0}.intro-presents strong{font-size:clamp(20px,3vw,38px);font-weight:450;letter-spacing:.28em}.intro-presents span{font-size:12px;letter-spacing:.4em;margin-top:18px;color:#c6b6dc}.intro-reveal{opacity:0}.intro-wordmark{font-size:clamp(92px,20vw,240px);font-weight:500;letter-spacing:-.09em;line-height:1;padding-right:.09em;text-shadow:0 0 70px #bbabef77}.intro-reveal p{font-size:12px;letter-spacing:.25em;margin:22px 0;color:#ded3ed;line-height:1.8}.intro-reveal .intro-bangla{font-family:'Hind Siliguri',sans-serif;font-size:26px;letter-spacing:0;margin:5px}.intro-origin{position:absolute;bottom:16%;left:20px;right:20px;text-align:center;font-size:clamp(15px,2vw,21px);line-height:1.7;color:#e2d9ef;opacity:0}.intro-origin span{color:#ab9fbe}.intro-progress{position:absolute;bottom:0;height:2px;background:linear-gradient(90deg,#899ff9,#ddcbff);left:0;width:0}.intro-playing .intro-universe{animation:cosmicApproach 6.8s cubic-bezier(.16,.72,.12,1) both}.intro-playing .intro-presents{animation:presentsReveal 6.8s both}.intro-playing .intro-reveal{animation:aaroReveal 6.8s both}.intro-playing .intro-origin{animation:originReveal 6.8s both}.intro-playing .intro-progress{animation:introProgress 6.8s linear both}.intro-out{animation:introExit .72s cubic-bezier(.22,.7,.2,1) both}
@keyframes cosmicApproach{0%{transform:scale(1.04);filter:brightness(.4)}30%{filter:brightness(.8)}85%{transform:scale(1.3);filter:brightness(.72)}100%{transform:scale(1.45);filter:brightness(.45)}}
@keyframes presentsReveal{0%,3%{opacity:0;transform:translateY(8px);filter:blur(4px)}10%,22%{opacity:1;transform:translateY(0);filter:blur(0)}32%,100%{opacity:0;transform:translateY(-12px);filter:blur(5px)}}
@keyframes aaroReveal{0%,25%{opacity:0;transform:scale(.92);filter:blur(10px)}42%,92%{opacity:1;transform:scale(1);filter:blur(0)}100%{opacity:0;transform:scale(1.07);filter:blur(4px)}}
@keyframes originReveal{0%,48%{opacity:0;transform:translateY(8px)}62%,94%{opacity:1;transform:translateY(0)}100%{opacity:0}}
@keyframes introProgress{to{width:100%}}@keyframes introExit{to{opacity:0;transform:scale(1.035)}}
@media(max-width:600px){.intro-topline,.intro-bottomline{left:22px;right:22px;letter-spacing:.8px}.intro-topline>span{max-width:170px;line-height:1.7}.intro-reveal p{max-width:280px;margin:20px auto;letter-spacing:1.4px}.intro-origin{bottom:18%;font-size:16px}.intro-bottomline>span:first-child{max-width:200px;line-height:1.7}.intro-universe{object-position:51% center}.intro-presents strong{letter-spacing:.15em;font-size:21px}}
@media(prefers-reduced-motion:reduce){#brand-intro .intro-universe,#brand-intro .intro-reveal,#brand-intro .intro-origin{animation:none;opacity:1;transform:none}#brand-intro .intro-presents{display:none}.intro-out{animation:none}}