.reel-stage{aspect-ratio:1;overflow:hidden;background:var(--ink);container-type:inline-size;isolation:isolate}
.reel-frame{position:absolute;inset:0;visibility:hidden;pointer-events:none;overflow:hidden;--cover-width:100%;--cover-height:100%;--cover-left:0%;--cover-top:0%;--frame-duration:1100ms}
.reel-frame.is-current{visibility:visible}
.featured-image .reel-frame img{position:absolute;max-width:none;width:var(--cover-width);height:var(--cover-height);left:var(--cover-left);top:var(--cover-top);aspect-ratio:auto;object-fit:cover;filter:none;transform-origin:var(--zoom-origin-x,50%) var(--zoom-origin-y,50%)}
.reel-frame.is-current img{animation:reel-push var(--frame-duration) linear both}
.reel-stage.is-paused .is-current img{animation-play-state:paused}
.reel-type{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:7%;text-align:left;background:var(--pink);color:var(--ink)}
.reel-type .reel-word{font-family:var(--display);font-weight:800;letter-spacing:-.035em;line-height:.87;font-size:38cqw}
.reel-type .reel-word + .reel-word{color:var(--paper)}
.reel-type.paint-beat{background:var(--ink);color:var(--paper)}
.paint-beat .reel-word{font-size:27.5cqw}
.paint-beat .reel-word + .reel-word{color:var(--pink)}
.reel-type.is-current .reel-word{animation:reel-type-in 220ms cubic-bezier(.2,.7,.2,1) both}
.reel-type.is-current .reel-word + .reel-word{animation-delay:110ms}
.reel-stage:focus-visible{outline-offset:5px}
@keyframes reel-push{from{transform:scale(var(--scale-from,1))}to{transform:scale(var(--scale-to,1.025))}}
@keyframes reel-type-in{from{clip-path:inset(100% 0 0);transform:translateY(7%)}to{clip-path:inset(0);transform:translateY(0)}}