/* The sculpture belongs to the hero; the website demos remain in Design Explorer. */
.hero-promo{margin:0;min-width:0;width:100%;align-self:center}
.promo-stage{position:relative;isolation:isolate;aspect-ratio:4/3;width:100%;overflow:hidden;background:#14170f;border:0;border-radius:0;transform:none;box-shadow:none}
.promo-poster,.promo-video{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;border:0}
.promo-poster{opacity:1;transition:opacity .25s ease}
.promo-video{opacity:0;pointer-events:none}
.promo-stage.has-video .promo-video{opacity:1}
.promo-stage.has-video .promo-poster{opacity:0}
.promo-toggle{position:absolute;right:16px;bottom:16px;z-index:2;display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid #4c563e;border-radius:50%;background:#20271bd9;color:#d4f67b;cursor:pointer;transition:background .2s ease,border-color .2s ease}
.promo-toggle[hidden]{display:none}
.promo-toggle:hover{background:#333e24;border-color:#d4f67b}
.promo-toggle:focus-visible{outline:2px solid #d4f67b;outline-offset:4px}
.promo-toggle svg{width:13px;height:13px;display:block;fill:currentColor}
.promo-toggle .promo-play-icon{display:none}
.promo-toggle[data-playing="false"] .promo-pause-icon{display:none}
.promo-toggle[data-playing="false"] .promo-play-icon{display:block}
.promo-status{position:absolute;bottom:16px;left:16px;right:76px;font:400 12px/1.5 var(--body);color:#c3cbb7;background:#14170fe8;padding:8px 10px;border-radius:4px}
.promo-status[hidden]{display:none}
@media(max-width:840px){.hero-promo{max-width:560px;margin-inline:auto}}
@media(max-width:700px){.promo-toggle{right:8px;bottom:8px}.promo-status{left:8px;right:64px;bottom:8px}}
@media(prefers-reduced-motion:reduce){.promo-poster{transition:none}}