/* Homepage only: a flowing mobile collage. Desktop keeps the original wall. */
@media (max-width:1000px) {
  body.home-wall .ambient-background {background:#07111b url('assets/particles-poster.jpg') center/cover no-repeat}
  body.home-wall .ambient-background #background-video {display:none}
  .home-wall .universe {
    display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);
    align-items:center;gap:26px 22px;padding:28px 26px 32px;
    height:auto;min-height:0;max-height:none;overflow:hidden;
  }
  .home-wall .universe > :is(.wall-top,.wall-online,.wall-whisper,.name-cloud,.wall-object,.loose-note,.wall-bottom,.coordinate) {
    position:relative;inset:auto;margin:0;translate:none;max-width:none;
  }
  .home-wall .wall-top {grid-column:1/-1;grid-row:1;width:100%;grid-template-columns:1fr 1fr;gap:20px;font-size:10px;line-height:1.7}
  .home-wall .wall-top b {font-size:10px;margin-bottom:8px}
  .home-wall .wall-top > div:nth-child(3) {display:block;grid-column:1/-1;border-top:1px solid #bccce326;padding-top:12px}
  .home-wall .wall-top > div:nth-child(3) a {display:inline-block;margin-right:12px;font-size:9px}
  .home-wall .wall-online {grid-row:2;grid-column:1/-1;font-size:9px;justify-self:end}
  .home-wall .wall-whisper {grid-row:3;grid-column:1/-1;font-size:13px;transform:none;width:auto;color:#b2c1d7}
  .home-wall .name-cloud {grid-row:4;grid-column:1/-1;width:100%;padding-bottom:14px;transform:none}
  .home-wall .name-cloud h1,.home-wall .name-echo {font-size:clamp(55px,17vw,104px)}
  .home-wall .name-cloud h1 {padding-right:44px}
  .home-wall .name-star {position:absolute;right:49px;top:-8px;font-size:17px;animation:none}
  .home-wall #play.home-play {position:absolute;right:0;top:50%;width:44px;height:44px;margin:0;transform:translateY(-50%);font-size:15px}
  .home-wall .name-caption {font-size:10px;line-height:1.7;letter-spacing:.04em;margin-top:20px;max-width:100%}
  .home-wall .name-echo {opacity:.45;pointer-events:none}
  .home-wall .name-echo span {animation:none;transform:translate(calc(var(--i)*3px),calc(var(--i)*7px))}
  .home-wall .wall-object {width:100%;scale:1;touch-action:pan-y}
  .home-wall .guitar-object {grid-row:5;grid-column:1;transform:rotate(-10deg);align-self:center;padding:12px 4px}
  .home-wall .guitar-art {animation:none}
  .home-wall .owned-guitar {max-height:210px;object-fit:contain}
  .home-wall .object-caption {font-size:9px;line-height:1.6;margin-top:10px;letter-spacing:0}
  .home-wall .portrait-object {grid-row:5;grid-column:2;transform:rotate(5deg)}
  .home-wall .portrait-sheet {padding:5px 5px 20px}
  .home-wall .portrait-sheet img {width:100%;height:auto;aspect-ratio:3/4;object-fit:cover}
  .home-wall .photo-note {font-size:8px;bottom:5px;right:7px;white-space:nowrap}
  .home-wall .portrait-object .scribble {scale:1;font-size:12px;line-height:1.5;margin-top:11px;transform:none}
  .home-wall .project-object {grid-row:7;grid-column:1/-1;width:86%;max-width:360px;justify-self:center;transform:rotate(-4deg);margin:10px 0}
  .home-wall .project-sheet > img {display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
  .home-wall .royce-home-art {aspect-ratio:16/9}
  .home-wall .royce-home-art > strong {font-size:clamp(24px,7vw,38px)}
  .home-wall .project-strip {font-size:8px;line-height:1.5;padding:8px 2px 3px;gap:8px}
  .home-wall .note-one {grid-row:6;grid-column:1/-1;justify-self:start;font-size:13px;line-height:1.4;transform:rotate(-3deg)}
  .home-wall .note-two {display:block;grid-row:8;grid-column:1/-1;justify-self:end;font-size:12px;line-height:1.4;transform:rotate(3deg)}
  .home-wall .note-two i {font-size:17px}
  .home-wall .discord-object {grid-row:9;grid-column:1;width:100%;transform:none;gap:8px;align-self:center}
  .home-wall .discord-icon {width:70px}
  .home-wall .discord-click {font-size:11px;padding:8px}
  .home-wall .cross-object {grid-row:9;grid-column:2;width:100%;transform:rotate(4deg);gap:6px}
  .home-wall .cross-outline {font-size:64px;animation:none}
  .home-wall .cross-object > span:nth-child(2) {font-size:13px;line-height:1.3;margin-top:0}
  .home-wall .cross-object small {font-size:6px;line-height:1.5;text-align:center;margin-top:6px}
  .home-wall .coord-b {grid-row:10;grid-column:1/-1;justify-self:center;font-size:8px;color:#91a1b5}
  .home-wall .wall-bottom {grid-row:11;grid-column:1/-1;display:block;width:100%;padding-top:2px}
  .home-wall .wall-enter {display:block;text-align:center;min-height:44px;font-size:10px;padding:15px;margin:0}
  .home-wall :is(.coord-a,.ghost-note,.sound-doodle) {display:none}
  .home-wall .frame-corner {width:8px;height:14px}
  .home-wall .bl,.home-wall .br {bottom:14px}
  .home-wall .universe a:focus-visible,.home-wall #play:focus-visible {outline:2px solid #cedff1;outline-offset:5px}
}
