@keyframes pulseGlow{0%,to{opacity:.4;transform:scale(1)}50%{opacity:.75;transform:scale(1.05)}}@keyframes floatGentle{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes goldShimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.project-showcase-stage{position:relative;width:100%;border-radius:clamp(1rem,2.5vw,2rem);overflow:hidden;background:#08090b;border:1px solid hsla(35,37%,64%,.3);box-shadow:0 25px 80px -20px rgba(0,0,0,.95)}.project-showcase-stage .stage-viewport{position:relative;width:100%;height:clamp(320px,50vw,640px);overflow:hidden}.project-showcase-stage .stage-controls-bar{position:absolute;bottom:1.25rem;left:1.25rem;right:1.25rem;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:1rem}.project-showcase-stage .stage-controls-bar .thumbnail-ribbon{display:none}@media(min-width:768px){.project-showcase-stage .stage-controls-bar .thumbnail-ribbon{display:flex;align-items:center;gap:.5rem;padding:.375rem .5rem;border-radius:9999px;background:rgba(8,9,11,.75);backdrop-filter:blur(12px);border:1px solid hsla(0,0%,100%,.15)}}.project-showcase-stage .stage-controls-bar .thumbnail-ribbon .thumb-btn{width:3rem;height:2rem;border-radius:.375rem;overflow:hidden;border:1px solid transparent;cursor:pointer;opacity:.6;transition:all .2s ease}.project-showcase-stage .stage-controls-bar .thumbnail-ribbon .thumb-btn.active,.project-showcase-stage .stage-controls-bar .thumbnail-ribbon .thumb-btn:hover{opacity:1;border-color:#c5a880}