/* Many visible plumes form the bird. Motion lives in one DPR-aware canvas. */
#finaleStage{inset:86px 44% 102px 5%;overflow:visible}
.flock-scene{position:relative;width:min(420px,100%,calc((100dvh - 188px)*.666667));aspect-ratio:2/3;isolation:isolate}
#finaleStage .flock-canvas{display:block;width:100%;height:100%;max-height:none}
.flock-caption{position:absolute;left:50%;bottom:-12px;transform:translateX(-50%);width:max-content;max-width:95%;display:flex;gap:20px;align-items:center;color:#bfb2a0;font:10px var(--sans);letter-spacing:.15em;opacity:0;transition:opacity .8s}
.flock-count{color:#716b62;font-size:9px;letter-spacing:.05em;font-variant-numeric:tabular-nums}
.assembling .flock-caption{opacity:1}
.flock-progress{position:absolute;bottom:-29px;left:35%;width:30%;height:1px;background:#e3d6bd12;opacity:0;transition:opacity .8s}
.assembling .flock-progress{opacity:1}.flock-progress i{display:block;width:100%;height:100%;background:#cfc0a4;transform:scaleX(0);transform-origin:left}
#ch-phoenix .finale-title{left:59%;right:5%;top:38%;bottom:auto;text-align:left}.finale-title h1{font-size:clamp(25px,2.8vw,40px);letter-spacing:.1em;text-indent:0}.finale-title p{margin:18px 0 24px;line-height:1.9;font-size:12px;text-indent:0;letter-spacing:.07em}.finale-actions{flex-direction:row;flex-wrap:wrap;justify-content:flex-start}.phoenix-palette-label{justify-content:flex-start;margin:0 0 26px;gap:8px}.phoenix-palette-label i:first-child{margin-left:0}
.finale-title.hidden{pointer-events:none}
@media(max-width:800px){#finaleStage{inset:100px 0 280px}.flock-scene{width:min(94vw,calc((100dvh - 395px)*.666667))}.flock-caption{font-size:9px;gap:12px;letter-spacing:.06em}.flock-count{font-size:8px}.flock-progress{left:25%;width:50%}#ch-phoenix .finale-title{left:0;right:0;top:auto;bottom:82px;text-align:center}.finale-title h1{font-size:22px}.finale-title p{margin:10px 0 15px;font-size:10px}.phoenix-palette-label{justify-content:center;margin:0 0 17px}.finale-actions{justify-content:center}.finale-actions .btn{padding:11px 14px}}
@media(max-height:650px) and (min-width:801px){#finaleStage{inset:78px 44% 98px 5%}.flock-scene{width:min(100%,calc((100dvh - 176px)*.666667))}.flock-caption{bottom:-4px}.flock-progress{bottom:-16px}.finale-title h1{font-size:25px}.finale-title p{margin:12px 0 18px}}
@media(prefers-reduced-motion:reduce){.flock-caption,.flock-progress{transition:none}.finale-pre.departing{transition:none;visibility:hidden}}