/* This passage replaces opacity with a shared pivot, a closing page and an iris. */
.passage-rim{display:none;position:absolute;border:1px solid #fce4b4;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 7px #eab97244,0 0 0 17px #f7d29d22;pointer-events:none;z-index:8}
body.chapter-passage .opening-chapter .opening-guide,
body.chapter-passage .opening-chapter .opening-rings,
body.chapter-passage .opening-chapter .opening-caption,
body.chapter-passage .opening-chapter .opening-progress{opacity:1!important}
body.chapter-passage .opening-guide-inner{transform:rotateY(calc(var(--passage-fold)*-90deg));transform-origin:left center;box-shadow:15px 22px 65px #021a3544}
body.chapter-passage .opening-guide-inner:after{opacity:var(--passage-fold)}
body.chapter-passage .opening-caption,
body.chapter-passage .opening-progress{clip-path:inset(0 0 calc(var(--passage-trim)*100%) 0);translate:0 calc(var(--passage-trim)*-22px)}
body.chapter-passage .opening-rings svg text{opacity:calc(1 - var(--passage-trim))}
body.chapter-passage .experiences-heading,
body.chapter-passage .experiences-selector{clip-path:inset(0 0 calc((1 - var(--passage-text))*100%) 0);translate:0 calc((1 - var(--passage-text))*24px)}
body.chapter-passage .fan-scroll{visibility:hidden}
@media(max-width:700px){body.chapter-passage .opening-guide-inner{transform:rotateX(calc(var(--passage-fold)*90deg));transform-origin:top center}}
@media(prefers-reduced-motion:reduce){.passage-rim{display:none!important}}
