/* Larger, layered coins bridge the red hero and the warm paper below. */
.sahabat-hub-hero { overflow:visible;isolation:isolate;z-index:1; }
.sahabat-hub-hero:after { display:none; }
.hub-hero-art.hub-coin-art {
  height:auto;aspect-ratio:1.28;max-width:760px;min-width:0;isolation:isolate;outline-offset:8px;
}
.hub-coin-stage {
  position:absolute;top:-65px;left:-80px;width:calc(100% + 160px);aspect-ratio:1;pointer-events:none;
}
.hub-coin-stage > .hub-coin-poster,
.hub-coin-stage > .hub-coin-canvas {
  position:absolute;inset:0;width:100%;height:100%;display:block;max-width:none;
  filter:drop-shadow(0 18px 15px #48151c38);pointer-events:none;
}
.hub-coin-stage > .hub-coin-poster { object-fit:contain;opacity:1;transition:opacity .45s; }
.hub-coin-stage > .hub-coin-canvas { opacity:0;transition:opacity .45s; }
.hub-coin-art.is-ready .hub-coin-poster { opacity:0; }
.hub-coin-art.is-ready .hub-coin-canvas { opacity:1; }
.sahabat-hub-hero + .hub-quickbar { position:relative;padding-top:20px; }
.sahabat-hub-hero + .hub-quickbar > :is(nav,.hub-balance) { position:relative;z-index:2; }
@media (max-width:1200px) {
  .hub-coin-stage { top:-40px;left:-60px;width:calc(100% + 120px); }
}
@media (max-width:850px) {
  .hub-hero-art.hub-coin-art { max-width:580px;aspect-ratio:1.14;margin-top:25px; }
  .hub-coin-stage { top:0;left:-32px;width:calc(100% + 64px); }
  .sahabat-hub-hero + .hub-quickbar { padding-top:18px; }
}
@media (max-width:560px) {
  .hub-hero-art.hub-coin-art { max-width:440px;margin-top:20px; }
  .hub-coin-stage { left:-24px;width:calc(100% + 48px); }
  .sahabat-hub-hero + .hub-quickbar { padding-top:16px; }
  .hub-coin-stage > .hub-coin-poster,.hub-coin-stage > .hub-coin-canvas { filter:drop-shadow(0 11px 10px #48151c33); }
}
@media (prefers-reduced-motion:reduce) {
  .hub-coin-stage > .hub-coin-poster,.hub-coin-stage > .hub-coin-canvas { transition:none; }
}