/* The canvas shares the original image's geometry, mask and responsive crop. */
#surfaceSection .intro-ocean-motion{display:block;aspect-ratio:3/2}
/* Keep the static illustration available to Reader while the canvas is shown. */
#surfaceSection.intro-motion-ready img.intro-art{filter:opacity(0)}
#surfaceSection img.intro-art{filter:brightness(calc(1 - var(--intro-night,0)*.80)) saturate(calc(1 - var(--intro-night,0)*.20))}