/* =====================================================================
   RESPONSIVE
   ===================================================================== */
@media (max-width:1080px){
  .hero h1,.battle h2{font-size:54px}
  .section-title{font-size:40px}
}
@media (max-width:860px){
  .hero .container{flex-direction:column;justify-content:center;text-align:center;min-height:auto;padding-top:48px;padding-bottom:48px}
  .hero-copy{max-width:none;order:1}
  .hero-sub{margin-left:auto;margin-right:auto}
  .hero-art{position:static;transform:none;right:auto;top:auto;width:min(70%,320px);margin:28px auto 0}
  .hero-grid{display:none}
  .features{grid-template-columns:1fr;gap:56px}
  .stakes-cards{grid-template-columns:1fr;max-width:420px;margin-left:auto;margin-right:auto}
  .battle-head{flex-direction:column;text-align:center}
  .battle-art{max-width:60%;margin:0 auto}
  .steps{justify-content:center}
  .battle-cta{justify-content:center}
  .nft-card:nth-child(odd),.nft-card:nth-child(even){margin-top:0}
}
@media (max-width:560px){
  .hero h1,.battle h2{font-size:42px;letter-spacing:-1px}
  .section-title{font-size:32px}
  .nav-links{gap:18px;font-size:14px}
  .logo{font-size:20px}
  section.block{padding:64px 0}
  .step .arrow{display:none}
}