/* Capacity hero: an illustrated project file, not an arithmetic result panel. */
.credit-dossier main .cd-hero-art .cp-hero{margin:0;padding:0;background:transparent;border:0;border-radius:0;box-shadow:none;min-height:0}
.credit-dossier main .cp-hero figcaption{font:800 var(--text-eyebrow)/1.6 var(--font-body);letter-spacing:.1em;color:var(--credit-readable,#16783d);margin:0 0 16px}
.cp-hero>svg{display:block;width:100%;height:auto;overflow:visible}
.cp-hero svg text{font-family:var(--font-body)}
.cp-hero .cp-label{font-size:var(--text-scale-20);font-weight:750}
.cp-hero .cp-project-title{font:800 var(--text-scale-32) var(--font-heading)}
.cp-hero .cp-folder-title{font:800 var(--text-scale-22) var(--font-heading)}
.cp-hero .cp-small,.cp-hero .cp-footer{font-size:var(--text-scale-16)}
.cp-hero .cp-rate{font:800 var(--text-scale-48) var(--font-heading)}
.cp-hero :is(.cp-paper,.cp-lens,.cp-coins){transform-box:fill-box;transform-origin:center}
.cd-playing .cp-paper{animation:cp-file-arrives 1s cubic-bezier(.2,.8,.2,1) both}
.cd-playing .cp-income{animation:cp-income-arrives .8s .25s both}
.cd-playing .cp-calendar-mark{stroke-dasharray:150;animation:cp-circle-date 1s 1s both}
.cd-playing .cp-lens{animation:cp-read-rate 2.5s 1.4s both}
.cd-playing .cp-coins{animation:cp-coins-arrive .8s 2s both}
.cd-budget-mensualite-credit [data-cd-replay] svg{width:18px;height:18px;vertical-align:middle;margin-left:7px}
@keyframes cp-file-arrives{from{opacity:0;transform:translateY(45px) rotate(-5deg)}to{opacity:1;transform:translateY(0) rotate(0)}}
@keyframes cp-income-arrives{from{opacity:0;translate:-18px 10px}to{opacity:1;translate:0 0}}
@keyframes cp-circle-date{from{stroke-dashoffset:150}to{stroke-dashoffset:0}}
@keyframes cp-read-rate{0%{transform:translate(30px,35px) rotate(9deg)}35%{transform:translate(-36px,0) rotate(-7deg)}70%{transform:translate(-36px,0) rotate(-7deg)}100%{transform:translate(0,0) rotate(0)}}
@keyframes cp-coins-arrive{from{opacity:0;transform:translateY(-15px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.cd-playing .cp-hero *{animation:none!important}}
