.ribbon-stage{position:relative;isolation:isolate}.ribbon-layer{position:fixed;top:0;left:0;width:100%;height:100vh;height:100lvh;pointer-events:none;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none}.ribbon-layer--back{z-index:0;background:var(--bg)}.ribbon-layer--front{z-index:3}.ribbon-stage[data-ribbon-scroll]{overflow:clip}.ribbon-stage[data-ribbon-scroll] .ribbon-layer{overflow:visible}.ribbon-stage[data-ribbon-scroll] .ribbon-canvas-host{top:-25lvh;bottom:-25lvh}.ribbon-canvas-host{position:absolute;inset:0;opacity:0;transition:opacity .6s ease}.ribbon-stage[data-ribbon=live] .ribbon-canvas-host{opacity:1}.ribbon-canvas-host canvas{display:block;width:100%;height:100%;max-width:none;pointer-events:none}.ribbon-poster-wrap{position:absolute;inset:0;opacity:0;transition:opacity .7s ease}.ribbon-poster-wrap.is-in{opacity:1}.ribbon-poster,.ribbon-poster img{display:block;width:100%;height:100%;max-width:none}.ribbon-poster img{object-fit:cover;object-position:50% 0;pointer-events:none}.ribbon-poster--static{position:absolute;inset:0}.ribbon-content{position:relative;z-index:2;background:transparent}@media (forced-colors:active){.ribbon-layer{display:none}}@media (prefers-reduced-motion:reduce){.ribbon-canvas-host,.ribbon-poster-wrap{transition-duration:.01s}}html[data-ribbon-debug] [data-ribbon-proxy]{outline:1px dashed rgba(80,200,255,.85);outline-offset:0}:root[data-ribbon-off] .ribbon-layer,:root[data-ribbon-off] .ribbon-poster-wrap{visibility:hidden}:root[data-ribbon=poster] .ribbon-layer{position:absolute!important;transform:none!important}.ribbon-layer{transition:opacity .35s ease}:root[data-ribbon-past] .ribbon-layer{opacity:0}