/* Video and wordmark share one canvas so the circular hole reveals the page. */
.opening{position:fixed;inset:0;z-index:10001;isolation:isolate;overflow:hidden;touch-action:none}
.opening[hidden]{display:none!important}
.opening-canvas{display:block;width:100%;height:100%}
.opening-video{position:absolute;width:1px;height:1px;left:0;top:0;opacity:0;pointer-events:none}
.opening-skip{position:absolute;right:max(24px,env(safe-area-inset-right));bottom:max(24px,env(safe-area-inset-bottom));display:inline-flex;align-items:center;gap:16px;min-height:44px;padding:9px 17px;border:1px solid #ffffff50;border-radius:100px;background:#090909;color:#fff;font:500 13px/1.5 var(--font,sans-serif);letter-spacing:.08em;transition:background .2s,border-color .2s}
.opening-skip:hover{background:#242424;border-color:#ffffff90}
.opening-skip:focus-visible{outline:2px solid #f4a340;outline-offset:5px}
.opening-skip span{font:400 17px/1 sans-serif}
@media(max-width:600px){.opening-skip{right:20px;bottom:max(20px,env(safe-area-inset-bottom));font-size:12px}}
@media(prefers-reduced-motion:reduce){.opening{display:none!important}}