/* Per-scene rules for the process page, lifted verbatim from the static build.
   Loaded only on pages carrying the process_scenes section.

   The `html:not(.nwd-anim)` selectors below hold scenes 5-8 at their finished frame
   for reduced-motion visitors (no `nwd-anim` class), and get out of the way otherwise
   so the animation plays. This MUST match the gate class exactly. It once read
   `:not(.anim)` — a leftover from before the class was prefixed to `nwd-anim` — which
   matched on every visit and pinned those four scenes to their end-state on all of
   them. CSS animations rank BELOW `!important` author rules in the cascade (only CSS
   *transitions* outrank `!important`), so element.animate() did NOT override them and
   scenes 5-8 simply never moved. Scenes 1-4 have no such rules, which is why only the
   back half was frozen. Keep this selector and the gate class in lock-step. */
/* Per-scene rules from the Claude Design handoffs, scoped to each scene's root.
   SVG needs transform-box before transform-origin means anything. */
#ps01-root .answer { transform-box:fill-box;transform-origin:left center }
#ps01-root #ps01-submit { transform-box:fill-box;transform-origin:center }
#ps02-root .guide { transform-box:fill-box;transform-origin:top }
#ps02-root .tl { font-family:inherit;font-size:7px;font-weight:600;fill:var(--brown-600) }
#ps03-root #ps03-cmt, #ps03-root #ps03-cmt2 { transform-box:fill-box;transform-origin:center }
html:not(.nwd-anim) #ps05-root .wire { opacity:0!important }
html:not(.nwd-anim) #ps05-root .design { opacity:1!important }
#ps06-root .ln { transform-box:fill-box;transform-origin:left center }
html:not(.nwd-anim) #ps06-root #ps06-code { opacity:0!important }
html:not(.nwd-anim) #ps06-root #ps06-site { opacity:1!important }
#ps07-root .tick { transform-box:fill-box;transform-origin:center }
html:not(.nwd-anim) #ps07-root #ps07-check { opacity:0!important }
html:not(.nwd-anim) #ps07-root #ps07-site { opacity:1!important }
#ps08-root #ps08-prog { transform-box:fill-box;transform-origin:left center }
#ps08-root #ps08-head { transform-box:fill-box;transform-origin:center }
html:not(.nwd-anim) #ps08-root #ps08-prog { transform:scaleX(.34)!important }
html:not(.nwd-anim) #ps08-root #ps08-head { transform:translateX(87.04px)!important }