.csa-thumb{position:relative;width:100%;height:100%;min-height:280px;overflow:hidden;flex-shrink:0;container-type:inline-size;border-radius:10px}.csa-thumb-bg-stack{position:absolute;inset:0;overflow:hidden}.csa-thumb-bg{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;display:block}.csa-thumb-bg--base{z-index:0}.csa-thumb-bg--incoming{z-index:1;animation:csa-bg-slide-up .9s cubic-bezier(.22,1,.36,1) forwards}@keyframes csa-bg-slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.csa-thumb-logo-wrap{position:absolute;left:50%;top:50%;z-index:2;transform:translate(-50%,-50%);width:calc(126 / 360 * 100cqi);filter:drop-shadow(0 4px 20px rgba(0,0,0,.35))}.csa-thumb-logo{display:block;width:100%;height:auto;pointer-events:none}.csa-thumb-logo-shine{position:absolute;inset:0;clip-path:inset(60% 25% 30% 25%);-webkit-mask-image:url(/images/projects/csa.png);mask-image:url(/images/projects/csa.png);-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;background:linear-gradient(105deg,transparent 44%,hsla(0,0%,100%,.18) 48%,hsla(0,0%,100%,.62) 50%,hsla(0,0%,100%,.18) 52%,transparent 56%);transform:translateX(-120%) skewX(-18deg);animation:csa-logo-shine 3.2s ease-in-out infinite;pointer-events:none}@keyframes csa-logo-shine{0%,72%{transform:translateX(-120%) skewX(-18deg)}to{transform:translateX(120%) skewX(-18deg)}}.csa-nda-caption{position:absolute;inset:0;z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.35rem;padding:1.5rem;text-align:center;background:rgba(0,0,0,.58);color:#fff;opacity:0;transition:opacity .22s ease;pointer-events:none}.csa-nda-caption-title{margin:0;font-family:boring_reg,Georgia,serif;font-size:clamp(1.35rem,calc(32 / 360 * 100cqi),2rem);letter-spacing:.04em;line-height:1.2;color:#fff;text-transform:uppercase}.csa-nda-caption-note{margin:0;font-family:Arial,sans-serif;font-size:clamp(.78rem,calc(14 / 360 * 100cqi),.92rem);letter-spacing:.06em;text-transform:uppercase;color:hsla(0,0%,100%,.72);line-height:1.4}.csa-thumb--revealed .csa-nda-caption,.portfolio-card--nda-open .csa-nda-caption,.portfolio-card--nda:active .csa-nda-caption,.portfolio-card--nda:focus-within .csa-nda-caption,.portfolio-card--nda:hover .csa-nda-caption{opacity:1}@media (prefers-reduced-motion:reduce){.csa-thumb-bg--incoming{animation:none}.csa-thumb-logo-shine{animation:none;display:none}}