/* Motion only: original palette, section spacing and images are preserved. */
.bp-loader{position:fixed;inset:0;z-index:999999;display:grid;place-items:center;pointer-events:none;animation:bp-loader-failsafe 0s 4s forwards}
.bp-loader::before,.bp-loader::after{content:"";position:absolute;top:0;bottom:0;width:50.1%;background:#1c1d20;transition:width .8s cubic-bezier(.77,0,.175,1)}
.bp-loader::before{left:0}.bp-loader::after{right:0}
.bp-loader-letters{position:relative;z-index:1;color:#28e98c;font:800 clamp(30px,7vw,80px) Manrope,sans-serif;letter-spacing:.12em;transition:opacity .3s}
.bp-loader-letters span{display:inline-block;animation:bp-letter 1.6s calc(var(--i)*.1s) both}
.bp-loaded::before,.bp-loaded::after{width:0}.bp-loaded .bp-loader-letters{opacity:0}
@keyframes bp-letter{0%{opacity:0;transform:rotateY(-90deg)}40%,100%{opacity:1;transform:rotateY(0)}}
@keyframes bp-loader-failsafe{to{visibility:hidden}}
.basheer-theme .role-text:has(.bp-typed){position:relative;display:inline-grid;max-width:100%;white-space:normal}
.bp-type-size,.bp-typed{grid-area:1/1}.bp-type-size{visibility:hidden}.bp-typed{white-space:normal}
.bp-cursor-dot,.bp-cursor-ring{position:fixed;top:0;left:0;z-index:999998;pointer-events:none;opacity:0;will-change:transform;transition:opacity .2s}
.bp-cursor-dot::after{content:"";display:block;width:6px;height:6px;margin:-3px;background:#28e98c;border-radius:50%}
.bp-cursor-ring::after{content:"";display:block;width:30px;height:30px;margin:-15px;border:1px solid #28e98c;border-radius:50%;transition:width .3s,height .3s,margin .3s,background .3s}
.bp-cursor-visible{opacity:1}.bp-cursor-hover::after{width:64px;height:64px;margin:-32px;background:#28e98c30}
.basheer-theme .decor-one,.basheer-theme .decor-two{animation:bp-bob 3s ease-in-out infinite}
.basheer-theme .decor-two{animation-delay:-1.5s}
@keyframes bp-bob{50%{transform:translateY(14px)}}
.basheer-theme .marquee-track{animation-duration:25s}
.basheer-theme .service-arrow,.basheer-theme .project-open{transition:transform .4s,background-color .4s,color .4s}
.basheer-theme .service-row:is(:hover,:focus-visible) .service-arrow{background:var(--green);color:var(--ink);transform:rotate(45deg)}
.basheer-theme .project-card:is(:hover,:focus-within) .project-preview{border-color:var(--green)}
.basheer-theme .project-card:is(:hover,:focus-within) h3{color:#087742}
.basheer-theme .project-card:is(:hover,:focus-within) .project-open{background:var(--green);transform:rotate(45deg)}
.basheer-theme .project-preview:hover img{transform:none}
.basheer-theme .project-info h3{transition:color .4s}
.basheer-theme .theme-btn::before{transition:width .4s ease-out}
.basheer-theme.motion-paused .decor{animation-play-state:paused}
.basheer-theme [data-bp-motion="off"] .decor{animation:none}
@media(max-width:767px){.basheer-theme .decor{animation:none}.bp-cursor-dot,.bp-cursor-ring{display:none}}
@media(prefers-reduced-motion:reduce){.bp-loader,.bp-cursor-dot,.bp-cursor-ring{display:none!important}}