/* Final surface and attention details. No extra DOM, motion loop or image overlay. */
body[data-page="home"] {
  background-image: url('/assets/paper-grain.svg'), linear-gradient(rgba(251,247,240,.88),rgba(251,247,240,.88)), url('/assets/felt-paper.webp');
  background-size: 192px 192px, auto, 240px 240px;
}
body:is([data-page="practice"],[data-page="listen"]) {
  background-image: url('/assets/paper-grain.svg');
  background-size: 192px 192px;
}

/* Only actual sibling hover changes emphasis. Open curriculum and keyboard focus
   remain fully legible; hovering the inner curriculum never dims the outer grid. */
@supports selector(:has(*)) {
  @media (hover: hover) and (pointer: fine) {
    #lab.lab-bento .lab-card,
    .shift-pillars > section {
      transition: transform 240ms var(--ease), filter 150ms ease-out;
    }
    .selected-work .work-card {
      transition: box-shadow 240ms var(--ease), transform 240ms var(--ease), filter 150ms ease-out;
    }
    #lab.lab-bento .lab-volume { transition: filter 150ms ease-out; }
    #lab.lab-bento .lab-bento__grid:has(> .lab-card:hover):not(:has(:focus-visible)):not(:has(.lab-volumes:hover)) > .lab-card:not(:hover),
    .shift-pillars:has(> section:hover):not(:has(:focus-visible)) > section:not(:hover),
    .selected-work .selected-grid:has(> .work-card:hover):not(:has(:focus-visible)) > .work-card:not(:hover),
    #lab.lab-bento .lab-bento__grid:not(:has(:focus-visible)) .lab-volumes:has(> .lab-volume:hover) > .lab-volume:not(:hover):not(:has(details[open])) {
      filter: opacity(.94);
    }
  }
}
@media (prefers-reduced-motion: reduce) {
  #lab.lab-bento .lab-card, #lab.lab-bento .lab-volume,
  .shift-pillars > section, .selected-work .work-card { transition: none; }
}
@media (prefers-contrast: more), (forced-colors: active) {
  body[data-page] { background-image: none; }
  #lab.lab-bento .lab-card, #lab.lab-bento .lab-volume,
  .shift-pillars > section, .selected-work .work-card { filter: none !important; }
  .worlds::before, .contact-section::before { display: none; }
}
@media print {
  body[data-page] { background-image: none; }
  #lab.lab-bento .lab-card, #lab.lab-bento .lab-volume,
  .shift-pillars > section, .selected-work .work-card { filter: none !important; }
}