/* numbers */
.numbers{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--fog);border-bottom:1px solid var(--fog);background:var(--paper)}
.numbers>div{padding:clamp(40px,7vh,80px) 2vw;text-align:center;border-left:1px solid var(--fog)}
.numbers>div:first-child{border-left:none}
.numbers .n{font-weight:300;font-size:clamp(2.6rem,6vw,5.2rem);line-height:1;letter-spacing:-.05em}
.numbers .n b{font-weight:600;color:var(--accent)}
.numbers small{display:block;margin-top:.9rem;font-size:.8rem;color:var(--fog-dark);letter-spacing:.06em;text-transform:uppercase}
@media(max-width:880px){.numbers{grid-template-columns:repeat(2,1fr)}.numbers>div{border:none;border-top:1px solid var(--fog)}
  .scroll-hint{display:none}
  .hero-suns{width:clamp(150px,44vw,220px);top:9vh;right:5vw}
  .hero-cards{display:flex;position:static;margin:1.8rem 0 0}
  .hero-cards figure{width:clamp(62px,18vw,88px);border-radius:8px}
  .j-tokyo{left:10%;top:14%;transform:none}
  .j-riyadh{right:13%;bottom:8%;transform:none}
  .j-mid .km{font-size:1.3rem}
  .j-mid small{font-size:.58rem;letter-spacing:.18em}
  .jpoint h4{font-size:.95rem}.jpoint small{font-size:.68rem}.jpoint .coords{font-size:.6rem}
  .world .tag{margin-bottom:1.4rem}
  .hero-intro{padding-bottom:8vh}
  .w-detsu .l1{width:86%;height:58%;right:-4%}
  .w-detsu .l2{width:54%;height:36%}
  .w-detsu .p1{width:26%}.w-detsu .p2{width:24%}
  .w-tora .l1{width:72%;height:66%}
  .w-tora .l2{width:56%;height:44%;right:-2%}
  .w-mizab .l1{width:70%;height:62%}
  .w-mizab .l2{width:52%;height:42%}
  .w-detsu .date-rain img{max-width:54px}
  .giant-track span{font-size:clamp(3.4rem,17vw,5rem)}}