.hero{grid-template-columns:42% 58%}.collector-stage{position:relative;margin:0 -24px 0 0;min-width:0;isolation:isolate}.collector-scene{height:480px;position:relative;perspective:1100px;overflow:hidden;border-radius:22px;background:radial-gradient(ellipse at 65% 70%,#e8483a20,transparent 65%)}.collector-scene:after{content:'';position:absolute;bottom:28px;left:15%;width:75%;height:55px;border-radius:50%;background:#e8483a30;filter:blur(25px);pointer-events:none}.collector-backdrop{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:.95}.collector-card{position:absolute;z-index:3;left:9%;top:19%;width:30%;padding:0;border:1px solid #ffffff75;border-radius:10px;background:#111;cursor:pointer;transform:rotate(-9deg) rotateY(-12deg);box-shadow:0 25px 50px #0009,0 0 24px #e8483a28;overflow:hidden;transition:transform .35s ease,box-shadow .35s}.collector-card img{width:100%;height:auto}.collector-card:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 15%,#89f7ff36 32%,#ffcfeb50 41%,#fff9b14a 48%,transparent 64%);background-size:240% 240%;background-position:var(--shine,80%) 50%;mix-blend-mode:screen;opacity:.55}.collector-card:hover,.collector-card:focus-visible{box-shadow:0 30px 65px #000a,0 0 28px #ff796b55}.collector-stage .motion-button{position:static;white-space:nowrap}.collector-caption{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#aaa9b1;font-size:.65rem;padding:5px 10px 13px}.collector-tabs{display:flex;border:1px solid #ffffff21;background:#111115;border-radius:40px;padding:5px;margin:0 10px}.collector-tabs button{flex:1;border:0;background:transparent;color:#aaa9b1;border-radius:30px;min-height:42px;cursor:pointer;font-size:.8rem}.collector-tabs button[aria-selected=true]{color:#fff;background:linear-gradient(135deg,#e8483a,#9d2925);box-shadow:inset 0 1px 0 #ffffff45,0 3px 20px #e8483a20}.collector-info{margin:18px 12px 12px;min-height:54px}.collector-info strong{display:block;font-family:'Space Grotesk',sans-serif;font-size:1rem;font-weight:500}.collector-info p{font-size:.76rem;line-height:1.6;color:#aaa9b1;margin-top:5px}.collector-picks{display:flex;gap:10px;padding:0 10px}.collector-picks button{flex:1;display:flex;align-items:center;gap:10px;min-width:0;min-height:70px;text-align:left;background:#121216;border:1px solid #ffffff18;border-radius:10px;padding:8px;color:#c3c1ca;font-size:.68rem;cursor:pointer}.collector-picks button[aria-pressed=true]{border-color:#e8483a;background:#e8483a10;color:#fff}.collector-picks img{width:35px;border-radius:3px}.collector-scene[data-mode=scan] .collector-card{left:8%;top:25%;width:25%}.collector-scene[data-mode=compete] .collector-card{left:6%;top:25%;width:24%}.collector-hint{font-size:.62rem;color:#8d8995;margin:12px 12px 0}.motion-enabled .collector-card{animation:card-breathe 6s ease-in-out infinite}.motion-enabled .collector-card:hover,.motion-enabled .collector-card:focus-visible{animation-play-state:paused}.motion-enabled .collector-card:after{animation:foil-pass 7s ease-in-out infinite}@keyframes card-breathe{0%,100%{translate:0 0}50%{translate:0 -9px}}@keyframes foil-pass{0%,100%{background-position:90% 50%}50%{background-position:10% 50%}}@media(max-width:1100px){.collector-scene{height:390px}.collector-picks button{gap:6px;font-size:.61rem}.collector-picks img{width:29px}}@media(max-width:760px){.hero{grid-template-columns:1fr}.collector-stage{margin:30px 0 25px}.collector-scene{height:auto;aspect-ratio:1.2}.collector-tabs{margin-inline:0}.collector-picks{padding:0}.collector-picks button{font-size:.65rem}.collector-caption{padding-inline:0}.collector-info{margin-inline:0}.collector-hint{margin-inline:0}.collector-card{border-radius:7px}}@media(prefers-reduced-motion:reduce){.collector-card,.collector-card:after{animation:none!important;transition:none!important}}
.collector-backdrop{mask-image:radial-gradient(ellipse 65% 64% at 50% 50%,#000 58%,transparent 100%)}.collector-scene{height:380px}.collector-card{top:17%;left:12%;width:28%}.hero{padding-top:35px}.collector-stage{padding-bottom:5px}@media(max-width:760px){.collector-scene{height:auto}.hero{padding-top:47px}.collector-card{width:30%;left:10%}}
.collector-film{object-fit:contain;mask-image:radial-gradient(ellipse 65% 64% at 50% 50%,#000 58%,transparent 100%)}
