/* Independent characters, each with a role in the story. */
.journey-character.journey-slaty{left:16%;width:260px;height:325px;bottom:-12px;transform:rotate(-8deg);filter:none}
.journey-stage[data-scene="1"] .journey-slaty{transform:translateX(130px) rotate(6deg) scale(.92)}
.journey-stage[data-scene="2"] .journey-slaty{transform:translateX(290px) rotate(-5deg)}
.questions-host{position:relative;min-height:320px;isolation:isolate}
.questions-host h2{position:relative;z-index:1}
.questions-host img{display:block;width:270px;max-width:100%;height:300px;object-fit:contain;margin:0 auto;pointer-events:none;mask-image:linear-gradient(to right,transparent,#000 15%,#000 85%,transparent),linear-gradient(to bottom,transparent,#000 7%,#000 94%,transparent);mask-composite:intersect;-webkit-mask-image:linear-gradient(to right,transparent,#000 15%,#000 85%,transparent),linear-gradient(to bottom,transparent,#000 7%,#000 94%,transparent);-webkit-mask-composite:source-in;transition:transform 650ms cubic-bezier(.2,.8,.2,1)}
.questions:has(details[open]) .questions-host img{transform:translateY(-6px) rotate(-2deg)}
@media(max-width:1000px) and (min-width:761px){.journey-character.journey-slaty{left:7%;width:225px}.journey-stage[data-scene="2"] .journey-slaty{transform:translateX(240px) rotate(-5deg)}}
@media(max-width:760px){.journey-character.journey-slaty{left:-5%;width:165px;height:205px;bottom:50px}.journey-stage[data-scene="1"] .journey-slaty{transform:translateX(65px) rotate(6deg) scale(.92)}.journey-stage[data-scene="2"] .journey-slaty{transform:translateX(175px) rotate(-5deg)}.questions-host{min-height:155px;display:flex;align-items:center;justify-content:space-between}.questions-host img{width:140px;height:160px;margin:-10px 0 0}.questions-host h2{max-width:180px}.questions .questions-host h2{margin-bottom:0}}
@media(prefers-reduced-motion:reduce){.questions-host img{transition:none;transform:none!important}}body.motion-paused .questions-host img{transition:none;transform:none!important}