@media (max-width:768px){
  .hero{min-height:auto;padding-top:104px;padding-bottom:30px;overflow:hidden}
  .hero-grid{grid-template-columns:minmax(0,1fr);gap:0;min-height:0;align-items:start}
  .hero-copy{min-width:0;width:100%}
  .hero h1{font-size:clamp(2.35rem,9vw,3.6rem);line-height:1.02}
  .hero-lead{max-width:100%;font-size:clamp(15px,4.1vw,18px);line-height:1.6}
  .hero-note{max-width:100%;margin-top:22px;margin-bottom:20px;font-size:clamp(10px,2.8vw,12px);line-height:1.45}
  .hero-visual{width:min(100%,430px);height:auto;min-height:0;aspect-ratio:620/520;margin:0 auto 80px;display:grid;place-items:center;overflow:visible}
  .hero-network{display:block;width:100%;max-width:100%;height:auto;margin:0 auto}
  .hero-visual::before{inset:-5% -10% -10% -8%!important;border-radius:50%!important;clip-path:none!important}
  .visual-grid{inset:15% 6%}
  .orbit-one{inset:5% 5%}
  .orbit-two{inset:19% 18%}
  .hero-network .network-label{font-size:12px;letter-spacing:2px}
  .hero-network .network-core-label{font-size:12px;letter-spacing:1.7px}
  .hero-visual .visual-caption{right:auto!important;left:50%!important;bottom:-50px!important;width:max-content!important;max-width:96%;font-size:clamp(8px,2.15vw,10px);letter-spacing:.12em;line-height:1.3;text-align:center;white-space:nowrap;transform:translateX(-50%)!important}
  .hero-bottom{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px 12px;width:100%;padding-top:22px;text-align:center;font-size:clamp(8px,2.35vw,10px);letter-spacing:.12em;line-height:1.35}
  .hero-bottom span:not(.hero-bottom-line){min-width:0;white-space:normal;overflow-wrap:anywhere}
  .hero-bottom-line{display:none}
}
@media (max-width:359px){
  .hero{padding-top:96px}
  .hero-visual{width:calc(100% - 18px);margin-bottom:74px}
  .hero-network .network-label{font-size:11px;letter-spacing:1.8px}
  .hero-network .network-core-label{font-size:11px}
  .hero-visual .visual-caption{bottom:-48px!important;letter-spacing:.08em}
  .hero-bottom{gap:8px 8px;font-size:8px;letter-spacing:.1em}
}