@media (max-width:700px) {
 :root {
  --pad:18px;
  --mobile-header:calc(80px + env(safe-area-inset-top, 0px));
  --mobile-nav:calc(66px + env(safe-area-inset-bottom, 0px));
 }
 .site-header{height:var(--mobile-header);padding:calc(16px + env(safe-area-inset-top, 0px)) 18px 16px;align-items:center}
 .header-actions{gap:8px}
 .motion-toggle{display:grid;place-items:center;min-width:44px;min-height:44px;padding:8px}
 .chaos-toggle{min-height:44px;padding:9px 11px}
 .space-view,.index-view,.about-view,.archive .index-view,.archive .about-view{height:calc(100svh - var(--mobile-header) - var(--mobile-nav))}
 .space-view{min-height:0}
 .view-topline{font-size:7px;line-height:1.4;gap:12px}
 .topline-right{max-width:124px}
 .hero-type{font-size:27.5vw;top:48px;left:13px}
 .stage{top:18%;height:calc(82% - 208px)}
 .orbit-stamp{top:8%;width:64px;height:64px}
 .orbit-stamp>span{font-size:32px}
 .gallery-bottom{left:18px;right:18px;bottom:128px;gap:12px}
 .current-info{max-width:calc(100% - 108px);padding:0}
 .current-info h2,[data-scene=collage] .current-info h2{font-size:clamp(21px,6.4vw,28px);line-height:1.08;margin:7px 0}
 .eyebrow{font-size:8px}
 .text-link{font-size:7px;min-height:28px;align-items:center}
 .gallery-tools{gap:8px}
 .counter{font-size:8px}
 .arrows{gap:6px}
 .arrows button{width:44px;height:44px;font-size:21px}
 .gallery-floor{left:18px;right:18px;bottom:10px;padding-top:8px;row-gap:4px}
 .gallery-floor .filters{display:grid;grid-template-columns:repeat(4,1fr);gap:0}
 .gallery-floor .filters button{min-height:40px;padding:6px 8px;text-align:left}
 .gallery-floor .filters button[aria-pressed=true]::before{left:0;top:50%;transform:translateY(-50%)}
 .layout-switch button{min-height:44px;font-size:8px;padding:9px}
 .bottom-nav{height:var(--mobile-nav);padding:4px 0 calc(6px + env(safe-area-inset-bottom, 0px))}
 .bottom-nav a{padding:11px 10px;min-width:0}
 [data-scene=collage] .stage{top:7%;height:calc(93% - 218px)}
 .collage-reset{font-size:7px;min-height:40px;max-width:108px;line-height:1.4;padding:7px 9px}
 .lightbox{padding-bottom:calc(15px + env(safe-area-inset-bottom, 0px))}
 .about-layout{margin-top:28px}
 .about-left h1{font-size:17.5vw;line-height:.93}
 .about-sticker{display:none}
 .about-right{padding-top:28px}
 .about-image{float:none;width:72%;max-width:280px;margin:0 auto 28px}
}