/* The wipe's transparent pixels must reveal the portfolio beneath the iframe.
   The scene shader supplies its own opaque paper once the wipe reaches it. */
/* Match the iframe scheme so Safari keeps its canvas transparent in dark themes. */
html[data-house-embedded="true"] { color-scheme: only light; }
html[data-house-embedded="true"],
html[data-house-embedded="true"] body { background: transparent; }

html[data-house-preview="true"] #stage > :not(#zud-canvas),
html[data-house-preview="true"] .house-loader,
html[data-house-preview="true"] #music-panel { display: none !important; }
html[data-house-preview="true"] #zud-canvas { pointer-events: none; }
html[data-house-preview="true"] #app { opacity: 1; translate: none; transition: none; }

/* The expanded experiment is immersive; the parent supplies the exit control. */
html[data-house-embedded="true"] .site-nav { display: none !important; }

html[data-house-embedded="true"] .embedded-sound-toggle {
  position: fixed; top: 24px; right: 104px; z-index: 60;
  display: grid; place-items: center; width: 20px; height: 20px;
  border: 0; border-radius: 0; padding: 12px; box-sizing: content-box;
  background: var(--portfolio-soft, #f2f3f4); color: var(--portfolio-caption, #64676b); pointer-events: auto;
  box-shadow: none;
  transition: color 150ms ease, background-color 150ms ease;
}
html[data-house-embedded="true"] .embedded-sound-toggle svg { width: 20px; height: 20px; stroke-width: 1.5; }
html[data-house-embedded="true"] .embedded-sound-toggle[aria-pressed="true"] { color: var(--portfolio-ink, #141414); }
html[data-house-embedded="true"] .embedded-sound-toggle:hover { background: var(--portfolio-steel, #e7eaed); color: var(--portfolio-ink, #141414); }
html[data-house-embedded="true"] .embedded-sound-toggle:focus-visible { outline: 2px solid currentColor; outline-offset: 3px; }
@media (prefers-reduced-motion: reduce) {
  html[data-house-embedded="true"] .embedded-sound-toggle { transition: none; }
}
@media (max-width: 600px) {
  html[data-house-embedded="true"] .embedded-sound-toggle { top: 16px; right: 96px; }
}