/* Shared visual identity across desktop and mobile. */
@media screen and (max-width:1050px){
  .footer-bottom>span:last-child{display:flex}
  .footer-bottom>div{flex-wrap:wrap;row-gap:12px}
}
@media screen and (max-width:900px){
  .hero-edition{display:inline;margin-left:0}
  .hero-overline{flex-wrap:wrap;column-gap:14px;row-gap:8px}
  .art-meta>span:last-child{display:block}
  .hero-shade{background:linear-gradient(90deg,#03080dd9 0%,#070d12a8 42%,#09101826 75%),linear-gradient(0deg,#080d12e0,transparent 48%,#080e1380)}
}
@media screen and (max-width:700px){
  .next-rail>span:last-child{display:block;margin-left:0}
  .next-visual{height:auto;min-height:0;aspect-ratio:4/5;border-radius:180px 180px 5px 5px}
  .next-visual img{object-position:62% center}
}
@media screen and (max-width:600px){
  .section-rail{flex-wrap:wrap;gap:12px}
  .section-rail>span:last-child{display:block;text-align:left}
  .section-rail>span:first-child{flex-shrink:1}
  .filter-count{display:block;margin-top:16px}
  .hero-scroll{display:flex;gap:10px;font-size:12px}
  .hero-bottom{flex-wrap:wrap;row-gap:12px}
  .hero-media>img{object-position:center}
  .hero-orbit{bottom:160px}
  .header-cta,.step-tabs>button{font-size:14px}
  .hero-under p,.section-heading p,.field-helper,.included-note,
  .feature-option small,.finish-option small,.support-option small,
  .process-grid p,.faq-list p,.info-dialog p{font-size:14px}
  .sim-nav{flex-wrap:wrap;row-gap:14px}
  .sim-nav>span{margin-left:auto}
  .sim-nav .next-button{margin-left:auto}
  .footer-bottom>div{column-gap:18px;row-gap:12px}
  .footer-business{overflow-wrap:anywhere}
}