/* T5-P4-D: editorial reveals driven by the existing one-time FadeContent state. */
.r1-case .p4d-title .p4d-title-line{display:block;font:inherit;letter-spacing:inherit;color:inherit;margin:0;clip-path:inset(0 0 0 0)}
.r1-case .p4d-title.t5b-case-reveal[data-reveal-state="pending"]{opacity:1;filter:none;transform:none}
.r1-case .p4d-title[data-reveal-state="pending"] .p4d-title-line{clip-path:inset(0 0 100% 0)}
.r1-case .p4d-dna-title[data-reveal-state="pending"] .p4d-title-line{clip-path:inset(0 100% 0 0)}
.r1-case .p4d-output-title[data-reveal-state="pending"] .p4d-title-line{clip-path:inset(0 0 0 100%)}
.r1-case .p4d-title[data-reveal-state="running"] .p4d-title-line{animation:p4d-reveal-up .66s cubic-bezier(.16,1,.3,1) both}
.r1-case .p4d-hero-title[data-reveal-state="running"] .p4d-title-line{animation-duration:.7s}
.r1-case .p4d-hero-title[data-reveal-state="running"] .p4d-title-line+ .p4d-title-line{animation-delay:.1s}
.r1-case .p4d-dna-title[data-reveal-state="running"] .p4d-title-line{animation-name:p4d-reveal-right;animation-duration:.72s}
.r1-case .p4d-record-title[data-reveal-state="running"] .p4d-title-line:first-child{animation-name:p4d-reveal-right;animation-duration:.7s}
.r1-case .p4d-record-title[data-reveal-state="running"] .p4d-title-line:last-child{animation-delay:.11s}
.r1-case .p4d-output-title[data-reveal-state="running"] .p4d-title-line{animation-name:p4d-reveal-left;animation-duration:.72s}
@keyframes p4d-reveal-up{from{clip-path:inset(0 0 100% 0)}to{clip-path:inset(0 0 0 0)}}
@keyframes p4d-reveal-right{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}
@keyframes p4d-reveal-left{from{clip-path:inset(0 0 0 100%)}to{clip-path:inset(0 0 0 0)}}

/* The page's existing rules become short transitions between chapters. */
.r1-case .r1-dna-composition{position:relative;border-top:0}
.r1-case .r1-record,.r1-case .r1-output{position:relative;border-top:0}
.r1-case .r1-dna-composition::before,.r1-case .r1-record::before,.r1-case .r1-output::before{content:"";position:absolute;top:0;left:0;right:0;border-top:1px solid var(--r1-line);transform:scaleX(1);transform-origin:left center;transition:transform .72s cubic-bezier(.16,1,.3,1);pointer-events:none}
.r1-case .r1-record::before{transform-origin:right center}
.r1-case .r1-dna:has(.p4d-title[data-reveal-state="pending"]) .r1-dna-composition::before,.r1-case .r1-record:has(.p4d-title[data-reveal-state="pending"])::before,.r1-case .r1-output:has(.p4d-title[data-reveal-state="pending"])::before{transform:scaleX(0)}

@media(max-width:767px){
 .r1-case .p4d-title[data-reveal-state="running"] .p4d-title-line{animation-duration:.46s}
 .r1-case .p4d-hero-title[data-reveal-state="running"] .p4d-title-line+ .p4d-title-line,.r1-case .p4d-record-title[data-reveal-state="running"] .p4d-title-line:last-child{animation-delay:.06s}
 .r1-case .r1-dna-composition::before,.r1-case .r1-record::before,.r1-case .r1-output::before{transition-duration:.48s}
}
@media(prefers-reduced-motion:reduce){
 .r1-case .p4d-title .p4d-title-line{clip-path:none!important;animation:none!important}
 .r1-case .r1-dna-composition::before,.r1-case .r1-record::before,.r1-case .r1-output::before{transform:none!important;transition:none!important}
}