/* The transparent canvas crosses in front of windows; navigation remains above it. */
body { isolation: isolate; }
.sculpture-scene { position: absolute; top: 0; left: 0; width: 100%; z-index: var(--sculpture-layer); pointer-events: none; }
.hero-art, .hero-art .core { background: transparent; box-shadow: none; }
.hero-art .core { position: relative; overflow: visible; }
/* Captures use a square 1.4 times the measured hero height, including its 12px framing margin. */
.hero-still { position: absolute; inset: calc(-1 * var(--s6)) 0; overflow: clip; pointer-events: none; }
.hero-still img { position: absolute; top: 50%; left: 50%; height: calc((100% - var(--s6)) * 1.4); width: auto; max-width: none;
  transform: translate(-50%, -50%); }
.hero-night { display: none; }
[data-theme="dark"] .hero-day { display: none; }
[data-theme="dark"] .hero-night { display: block; }
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) .hero-day { display: none; }
  :root:not([data-theme="light"]) .hero-night { display: block; }
}
@media (max-width: 767px) {
  .hero-still { inset-block: calc(-1 * var(--s3)); }
  .hero-still img { height: calc((100% - var(--s3)) * 1.4); }
}
.sculpture-ready .hero-still { visibility: hidden; }
.sculpture-ready .hero-art { pointer-events: none; }
.sculpture-ready .hero-copy { position: relative; }
.sculpture-ready .hero-copy::before { content: ''; position: absolute; inset: calc(-1 * var(--s10)) 0; z-index: -1;
  background: radial-gradient(ellipse, var(--paper) 40%, transparent 72%); pointer-events: none; }
.resin-surface { position: relative; --resin-charge: 0; }
.resin-surface::after { content: ''; position: absolute; inset: 0; border-radius: inherit; pointer-events: none;
  opacity: var(--resin-charge); z-index: 2;
  box-shadow: var(--resin-glow);
  background: linear-gradient(130deg, color-mix(in srgb, var(--resin-light) 9%, transparent), transparent 45%,
    color-mix(in srgb, var(--resin-light) 5%, transparent)); }
@media (prefers-reduced-motion: reduce), print {
  .sculpture-scene { display: none; }
  .sculpture-ready .hero-still { visibility: visible; }
}