.creatorSpotlightCard{aspect-ratio:4/5;color:#fff;isolation:isolate;background:#111316;border:none;border-radius:6px;width:100%;text-decoration:none;display:block;position:relative;overflow:hidden;box-shadow:0 20px 42px #0c0e1229;container-type:inline-size}.creatorSpotlightCard__surface{background-position:50%;background-size:cover;transition:opacity .22s ease-out,transform .26s cubic-bezier(.22,1,.36,1);position:absolute;inset:0;overflow:hidden}.creatorSpotlightCard__surface--poster{flex-direction:column;justify-content:space-between;padding:clamp(10px,4.8cqw,18px);display:flex}.creatorSpotlightCard__posterOverlay,.creatorSpotlightCard__hoverOverlay{pointer-events:none;position:absolute;inset:0}.creatorSpotlightCard__posterMeta,.creatorSpotlightCard__posterWordmark,.creatorSpotlightCard__hoverContent{z-index:1;position:relative}.creatorSpotlightCard__posterMeta{justify-content:space-between;align-items:center;gap:clamp(6px,2.6cqw,12px);display:flex}.creatorSpotlightCard__badge,.creatorSpotlightCard__hoverHint{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);letter-spacing:.08em;text-transform:uppercase;background:#ffffff24;border:1px solid #ffffff38;border-radius:999px;align-items:center;min-height:clamp(22px,10cqw,32px);padding:0 clamp(8px,4cqw,12px);font-size:clamp(8px,3.2cqw,11px);font-weight:700;display:inline-flex}.creatorSpotlightCard__hoverHint{opacity:.84}.creatorSpotlightCard__artFallback{aspect-ratio:1/1.12;background:linear-gradient(135deg,#ffffff2e 0%,#ffffff08 100%);border:1px solid #ffffff1f;border-radius:clamp(12px,8cqw,26px);justify-content:center;align-self:center;align-items:center;width:min(72%,clamp(108px,56cqw,220px));display:flex;box-shadow:inset 0 1px #ffffff29,0 18px 40px #080a0e38}.creatorSpotlightCard__artFallback span{letter-spacing:.14em;text-transform:uppercase;background:#07090c57;border:1px solid #ffffff29;border-radius:999px;justify-content:center;align-items:center;min-height:clamp(26px,11cqw,38px);padding:0 clamp(10px,5cqw,16px);font-size:clamp(9px,3.8cqw,12px);font-weight:700;display:inline-flex}.creatorSpotlightCard__posterWordmark{justify-content:center;align-items:center;width:100%;min-height:clamp(36px,18cqw,72px);display:flex}.creatorSpotlightCard__posterWordmark span,.creatorSpotlightCard__hoverWordmark{letter-spacing:.04em;overflow-wrap:anywhere;word-break:break-word;text-align:center;max-width:100%;font-size:clamp(14px,7.6cqw,28px);font-weight:800;line-height:1;display:block}.creatorSpotlightCard__surface--hover{opacity:0;justify-content:center;align-items:center;display:flex;transform:translateY(10px)scale(.992)}.creatorSpotlightCard__hoverContent{text-align:center;box-sizing:border-box;flex-direction:column;justify-content:space-between;align-items:center;gap:clamp(10px,5.4cqw,18px);width:100%;min-height:100%;padding:clamp(16px,9cqw,28px) clamp(12px,7cqw,22px) clamp(14px,7cqw,24px);display:flex}.creatorSpotlightCard__copy{flex-direction:column;gap:clamp(6px,3.2cqw,10px);max-width:100%;display:flex}.creatorSpotlightCard__headline{color:#fff;margin:0;font-size:clamp(5px,6.8cqw,13px);font-weight:400}.creatorSpotlightCard__description{color:#ffffffd1;margin:0;font-size:clamp(10px,4.2cqw,14px);line-height:1.45}.creatorSpotlightCard .creatorSpotlightCard__headline{color:#fff}.creatorSpotlightCard .creatorSpotlightCard__description{color:#ffffffd1}.creatorSpotlightCard__branding{flex-direction:column;align-items:center;gap:clamp(6px,3cqw,10px);display:flex}.creatorSpotlightCard__logoImage,.creatorSpotlightCard__logoFallback{width:min(64%,clamp(80px,44cqw,140px));min-height:clamp(44px,22cqw,72px)}.creatorSpotlightCard__logoImage{object-fit:contain;filter:drop-shadow(0 12px 28px #0000002e)}.creatorSpotlightCard__logoFallback{background:#ffffff24;border:1px solid #ffffff2e;border-radius:clamp(8px,5.4cqw,14px);justify-content:center;align-items:center;display:flex;box-shadow:inset 0 1px #ffffff2e}.creatorSpotlightCard__logoFallback span{letter-spacing:.12em;text-transform:uppercase;font-size:clamp(16px,8cqw,28px);font-weight:800}.creatorSpotlightCard__cta{color:#111316;background:#fff;border-radius:999px;justify-content:center;align-items:center;min-width:clamp(92px,48cqw,148px);min-height:clamp(34px,15cqw,48px);padding:0 clamp(12px,6cqw,20px);font-size:clamp(11px,4.6cqw,14px);font-weight:700;display:inline-flex;box-shadow:clamp(2px,1.4cqw,4px) clamp(2px,1.4cqw,4px) #0a0c10f2}.creatorSpotlightCard--live .creatorSpotlightCard__surface--poster{justify-content:center}.creatorSpotlightCard--live .creatorSpotlightCard__posterWordmark{text-align:center;min-height:0;position:absolute;inset:0 clamp(10px,4.8cqw,16px)}.creatorSpotlightCard--emptyPoster .creatorSpotlightCard__surface--posterFallback{justify-content:center;align-items:center;gap:clamp(12px,6cqw,22px)}.creatorSpotlightCard--emptyPoster .creatorSpotlightCard__artFallback{z-index:1;margin-top:clamp(18px,8cqw,34px);position:relative}.creatorSpotlightCard--emptyPoster.creatorSpotlightCard--live .creatorSpotlightCard__posterWordmark{min-height:auto;padding:0 clamp(10px,5cqw,18px) clamp(16px,8cqw,26px);position:relative;inset:auto}.creatorSpotlightCard--emptyPoster .creatorSpotlightCard__posterWordmark span{line-height:1.08}.creatorSpotlightCard--posterPreview .creatorSpotlightCard__surface--poster{opacity:1;transform:none}.creatorSpotlightCard--posterPreview .creatorSpotlightCard__surface--hover{opacity:0;transform:translateY(10px)scale(.992)}.creatorSpotlightCard--hoverPreview .creatorSpotlightCard__surface--poster{opacity:0;transform:scale(1.016)}.creatorSpotlightCard--hoverPreview .creatorSpotlightCard__surface--hover{opacity:1;transform:translateY(0)scale(1)}@media (hover:hover){.creatorSpotlightCard:hover,.creatorSpotlightCard:focus-visible{transform:translateY(-3px)}.creatorSpotlightCard:hover .creatorSpotlightCard__surface--poster,.creatorSpotlightCard:focus-visible .creatorSpotlightCard__surface--poster{opacity:0;transform:scale(1.016)}.creatorSpotlightCard:hover .creatorSpotlightCard__surface--hover,.creatorSpotlightCard:focus-visible .creatorSpotlightCard__surface--hover{opacity:1;transform:translateY(0)scale(1)}}@media (hover:none){.creatorSpotlightCard__hoverHint{display:none}}
