.coal-ember{position:relative;isolation:isolate;overflow:hidden;background:var(--coal,#000);touch-action:pan-y;outline:none;}
.coal-ember:focus-visible{outline:1px solid #ff8247;outline-offset:5px;}
.coal-ember-canvas,.coal-ember-fallback,.coal-ember-poster{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:contain;background:var(--coal,#000);}
/* An opaque canvas starts black. Reveal it only after a complete frame was drawn. */
.coal-ember-canvas{z-index:1;visibility:hidden;}
.coal-ember-fallback{z-index:2;pointer-events:none;visibility:hidden;}
.coal-ember-poster{z-index:2;pointer-events:none;background:transparent;mix-blend-mode:lighten;}
.coal-ember-ready .coal-ember-canvas{visibility:visible;}
.coal-ember-ready .coal-ember-poster,.coal-ember-video-ready .coal-ember-poster{visibility:hidden;}
.coal-ember-video-ready .coal-ember-fallback{visibility:visible;}

/* Keep the complete vertical film at the scale of the existing symbol. */
.hero-material>.coal-ember{position:absolute;inset:-30% 0;width:100%;height:160%;cursor:pointer}
.coal-ember-fallback{mix-blend-mode:lighten}
.coal-ember:focus-visible{outline:none}
.coal-ember:focus-visible:after{content:"";position:absolute;inset:26% 14%;z-index:3;border:1px solid var(--ember);border-radius:4px;pointer-events:none}
.coal-ember noscript img{width:100%;height:100%;object-fit:contain;mix-blend-mode:lighten}
@media(hover:hover) and (pointer:fine){.hero-material>.coal-ember{cursor:var(--coal-pointer-active)}}

.hero-floor{z-index:5}