/* Recovery Mode · depth layer (mock-ups, 14 Oct 2026). Loaded after the theme.
   1. The hero book is a real object: page edges, a soft contact shadow, and it turns gently toward the pointer.
   2. The hero art sits at three depths (shapes behind, book in front) and drifts slower than the text as you scroll.
   3. A soft light from the top left gives every section a little volume.
   Transform and opacity only; nothing moves for reduced-motion visitors. */
.b-book{box-shadow:
  1px 1px 0 #F3EEE2, 2px 2px 0 #E7E1D3, 3px 3px 0 #F3EEE2, 4px 4px 0 #E2DCCD, 5px 5px 0 #F0EADD, 6px 6px 0 #DDD6C6,
  7px 7px 0 var(--depth-edge, #0A1226), 18px 26px 34px -10px rgba(5,10,24,.55)}
.b-book::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(90deg,rgba(0,0,0,.26),rgba(0,0,0,.04) 5%,rgba(255,255,255,.16) 7.5%,rgba(255,255,255,0) 11%),
             linear-gradient(122deg,rgba(255,255,255,.18),rgba(255,255,255,0) 34%,rgba(0,0,0,0) 70%,rgba(0,0,0,.08))}
.h7{isolation:isolate}
.h7::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:radial-gradient(120% 90% at 18% 0%,rgba(255,255,255,.07),rgba(255,255,255,0) 55%),radial-gradient(90% 70% at 85% 110%,rgba(0,0,0,.18),rgba(0,0,0,0) 60%)}
html.motion .h7-art{transform-style:preserve-3d;transform:perspective(1300px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));
  transition:transform .9s cubic-bezier(.2,.8,.2,1)}
html.motion .h7-art .b-sq{translate:0 0 -40px}
html.motion .h7-art .b-half{translate:0 0 -20px}
html.motion .h7-art .b-bars{translate:0 0 -10px}
html.motion .h7-art .b-book{translate:0 0 60px}
/* the book breathes a little once it has landed */
@keyframes book-float{0%,100%{translate:0 0 60px}50%{translate:0 -7px 60px}}
html.motion .h7-done .b-book{animation:book-float 6.5s ease-in-out infinite}
/* scroll parallax: the art drifts slower than the words and tips back as the hero leaves */
@supports (animation-timeline: view()){
  html.motion .h7-art{animation:art-drift linear both;animation-timeline:--hero;animation-range:exit 0% exit 100%}
  @keyframes art-drift{to{translate:0 22%;rotate:x 14deg}}
}
@media (prefers-reduced-motion: reduce){.h7-art,.b-book{animation:none!important;transform:none!important;translate:none!important}}