/* Local portfolio presentation variant; copied concept only. */
.portfolio-lock{background:linear-gradient(180deg,rgba(10,14,16,.52),rgba(10,14,16,.40) 48%,rgba(10,14,16,.58)),url("clouds-lock.jpg") center/cover!important}
.portfolio-lock [class*="bg-white/"]{backdrop-filter:blur(10px);background-color:rgba(10,23,21,.40)}
.portfolio-connect{background:#f0f1ec!important;color:#243c36}
.portfolio-connect .connect-ink-95,.portfolio-connect .connect-ink-90{color:#233c36!important}
.portfolio-connect .connect-ink-60{color:#49655c!important}
.portfolio-connect .connect-ink-50{color:#536c64!important}
.portfolio-connect .connect-ink-30{color:#697c72!important}
.portfolio-connect [class*="bg-white/"]{background-color:rgba(41,70,59,.075)}
.portfolio-connect [class*="border-white/"]{border-color:rgba(41,70,59,.16)}
.portfolio-connect [class*="ring-[#0a0a0a]"]{--tw-ring-color:#f0f1ec}
.portfolio-connect button[style]{background-color:#dfe6dc!important;border-color:#bbcabe!important}
.portfolio-connect [class*="text-white/"]{color:#536c64!important}

.portfolio-lock [class*="text-white/50"]{color:rgba(255,255,255,.9)!important}.portfolio-lock [class*="text-white/30"]{color:rgba(255,255,255,.9)!important}
.portfolio-connect > .absolute.top-0{color:#243c36!important}

.portfolio-lock .uppercase{color:rgba(255,255,255,.92)!important}.portfolio-lock svg{color:rgba(255,255,255,.9)!important}
/* Exact user-selected clouds across all current concept routes (not Argos2028). */
#root [class~="relative"][class~="w-full"][class~="h-full"][class~="overflow-hidden"]{background:linear-gradient(180deg,rgba(10,14,16,.57),rgba(10,14,16,.48) 48%,rgba(10,14,16,.68)),url("clouds-lock.jpg") center/cover!important}
#root .portfolio-lock{background:linear-gradient(180deg,rgba(10,14,16,.52),rgba(10,14,16,.40) 48%,rgba(10,14,16,.58)),url("clouds-lock.jpg") center/cover!important}
#root [class~="relative"][class~="w-full"][class~="h-full"][class~="overflow-hidden"].portfolio-connect{background:linear-gradient(rgba(253,253,249,.94),rgba(253,253,249,.94)),url("clouds-lock.jpg") center/cover!important}
#root .portfolio-connect [class*="bg-white/"]{background-color:rgba(248,250,242,.78);backdrop-filter:blur(9px)}
#root .portfolio-ask{background:linear-gradient(rgba(244,244,236,.78),rgba(244,244,236,.78)),url("clouds-lock.jpg") center/cover!important}
#root [class~="relative"][class~="w-full"][class~="h-full"][class~="overflow-hidden"] [class*="bg-white/"]{backdrop-filter:blur(9px)}

/* Small labels on dark cloud routes. */
#root [class~="relative"][class~="w-full"][class~="h-full"][class~="overflow-hidden"]:not(.portfolio-connect) [class*="text-white/"]{color:rgba(255,255,255,.88)!important}

/* Oct 8: Connect rows enter on the compositor. Embedded in the portfolio, the iframe shares a main
   thread with the busy parent page, so the JS fade could stall rows half-visible on a MacBook Air.
   The outer motion row is pinned to its final state; the card fades in with CSS instead. */
#root .portfolio-connect .overflow-y-auto > .py-2{opacity:1!important;transform:none!important}
#root .portfolio-connect .overflow-y-auto > .py-2 > div{animation:argos-row-in .26s cubic-bezier(.2,.7,.2,1) both;backdrop-filter:none!important}
#root .portfolio-connect .overflow-y-auto > .py-2:nth-child(2) > div{animation-delay:.03s}
#root .portfolio-connect .overflow-y-auto > .py-2:nth-child(3) > div{animation-delay:.06s}
#root .portfolio-connect .overflow-y-auto > .py-2:nth-child(4) > div{animation-delay:.09s}
#root .portfolio-connect .overflow-y-auto > .py-2:nth-child(5) > div{animation-delay:.12s}
#root .portfolio-connect .overflow-y-auto > .py-2:nth-child(6) > div{animation-delay:.15s}
#root .portfolio-connect .overflow-y-auto > .py-2:nth-child(n+7) > div{animation-delay:.18s}
@keyframes argos-row-in{from{opacity:0;transform:translateY(10px)}}