
.kb-page [data-kb-reveal]{transition:opacity .6s ease,translate .6s cubic-bezier(.2,.7,.2,1)}
.kb-page.kb-motion-ready .kb-will-reveal{opacity:0;translate:0 14px}
.kb-page .kb-will-reveal:focus-within{opacity:1;translate:none}
.kb-page :is(.ka-photo,.ka-film,.kc-photo){isolation:isolate}
.kb-page .ka-stage:not([hidden]){animation:kb-media-in .45s ease both}
.kb-page .ka-controls button{transition:background .2s,color .2s,border-color .2s}
.kb-page .ka-controls button:hover{background:var(--ka-ink);border-color:var(--ka-ink);color:#fff}
.kb-page .ka-play{transition:background .25s,transform .25s}
.kb-page .ka-play:hover{background:var(--ka-accent);transform:translateY(-2px)}
.kb-page .ka-button>span{display:inline-block;transition:transform .25s}
.kb-page .ka-button:hover>span{transform:translate(2px,-2px)}
.kb-page .ka-toggle button{transition:background .25s,color .25s}
@keyframes kb-media-in{from{opacity:.3}to{opacity:1}}
@media(prefers-reduced-motion:reduce){.kb-page [data-kb-reveal]{opacity:1!important;translate:none!important;transition:none!important}.kb-page .ka-stage{animation:none!important}}
@media print{.kb-page [data-kb-reveal]{opacity:1!important;translate:none!important}}
