/* Each source gets a readable close-up, then physically enters the folder.
   Source cards share the folder's 3D context, so its front sheet occludes them. */
.hero-refined.hero-collection{--motion-travel:3.6;--motion-hold:.4;--hr-finish:1;--hr-orbit:var(--hr-finish);--hr-collect:var(--hr-finish);--hr-pulse:0;--hr-requirements:1;--hr-deadline:1;--hr-company:1}
.hero-collection .hr-camera{transform:none}
.motion-ready:not(.motion-reduced) .hero-collection:not(.scene-flow)>.scene-sticky{position:sticky;top:var(--motion-header-height);height:var(--stage)}
.hero-refined.hero-collection.focus-scene .hero-home{grid-template-rows:minmax(0,1fr)}
.hero-collection .hr-dossier-group{transform:translate3d(0,calc(70px*(1 - var(--hr-finish))),0)}
.hero-collection .hr-orbit-arm{transform:translate3d(0,-40px,-4px) scale(.72)}
.hero-collection .hr-source-card,
.hero-collection .hr-source-deadline .hr-source-card,
.hero-collection .hr-source-company .hr-source-card{left:0;top:0;width:224px;height:230px;min-height:0;padding:22px;transform:translate(-50%,-50%);box-shadow:0 18px 38px #1939611c;transform-style:preserve-3d}
.hero-collection .hr-source-card>strong,
.hero-collection .hr-source-requirements .hr-source-card>strong{font-size:24px;line-height:1.12;font-weight:580;letter-spacing:-.5px}
.hero-collection .hr-source-icon{margin-bottom:14px}
.hero-collection .hr-source-icon .icon{width:24px;height:24px}
.hero-collection .hr-source-detail{font-size:14px;line-height:1.35;gap:5px;margin-top:14px}
.hero-collection .hr-source-rule{margin-top:16px}
.hero-refined.hero-collection.scene-active .hr-camera,
.hero-refined.hero-collection.scene-active .hr-dossier-group,
.hero-refined.hero-collection.scene-active .hr-orbit-arm{will-change:auto}
.hero-refined.hero-collection .hr-art-caption{font-size:calc(14px / var(--hr-scale));line-height:1.4}
.hero-collection .hr-art-caption>span{opacity:0}
.hero-collection:not([data-collection-step]) .hr-caption-end{opacity:1}
.hero-collection[data-collection-step=start] .hr-caption-start,
.hero-collection[data-collection-step=deadline] .hr-caption-deadline,
.hero-collection[data-collection-step=company] .hr-caption-company,
.hero-collection[data-collection-step=requirements] .hr-caption-requirements,
.hero-collection[data-collection-step=complete] .hr-caption-end{opacity:1}
@media(max-width:767px){.hero-refined.hero-collection{--motion-travel:3.2}}
