/* NICO HUA / Future surface: Motion refinement 2026-11-08. Home-only, no audio or scroll ownership. */
html:root .score-shell[data-page="home"] .intro-scene[data-nh-detail] {
  --depth-bg-x:0px!important; --depth-bg-y:0px!important;
  --depth-fg-x:0px!important; --depth-fg-y:0px!important;
}
html:root .score-shell[data-page="home"] .intro-scene[data-nh-detail] :is(.intro-copy,.intro-side-note) {
  transform:none!important; opacity:1!important;
}
html:root .score-shell[data-page="home"] .intro-scene[data-nh-detail] :is(.intro-title-vectors img,.hero-name-svg-line,.hero-name-svg-line img) {
  transform:none!important; animation:none!important; opacity:1!important; will-change:auto!important;
}
/* Static tonal adjustment, preserving the existing image filter and every vector. */
html:root .score-shell[data-page="home"] .intro-scene[data-nh-detail] .intro-bg img[data-nh-matte] {
  filter:var(--nh-existing-filter) saturate(.96) contrast(.985)!important;
}
html:root .score-shell[data-page="home"] .intro-scene[data-nh-detail] .nh-floor-speaker[data-nh-anchored] {
  left:var(--nh-speaker-left)!important; top:var(--nh-speaker-top)!important;
  right:auto!important; bottom:auto!important;
  width:var(--nh-speaker-width)!important; height:var(--nh-speaker-height)!important;
  transform:none!important;
}
html:root .score-shell[data-page="home"] .intro-nico[data-nh-detail] .nh-floor-fog {
  transform:none!important;
}
html:root .score-shell[data-page="home"] .intro-nico[data-nh-detail] .nh-fog-world[data-nh-anchored] {
  transform:var(--nh-fog-transform)!important;
}
html:root .score-shell[data-page="home"] .intro-nico[data-nh-detail] .nh-ground-mist i:nth-child(2) {
  animation-direction:normal;
}
html:root .score-shell[data-page="home"] .intro-nico[data-nh-detail] .nh-ground-mist-back {
  left:1100px; top:894px; width:640px; height:90px; opacity:.48;
}
html:root .score-shell[data-page="home"] .intro-nico[data-nh-detail] .nh-ground-mist-front {
  left:1080px; top:946px; width:650px; height:112px; opacity:.66;
}
html:root .score-shell[data-page="home"] .intro-nico[data-nh-detail] .nh-ground-mist-contact:nth-child(n+5) { opacity:1; }
@media(max-width:900px) {
 html:root .score-shell[data-page="home"] .intro-nico[data-nh-detail] .nh-ground-mist-back {left:1050px;top:902px;width:740px;height:74px;opacity:.28}
 html:root .score-shell[data-page="home"] .intro-nico[data-nh-detail] .nh-ground-mist-front {left:1000px;top:970px;width:790px;height:100px;opacity:.46}
}
.nh-motion-depth {position:absolute;inset:0;pointer-events:none;z-index:6;overflow:hidden;}
html:root .score-shell[data-page="home"] .intro-motion[data-nh-depth] > .intro-stage > .intro-filmstrip {visibility:hidden!important}
html:root .score-shell[data-page="home"] .intro-motion .nh-motion-depth .intro-filmstrip {
  visibility:visible!important; animation:none!important; transition:none!important;
  translate:var(--nh-film-entry,0px 0)!important; transform:rotate(var(--nh-film-angle,-4deg))!important;
  opacity:.68!important; will-change:auto!important; top:var(--nh-film-top,43.5vh)!important;
}
/* Desktop: preserve the photographic occlusion, soften only the moving strip's left edge. */
@media(min-width:901px) {
 html:root .score-shell[data-page="home"] .intro-motion .nh-motion-depth .intro-filmstrip {
  translate:12px 12px!important;
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.06) 5%,rgba(0,0,0,.25) 12%,rgba(0,0,0,.65) 22%,#000 36%);
  mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.06) 5%,rgba(0,0,0,.25) 12%,rgba(0,0,0,.65) 22%,#000 36%);
 }
}
/* Narrow layouts: an uncut, edge-to-edge strip beneath the existing title. */
@media(max-width:900px) {
 html:root .score-shell[data-page="home"] .intro-motion .nh-motion-depth .intro-filmstrip {
  left:0!important;right:0!important;width:100%!important;
  height:clamp(112px,18svh,180px)!important;
  margin-inline:0!important;padding-inline:0!important;border-inline:0!important;
  translate:none!important;transform:none!important;opacity:.4!important;
  -webkit-mask-image:none;mask-image:none;
 }
}
.nh-sound-trace {position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none;overflow:hidden}
.nh-sound-trace path {fill:none;stroke:#e5e2d4;stroke-width:.65;stroke-linecap:round;vector-effect:non-scaling-stroke}
.nh-sound-trace g[data-light] {opacity:.1;animation:nh-detail-light 8s ease-in-out infinite;animation-play-state:paused}
.nh-sound-trace g[data-light="1"] {animation-delay:-2.7s}
.nh-sound-trace g[data-light="2"] {animation-delay:-5.4s}
.intro-scene[data-nh-running="true"] .nh-sound-trace g[data-light] {animation-play-state:running}
@keyframes nh-detail-light {0%,100%{opacity:.055}50%{opacity:.3}}
@media(prefers-reduced-motion:reduce) {
 .nh-sound-trace g[data-light] {animation:none!important;opacity:.1}
}

/* Requested phone-only position adjustment; all other values stay unchanged. */
@media(max-width:700px) {
 html:root .score-shell[data-page="home"] .intro-motion .nh-motion-depth .intro-filmstrip {
  top:calc(var(--nh-film-top,43.5vh) - 20px)!important;
 }
}