/* The logo supplies the ambient colors without cross-origin pixel sampling. */
.art-scene{background:#0b100f}
.art-backdrop{inset:-18%;width:136%;height:136%;object-fit:cover;filter:blur(48px) saturate(1.35);opacity:.63;transform:translate3d(-2%,-2%,0) scale(1.08);animation:ambient-drift 18s ease-in-out infinite alternate;will-change:auto}
.art-shade{background:radial-gradient(ellipse at 50% 30%,transparent 12%,#060b0935 58%,#060b0980 100%),linear-gradient(180deg,#0003 0%,transparent 22%,#0b100f25 45%,#0b100fe8 69%,#0b100f 88%)}
.coin-hero{top:34%;width:min(82%,46dvh);height:auto;max-height:none;aspect-ratio:1;border-radius:24%;overflow:visible;box-shadow:0 30px 70px -22px #000b,0 0 0 1px #ffffff16;animation:artwork-float 9s ease-in-out infinite;opacity:.55;transition:opacity .5s ease,filter .5s ease;filter:brightness(.82)}
.coin-hero img{border-radius:24%;object-fit:cover;box-shadow:inset 0 0 0 1px #ffffff12;transform:scale(.95);transition:opacity .4s ease,transform .65s cubic-bezier(.2,.7,.2,1)}
.coin-card.is-active .art-backdrop{will-change:transform}
.coin-card.is-active .coin-hero{opacity:1;filter:brightness(1)}
.coin-card.is-active .coin-hero img{transform:scale(1)}
.coin-card .card-info{opacity:.7;transform:translateY(10px);transition:opacity .4s ease,transform .55s cubic-bezier(.2,.7,.2,1)}
.coin-card.is-active .card-info{opacity:1;transform:translateY(0)}
.coin-card .video-surface{animation:none}
.coin-card:not(.is-active) .art-backdrop,.coin-card:not(.is-active) .coin-hero,.motion-paused .art-backdrop,.motion-paused .coin-hero{animation-play-state:paused}
.coin-hero.media-pending{box-shadow:none;filter:none}
@keyframes ambient-drift{from{transform:translate3d(-2%,-2%,0) scale(1.08) rotate(-3deg)}to{transform:translate3d(3%,2%,0) scale(1.16) rotate(4deg)}}
@keyframes artwork-float{0%,100%{transform:translate(-50%,-50%) translateY(0)}50%{transform:translate(-50%,-50%) translateY(-5px)}}
@media(min-width:601px) and (max-height:700px){.coin-hero{top:32%;width:min(80%,40dvh)}}
@media(max-width:600px){.card-top{top:74px;left:18px;right:auto}.coin-hero{top:35%;width:min(80vw,46dvh)}.art-backdrop{filter:blur(40px) saturate(1.3)}}
@media(max-width:600px) and (max-height:600px){.coin-hero{top:31%;width:min(70vw,37dvh)}}
@media(prefers-reduced-motion:reduce){.art-backdrop,.coin-hero{animation:none;will-change:auto}.coin-hero,.coin-hero img,.coin-card .card-info{transition:none}.coin-hero,.coin-card .card-info{opacity:1;filter:none}.coin-hero img{transform:none}.coin-card .card-info{transform:none}}