/* Three documents align into one Sona history. */
.chapter-records{background:#f8f6f4;border-color:#00000008}
.chapter-records .chapter-copy{padding:38px 30px}
.chapter-records h3{font-size:clamp(36px,3.7vw,52px);margin-top:38px;max-width:390px}
.chapter-records .chapter-copy>p{max-width:330px}
.scene.records-film{background:#deded3;min-height:580px;color:#14151a}
.scene .together-study{display:block;width:100%;height:auto;max-height:600px;fill:initial;stroke:none;stroke-width:0;overflow:visible}
.together-study text{font-family:Inter,Arial,sans-serif;fill:#14151a;stroke:none}
.together-title{font-size:33px;font-weight:650;letter-spacing:-1.2px}
.together-source{font-size:25px;font-weight:600;letter-spacing:-.7px}
.together-meta{font-size:12px;font-weight:600;letter-spacing:1px;fill:#8b8e81!important}
.together-row-title{font-size:26px;font-weight:600;letter-spacing:-.7px}
.together-row-meta{font-size:17px;fill:#8b8e81!important}
.together-caption text{font-size:23px;font-weight:600;letter-spacing:-.6px}
.together-check{fill:none;stroke:#738740;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}
.together-study [class]{animation-duration:8s;animation-iteration-count:infinite!important;animation-fill-mode:both!important;animation-timing-function:cubic-bezier(.32,.72,0,1)}
.together-cycle{animation-name:together-cycle}
.together-back,.together-main{transform-origin:320px 290px}
.back-visit{animation-name:together-visit-sheet}
.back-rx{animation-name:together-rx-sheet}
.together-main{animation-name:together-main}
.together-before{animation-name:together-before}
.together-after{animation-name:together-after}
.together-lab{animation-name:together-lab}
.together-rx{animation-name:together-rx}
.together-visit{animation-name:together-visit}
.together-track{stroke-dasharray:150;animation-name:together-track}
.together-caption{animation-name:together-caption;transform-origin:320px 508px}
@keyframes together-cycle{0%{opacity:0}5%,92%{opacity:1}99%,100%{opacity:0}}
@keyframes together-visit-sheet{0%,20%{opacity:1;transform:translate(-19px,-64px) rotate(-8deg)}38%{opacity:1;transform:none}43%,100%{opacity:0;transform:none}}
@keyframes together-rx-sheet{0%,24%{opacity:1;transform:translate(19px,85px) rotate(7deg)}42%{opacity:1;transform:none}47%,100%{opacity:0;transform:none}}
@keyframes together-main{0%,22%{transform:rotate(-2deg)}40%,100%{transform:none}}
@keyframes together-before{0%,30%{opacity:1;transform:none}42%,100%{opacity:0;transform:translateY(-9px)}}
@keyframes together-after{0%,36%{opacity:0}46%,100%{opacity:1}}
@keyframes together-lab{0%,38%{opacity:0;transform:translateY(10px)}47%,100%{opacity:1;transform:none}}
@keyframes together-rx{0%,43%{opacity:0;transform:translateY(10px)}52%,100%{opacity:1;transform:none}}
@keyframes together-visit{0%,48%{opacity:0;transform:translateY(10px)}57%,100%{opacity:1;transform:none}}
@keyframes together-track{0%,40%{stroke-dashoffset:150}57%,100%{stroke-dashoffset:0}}
@keyframes together-caption{0%,58%{opacity:0;transform:translateY(8px) scale(.96)}66%{opacity:1;transform:scale(1.025)}71%,100%{opacity:1;transform:none}}
@media(max-width:800px){
.chapter-records .chapter-copy{padding:26px 20px 24px}
.chapter-records h3{font-size:36px;letter-spacing:-1.8px;margin:22px 0 14px}
.scene.records-film{min-height:0;aspect-ratio:640/580}
.scene .together-study{width:112%;max-width:none;flex-shrink:0}
}
@media(prefers-reduced-motion:reduce){
.together-study [class]{animation:none!important}
.together-back,.together-before{display:none}
.together-cycle,.together-main,.together-after,.together-row,.together-caption{opacity:1;transform:none}
.together-track{stroke-dashoffset:0}
}