.museum-promo{background:#000;color:#fff;scroll-margin-top:88px}
/* Reuse the site's 1464 / 1000 / fluid container and its breakpoints. */
.homepage-main-container.museum-promo__inner{border:0}
.museum-promo__player{position:relative;width:100%;background:#000}
.museum-promo__frame{position:relative;aspect-ratio:16/9;background:#000}
.museum-promo video{display:block;width:100%;height:100%;object-fit:contain}
.museum-promo video[role=button]{cursor:pointer}
.museum-promo video:focus-visible{outline:2px solid #fff;outline-offset:-3px}
.museum-promo button{color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}
.museum-promo [hidden]{display:none!important}
.museum-promo button svg{display:block;width:24px;height:24px}
.museum-promo__start{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:116px;height:116px;padding:0;border:0;background:#0005;border-radius:50%;backdrop-filter:blur(3px);transition:background .2s}
.museum-promo__start svg{width:100%!important;height:100%!important}
.museum-promo__start:hover{background:#0009}
.museum-promo__loading{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background:#0006;pointer-events:none}
.museum-promo__loading svg{width:48px;height:48px;animation:museum-promo-loading 1.2s linear infinite}
@keyframes museum-promo-loading{to{transform:rotate(360deg)}}
.museum-promo__controls{display:flex;align-items:center;gap:8px;min-height:48px;padding:2px 12px;background:#000;box-sizing:border-box}
.museum-promo__controls button{display:grid;place-items:center;flex-shrink:0;width:44px;height:44px;padding:10px;border:0;background:transparent;opacity:.72;transition:opacity .2s}
.museum-promo__controls button:hover,.museum-promo__controls button:focus-visible{opacity:1}
.museum-promo__sound{display:flex;align-items:center;gap:6px}
.museum-promo [data-volume]{appearance:none;-webkit-appearance:none;width:92px;height:44px;margin:0;background:transparent;cursor:pointer;accent-color:#aaa}
.museum-promo [data-volume]::-webkit-slider-runnable-track{height:2px;background:#ffffff40;border:0;border-radius:0}
.museum-promo [data-volume]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:10px;height:10px;margin-top:-4px;border:0;border-radius:50%;background:#aaa}
.museum-promo [data-volume]::-moz-range-track{height:2px;background:#ffffff40;border:0}
.museum-promo [data-volume]::-moz-range-thumb{width:10px;height:10px;border:0;border-radius:50%;background:#aaa}
.museum-promo [data-fullscreen]{margin-left:auto}
.museum-promo button:focus-visible,.museum-promo input:focus-visible{outline:2px solid #fff;outline-offset:2px}
.museum-promo__device-note{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.museum-promo__error{font:14px/1.5 IFKRegular,sans-serif;margin:0;padding:12px}
.museum-promo__error a{color:inherit;text-decoration:underline}
.museum-promo__player:fullscreen{display:flex;flex-direction:column;justify-content:center;width:100%;height:100%;background:#000}
.museum-promo__player:fullscreen .museum-promo__frame{height:calc(100% - 48px);aspect-ratio:auto}
/* Remove only the separator following this campaign film. */
#museum-promo ~ .antikythera-scroll[data-antikythera-video] .antikythera-scroll__inner{border-top:0}
@media(max-width:1000px){.museum-promo{scroll-margin-top:52px}.museum-promo__start{width:88px;height:88px}.museum-promo__controls{padding:2px 6px;gap:2px}.museum-promo__sound{display:none}}
@media(pointer:coarse){.museum-promo__sound{display:none}}
@media(prefers-reduced-motion:reduce){.museum-promo button{transition:none}.museum-promo__loading svg{animation:none}}