/* Initial state is plain black: the legacy project stills must never show before the first video frame is decoded. */
.hero-slides{display:none}
.hero-video-stage{position:absolute;inset:0;background:#090909}
.hero-intro-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0}
.hero-intro-video.is-visible{opacity:1}
.hero-sound{position:absolute;left:var(--pad);bottom:18px;z-index:4;border:0;border-bottom:1px solid currentColor;padding:8px 0;background:none;color:#fff;font-family:inherit;font-size:10px;line-height:1.2;letter-spacing:.12em;cursor:pointer}
.hero-sound:focus-visible{outline:1px solid #fff;outline-offset:5px}
.hero-right-controls{display:contents}
.hero-next svg{display:block;margin:auto;color:#fff}
.home-architecture .hero .scroll-mark{right:calc(var(--pad) + 26px);translate:50% 0}
@media(max-width:800px){
  .home-architecture .hero .hero-right-controls{display:flex;flex-direction:column;align-items:flex-end;gap:12px;position:absolute;z-index:3;right:max(var(--pad),env(safe-area-inset-right));bottom:calc(24px + env(safe-area-inset-bottom))}
  .home-architecture .hero .scroll-mark{position:static;align-self:center;translate:none}
  .home-architecture .hero .hero-next{display:block;position:static;flex:none}
}