/* Faltnegativ: isolated narrative layer. Never targets chapter 05 or its ancestors. */
.cn-stage{mask-composite:intersect;position:fixed;inset:0;z-index:8;pointer-events:none;overflow:hidden;opacity:0;visibility:hidden}
.cn-stage.is-visible{visibility:visible}.cn-camera{position:absolute;inset:0;perspective:1400px;perspective-origin:50% 48%}
.cn-object,.cn-wing{position:absolute;transform-style:preserve-3d;width:260px;height:330px;left:0;top:0}
.cn-object{will-change:transform}.cn-wing{transform-origin:50% 50%;will-change:transform}
.cn-face,.cn-back{position:absolute;inset:0;backface-visibility:hidden;border-radius:3px;background:linear-gradient(125deg,#3e4147 0,#15161c 27%,#303039 65%,#111216);border:1px solid #92949b;box-shadow:inset 0 0 0 4px #14151a,inset 0 0 0 5px #767980}
.cn-back{transform:translateZ(-5px) rotateY(180deg);background:repeating-linear-gradient(1deg,#a5a5a6 0,#bab9bc 1px,#85878c 2px);box-shadow:inset 0 0 0 2px #d2d2d3}
.cn-face:before,.cn-face:after{content:'';position:absolute;top:16px;bottom:16px;width:8px;background:repeating-linear-gradient(to bottom,#eeebdc 0 7px,transparent 7px 19px);opacity:.8}
.cn-face:before{left:9px}.cn-face:after{right:9px}
.cn-emulsion{position:absolute;inset:27px 26px;overflow:hidden;background:#15151b;box-shadow:inset 0 0 40px #0008}
.cn-emulsion:before{content:'';position:absolute;width:200%;height:45%;left:-50%;top:28%;border:28px solid #ff6eaf;border-radius:50%;transform:rotate(-37deg);box-shadow:inset 0 1px 0 #ffc2df,0 1px 0 #ffb3d8}
.cn-emulsion:after{content:'';position:absolute;inset:0;background:linear-gradient(115deg,#fff4,transparent 32%,#08091399 61%,#f3e9e729);border:1px solid #eee3}
.cn-wing:nth-child(2) .cn-emulsion:before{transform:rotate(-37deg) translateX(-35px)}
.cn-wing:nth-child(3) .cn-emulsion:before{transform:rotate(-37deg) translateX(-70px)}
.cn-face>b{position:absolute;left:29px;top:11px;font:7px/1 Arial,sans-serif;letter-spacing:.19em;color:#eeebdc;font-weight:400}
.cn-face>small{position:absolute;right:27px;bottom:11px;color:#eeebdc;font:8px/1 Arial,sans-serif;letter-spacing:.1em}
.cn-spine{position:absolute;top:0;left:0;width:5px;height:100%;background:linear-gradient(90deg,#6e6e75,#f3edef,#535560);transform-origin:left;transform:rotateY(90deg)}
.cn-registration{position:absolute;inset:40px;border:1px solid #eeebdc44;transform:translateZ(9px);clip-path:polygon(0 0,18% 0,18% 1%,1% 1%,1% 18%,0 18%,0 0,100% 0,100% 18%,99% 18%,99% 1%,82% 1%,82% 0,100% 0,100% 100%,82% 100%,82% 99%,99% 99%,99% 82%,100% 82%,100% 100%,0 100%,0 82%,1% 82%,1% 99%,18% 99%,18% 100%,0 100%)}
.cn-stage.cn-still{position:absolute;inset:auto 0;opacity:1;visibility:visible}
.cp .cc-scene .cn-slot{height:350px;pointer-events:none;position:relative}
.cp .cp-problem.cc-scene .cn-slot{position:absolute;right:0;top:200px;width:45%;height:490px}
.cp .cp-problem.cc-scene .cc-thought{width:57%;margin-bottom:60px}.cp .cp-problem.cc-scene .cc-next{margin-left:8%;font-size:clamp(38px,5.2vw,98px)}
.cp .cp-turn.cc-scene .cn-slot{width:54%;height:340px;margin-top:35px}
.cp .cp-turn.cc-scene .cc-turn-copy{margin:-205px 0 100px 58%;font-size:21px}
.cp .cp-offer.cc-scene .cn-slot{height:330px;margin-top:-25px;margin-bottom:35px}
.cp .cc-scene .cn-format-slot{height:290px;width:100%;margin-top:30px}
.cp .cc-scene .cp-loop-steps li{min-height:650px;justify-content:start;padding-top:45px;padding-bottom:25px}
.cp .cp-ninety.cc-scene .cn-slot{height:360px;width:65%;margin-left:35%;margin-top:-180px;margin-bottom:25px}
.cp .cp-ninety.cc-scene .cc-resolution{max-width:30ch;margin-top:70px}
.cp .cc-scene .cn-slot[data-cn-rest=hidden]{height:0!important;margin:0!important;visibility:hidden}
@media(max-width:1000px){.cp .cp-problem.cc-scene .cn-slot{top:210px;width:42%;height:400px}.cp .cp-problem.cc-scene .cc-thought{width:60%}.cp .cp-turn.cc-scene .cc-turn-copy{font-size:18px;margin-left:56%}.cp .cc-scene .cn-format-slot{height:230px}.cp .cc-scene .cp-loop-steps li{min-height:540px}.cp .cp-ninety.cc-scene .cn-slot{width:60%;margin-left:40%;margin-top:-130px}.cp .cp-ninety.cc-scene .cc-resolution{font-size:20px;max-width:25ch}}
@media(max-width:550px){.cn-camera{perspective:1000px}.cp .cp-problem.cc-scene .cn-slot{position:relative;right:auto;top:auto;width:100%;height:255px;margin:5px 0 20px}.cp .cp-problem.cc-scene .cc-thought{width:100%;margin-top:25px;margin-bottom:35px}.cp .cp-problem.cc-scene .cc-next{font-size:11vw;margin-left:7%}.cp .cp-turn.cc-scene .cn-slot{width:100%;height:240px;margin-top:25px}.cp .cp-turn.cc-scene .cc-turn-copy{font-size:17px;margin:15px 0 0 8%}.cp .cp-offer.cc-scene .cn-slot{height:225px;margin:0 0 25px}.cp .cc-scene .cn-format-slot{height:240px;margin-top:20px}.cp .cc-scene .cp-loop-steps li{min-height:0;padding-block:35px 15px}.cp .cp-ninety.cc-scene .cc-resolution{font-size:18px;margin-top:30px;max-width:38ch}.cp .cp-ninety.cc-scene .cn-slot{width:100%;height:265px;margin:0 0 25px}.cn-face:before,.cn-face:after{opacity:.6}}
@media(prefers-reduced-motion:reduce){.cp .cc-scene .cn-slot:not([data-cn=joined]){height:0!important;margin:0!important;visibility:hidden}.cn-object,.cn-wing{will-change:auto}}

/* Second pass from the full scroll recording: shared pivot, typographic foreground. */
.cn-object{transform-origin:0 0}
.cp .cc-scene{--cn-paper:#fff}.cp .cp-turn.cc-scene{--cn-paper:#225cf2}.cp .cp-loop.cc-scene{--cn-paper:#eeebdc}
.cp .cc-scene h2,.cp .cc-scene .cp-loop-steps h3,.cp .cc-scene .cc-thought{position:relative;z-index:10}
.cp .cc-scene .cp-kicker,.cp .cc-scene .cc-details,.cp .cc-scene .cp-offer-bottom{position:relative;z-index:10}

.cp .cp-turn.cc-scene[data-cn-rest=true] .cc-turn-copy{margin:65px 0 0 50%}
.cp .cp-problem.cc-scene[data-cn-rest=true] .cc-thought{width:100%}
@media(max-width:550px){.cp .cp-turn.cc-scene[data-cn-rest=true] .cc-turn-copy{margin:45px 0 0 8%}}
@media(prefers-reduced-motion:reduce){.cp .cp-turn.cc-scene .cc-turn-copy{margin:65px 0 0 50%}.cp .cp-problem.cc-scene .cc-thought{width:100%}}
@media(max-width:550px) and (prefers-reduced-motion:reduce){.cp .cp-turn.cc-scene .cc-turn-copy{margin:45px 0 0 8%}}

.cp .cc-scene .cp-loop-intro{z-index:10}

/* Clear fill-only typography stays in front of the film surface. */
.cp .cc-scene p{position:relative;z-index:10}
.cp .cc-scene .cc-details[open],.cp .cc-scene .cc-details summary{background:var(--cn-paper)}