.scroll-stack-scroller{width:100%;position:relative}.scroll-stack-inner{flex-direction:column;align-items:center;width:100%;padding-top:10vh;padding-bottom:20vh;display:flex;position:relative}.scroll-stack-card{will-change:transform;width:90%;max-width:800px;height:300px;margin:0 auto;position:relative}@media (min-width:768px){.scroll-stack-card{height:400px}}
:root{--card-width:100%;--card-height:100%;--card-radius:20px;--ted-red:#eb0028;--bg-dark:#0a0a0a}.spotlight-wrapper{perspective:1000px;aspect-ratio:.75;width:100%;height:100%;position:relative}.spotlight-card{background-color:var(--bg-dark);border-radius:var(--card-radius);cursor:pointer;--mouse-x:50%;--mouse-y:50%;--spotlight-color:rgba(235,0,40,.15);border:1px solid rgba(255,255,255,.1);flex-direction:column;width:100%;height:100%;transition:transform .2s ease-out,box-shadow .2s ease-out;display:flex;position:relative;overflow:hidden}.spotlight-card:before{content:"";background:radial-gradient(800px circle at var(--mouse-x)var(--mouse-y),rgba(255,255,255,.06),transparent 40%);z-index:3;pointer-events:none;opacity:0;transition:opacity .5s;position:absolute;top:0;bottom:0;left:0;right:0}.spotlight-card:after{content:"";border-radius:var(--card-radius);background:radial-gradient(600px circle at var(--mouse-x)var(--mouse-y),var(--ted-red),transparent 40%);-webkit-mask-composite:xor;z-index:4;opacity:0;pointer-events:none;padding:1px;transition:opacity .5s;position:absolute;top:0;bottom:0;left:0;right:0;-webkit-mask-image:linear-gradient(#fff 0,#fff 0),linear-gradient(#fff 0,#fff 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.spotlight-card:hover:before,.spotlight-card:hover:after,.spotlight-card.active:before,.spotlight-card.active:after{opacity:1}.card-image-container{z-index:1;transition:all .6s cubic-bezier(.22,1,.36,1);position:absolute;top:0;bottom:0;left:0;right:0}.card-image{object-fit:cover;filter:grayscale()contrast(1.1)brightness(.9);width:100%;height:100%;transition:filter .5s,transform .7s}.spotlight-card:hover .card-image,.spotlight-card.active .card-image{filter:grayscale(0%)contrast()brightness();transform:scale(1.05)}.card-overlay{z-index:2;background:linear-gradient(transparent 40%,rgba(0,0,0,.8) 80%,rgba(0,0,0,.95) 100%);position:absolute;top:0;bottom:0;left:0;right:0}.card-noise{z-index:2;opacity:.07;pointer-events:none;mix-blend-mode:overlay;background-image:url(https://upload.wikimedia.org/wikipedia/commons/7/76/Noise.png);position:absolute;top:0;bottom:0;left:0;right:0}.card-content{z-index:10;width:100%;padding:1.5rem;transition:transform .4s cubic-bezier(.22,1,.36,1);position:absolute;bottom:0;left:0;transform:translateY(10px)}.spotlight-card:hover .card-content,.spotlight-card.active .card-content{transform:translateY(0)}.card-role{color:var(--ted-red);letter-spacing:.1em;text-transform:uppercase;text-shadow:0 2px 4px rgba(0,0,0,.5);margin-bottom:.25rem;font-size:.75rem;font-weight:800;display:block}.card-name{color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.8);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:.25rem;font-size:1.5rem;font-weight:900;line-height:1.1;display:-webkit-box;overflow:hidden}.card-handle{color:rgba(255,255,255,.6);font-size:.85rem;font-weight:500}.card-action{opacity:0;height:0;margin-top:1rem;transition:all .4s;overflow:hidden}.spotlight-card:hover .card-action,.spotlight-card.active .card-action{opacity:1;height:auto;margin-top:.75rem}.action-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:50px;align-items:center;gap:6px;padding:8px 16px;font-size:.75rem;font-weight:700;transition:all .2s;display:flex}.action-btn:hover{background:var(--ted-red);border-color:var(--ted-red);box-shadow:0 0 15px rgba(235,0,40,.4)}.card-watermark{z-index:5;opacity:.3;width:30px;height:30px;transition:opacity .3s;position:absolute;top:1rem;right:1rem}.spotlight-card:hover .card-watermark{opacity:1}@media (max-width:768px){.card-image{filter:grayscale(80%)contrast(1.1)}.spotlight-card.active .card-image{filter:grayscale(0%)}.card-content{padding:1.25rem;transform:translateY(0)}.card-name{font-size:1.25rem}.card-action{opacity:1;height:auto;margin-top:.5rem}}