html,body{margin:0;background:#f2efe8;min-height:100%;font-family:Arial,sans-serif}
.stage{width:100%;display:flex;justify-content:center;overflow-x:auto}
.artboard{position:relative;width:min(100vw,1778px);aspect-ratio:1778/884;flex:0 0 auto}
.design{display:block;width:100%;height:100%;object-fit:contain}
.hotspot{position:absolute;display:block;background:transparent}
.nav-about{left:36.5%;top:1.5%;width:4.4%;height:4.5%}
.nav-explore{left:41.0%;top:1.5%;width:4.8%;height:4.5%}
.nav-creators{left:45.8%;top:1.5%;width:5.2%;height:4.5%}
.nav-ai{left:50.8%;top:1.5%;width:5.0%;height:4.5%}
.nav-auction{left:56.0%;top:1.5%;width:6.2%;height:4.5%}
.cta-join{left:7.3%;top:54.4%;width:16.0%;height:6.4%;border-radius:12px}
.request{left:74.0%;top:46.3%;width:17.5%;height:6.2%;border-radius:12px}
.card1{left:5.1%;top:67.8%;width:22.0%;height:29.5%;border-radius:14px}
.card2{left:28.0%;top:67.8%;width:22.0%;height:29.5%;border-radius:14px}
.card3{left:50.8%;top:67.8%;width:22.0%;height:29.5%;border-radius:14px}
.card4{left:73.0%;top:67.8%;width:22.0%;height:29.5%;border-radius:14px}
@media(max-width:900px){
  .artboard{width:1778px;max-width:none}
}