/* BIN SHEIKH intro v3 (2 second version) */
.bs-skip #bsIntro{display:none}
body.bs-lock{overflow:hidden}
#bsIntro{position:fixed;inset:0;z-index:2147483000;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 45%,#17120a 0%,#0a0a0a 58%,#050505 100%);transition:opacity .5s ease,visibility .5s;--g:#d9b66a}
#bsIntro.bs-done{opacity:0;visibility:hidden;pointer-events:none}
#bsIntro canvas{position:absolute;inset:0;width:100%;height:100%}
#bsIntro .bs-glow{position:absolute;left:50%;top:48%;width:110vmin;height:110vmin;margin:-55vmin 0 0 -55vmin;border-radius:50%;background:radial-gradient(circle,rgba(217,182,106,.2),transparent 62%);opacity:0;animation:bs-glow 1.2s ease .1s forwards}
#bsIntro .bs-wrap{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;transition:transform .7s cubic-bezier(.3,0,.2,1)}
#bsIntro.bs-done .bs-wrap{transform:scale(1.05)}
#bsIntro .bs-star{width:clamp(64px,17vw,96px);height:auto;overflow:visible;margin-bottom:clamp(6px,2vh,18px);filter:drop-shadow(0 0 6px rgba(217,182,106,.55))}
#bsIntro .bs-spin{transform-box:fill-box;transform-origin:center;transform:rotate(-45deg);animation:bs-rot .9s cubic-bezier(.3,.7,.2,1) .05s forwards}
#bsIntro .bs-st{fill:none;stroke:var(--g);stroke-width:.9;stroke-dasharray:1;stroke-dashoffset:1;animation:bs-draw .6s cubic-bezier(.5,0,.2,1) .05s forwards}
#bsIntro .bs-st.bs-c{stroke-width:.5;opacity:.7;animation-delay:.15s}
#bsIntro .bs-core{fill:var(--g);transform-box:fill-box;transform-origin:center;transform:scale(0);animation:bs-pop .4s cubic-bezier(.2,1.7,.4,1) .45s forwards}
#bsIntro .bs-ar{margin:0;padding:.1em .2em;font:700 clamp(58px,19vw,128px)/1.15 'Aref Ruqaa',Amiri,serif;clip-path:inset(100% 0 -30% 0);opacity:0;filter:blur(6px);transform:translateY(16px);animation:bs-reveal .6s cubic-bezier(.2,.7,.2,1) .2s forwards,bs-sheen .8s ease-in-out .85s forwards;background:linear-gradient(105deg,#8a5f1d 0%,#d9b66a 32%,#fff2c4 48%,#d9b66a 62%,#8a5f1d 100%) 100% 0/280% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
#bsIntro .bs-rule{position:relative;width:clamp(190px,62vw,440px);height:9px;margin:clamp(8px,2vh,18px) 0 clamp(14px,3vh,26px)}
#bsIntro .bs-rule::before{content:"";position:absolute;left:0;right:0;top:4px;height:1px;background:linear-gradient(90deg,transparent,var(--g) 18%,var(--g) 82%,transparent);transform:scaleX(0);animation:bs-line .5s cubic-bezier(.5,0,.2,1) .5s forwards}
#bsIntro .bs-rule i{position:absolute;left:50%;top:0;width:7px;height:7px;margin-left:-3.5px;background:#0a0a0a;border:1px solid var(--g);transform:rotate(45deg) scale(0);animation:bs-dia .4s cubic-bezier(.2,1.7,.4,1) .7s forwards}
#bsIntro .bs-en{font:500 clamp(18px,5.4vw,34px)/1 'Cormorant Garamond',Georgia,serif;color:var(--g);white-space:nowrap;display:flex;justify-content:center}
#bsIntro .bs-en span{display:inline-block;margin:0 .26em;opacity:0;transform:translateY(8px);filter:blur(4px);animation:bs-letter .45s cubic-bezier(.2,.7,.2,1) forwards;animation-delay:calc(.7s + var(--i)*.035s)}
#bsIntro .bs-en .bs-sp{width:.7em}
#bsIntro .bs-tag{margin-top:clamp(12px,2.4vh,22px);font:italic 300 clamp(13px,3.6vw,19px)/1 'Cormorant Garamond',Georgia,serif;letter-spacing:.22em;color:#9d8650;opacity:0;animation:bs-fadein .5s ease 1.1s forwards}
@keyframes bs-draw{to{stroke-dashoffset:0}}
@keyframes bs-rot{to{transform:rotate(0)}}
@keyframes bs-pop{to{transform:scale(1)}}
@keyframes bs-glow{to{opacity:1}}
@keyframes bs-reveal{to{clip-path:inset(-30% 0 -30% 0);opacity:1;filter:blur(0);transform:none}}
@keyframes bs-sheen{to{background-position:0 0}}
@keyframes bs-line{to{transform:scaleX(1)}}
@keyframes bs-dia{to{transform:rotate(45deg) scale(1)}}
@keyframes bs-letter{to{opacity:1;transform:none;filter:blur(0)}}
@keyframes bs-fadein{to{opacity:1}}
@media(prefers-reduced-motion:reduce){#bsIntro *{animation-duration:.01s!important;animation-delay:0s!important}}