.paper-layer{transform:translate(var(--dx,0px),var(--dy,0px)) rotate(var(--angle,0deg));transform-origin:50% 50%;filter:drop-shadow(0 3px 2px #001e1830)}
.connection-highlights path{stroke-dasharray:1;stroke-dashoffset:1;opacity:0}
.animated-check{stroke-dasharray:1;stroke-dashoffset:1;opacity:0}
.is-playing .paper-layer{animation:paper-arrive 1.1s cubic-bezier(.16,1,.3,1) var(--delay) both}
.is-playing .connection-highlights path{animation:connection-trace 1.6s ease .9s both}
.is-playing .connection-highlights path:nth-child(2){animation-delay:1.05s}
.is-playing .connection-highlights path:nth-child(3){animation-delay:1.2s}
.is-playing .connection-highlights path:nth-child(4){animation-delay:1.4s}
.is-playing .animated-check{animation:check-draw .5s ease 2.5s both}
.motion-paused .paper-layer{animation:none;transform:none}
.motion-paused .connection-highlights path,.motion-paused .animated-check{animation:none;opacity:0}
@keyframes paper-arrive{from{opacity:0;transform:translate(0,52px) rotate(3deg)}to{opacity:1;transform:translate(var(--dx,0px),var(--dy,0px)) rotate(var(--angle,0deg))}}@keyframes connection-trace{0%{stroke-dashoffset:1;opacity:0}15%{opacity:.95}80%{opacity:.95}100%{stroke-dashoffset:0;opacity:0}}@keyframes check-draw{from{stroke-dashoffset:1;opacity:1}to{stroke-dashoffset:0;opacity:1}}

.layered-collage{display:block;width:100%;height:auto;aspect-ratio:4/3;overflow:hidden}
.inspection-story .case-cover .art-surface{background:#103f31}
.study-notice{font:12px/1.6 Arial,sans-serif;padding:12px 4.5vw;border-bottom:1px solid #103f3122;color:#516858}.study-notice a{text-decoration:underline;text-underline-offset:3px}
.study-controls{display:flex;gap:10px;margin:15px 4.5vw 35px}.study-controls button{min-height:44px;padding:10px 15px;border:1px solid #103f3144;background:#f5eedc;color:#103f31;cursor:pointer;font:12px Arial,sans-serif}
.inspection-story .chapter-art .layered-collage{transition:none}

/* One intentional reveal, triggered only when enough of the artwork is visible. */
.inspection-story.entrance .case-cover{animation:none}
.art-awaiting .paper-layer{opacity:0}
.motion-paused .paper-layer{opacity:1}
@media(max-width:750px){.is-playing .paper-layer{animation-name:mobile-layer-arrive;animation-duration:1.35s}.is-playing .connection-highlights path{animation-delay:1.25s}.is-playing .connection-highlights path:nth-child(2){animation-delay:1.4s}.is-playing .connection-highlights path:nth-child(3){animation-delay:1.55s}.is-playing .connection-highlights path:nth-child(4){animation-delay:1.7s}.is-playing .animated-check{animation-delay:2.8s}}
@keyframes mobile-layer-arrive{from{opacity:0;transform:translate(0,66px) rotate(3deg) scale(.98)}to{opacity:1;transform:translate(var(--dx,0px),var(--dy,0px)) rotate(var(--angle,0deg)) scale(1)}}