/* Isolated to the Vault entrance. */
dialog.vault-cinema{position:fixed;inset:0;width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;overflow:hidden;background:#09090b;color:#f5f3f5;opacity:1;transition:opacity .65s ease;overscroll-behavior:contain}
dialog.vault-cinema::backdrop{background:#09090b}
dialog.vault-cinema.is-leaving{opacity:0;pointer-events:none}
.vault-cinema-film{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center;background:#09090b}
.vault-cinema-shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(9,9,11,.84),transparent 23%,transparent 62%,rgba(9,9,11,.88)),linear-gradient(90deg,rgba(9,9,11,.15),transparent 18%,transparent 82%,rgba(9,9,11,.15))}
.vault-cinema-top{position:absolute;z-index:2;top:max(30px,env(safe-area-inset-top));left:4vw;right:4vw;display:flex;align-items:flex-start;justify-content:space-between;gap:24px}
.vault-cinema-top>p{font-family:var(--ms-mono);font-size:11px;letter-spacing:.18em;line-height:1.6;margin:0}
.vault-cinema-top>p span{display:block;font-size:8px;letter-spacing:.22em;margin-top:6px;color:#bdb6be}
.vault-cinema-controls{display:flex;gap:20px;align-items:center}
.vault-cinema-controls button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:44px;padding:0 10px;font-family:var(--ms-mono);font-size:10px;letter-spacing:.03em;color:#f5f3f5;cursor:pointer;background:rgba(9,9,11,.32);border:1px solid transparent;border-bottom-color:rgba(245,243,245,.3)}
.vault-cinema-controls button:hover{border-bottom-color:#a581c7;background:rgba(50,17,48,.4)}
.vault-cinema-controls button:focus-visible,.vault-cinema-play:focus-visible,.vault-replay:focus-visible{outline:2px solid #a581c7;outline-offset:5px}
.vault-cinema-caption{position:absolute;z-index:1;left:6vw;bottom:max(7vh,calc(32px + env(safe-area-inset-bottom)));right:6vw;pointer-events:none;text-shadow:0 2px 24px #09090b}
.vault-cinema-caption>span{font-family:var(--ms-mono);font-size:9px;letter-spacing:.26em;color:#d6cfd6;display:flex;align-items:center;gap:14px}
.vault-cinema-caption>span::before{content:'';display:block;width:32px;height:1px;background:#a581c7}
.vault-cinema-caption>p{font-family:var(--ms-serif);font-size:clamp(34px,4.5vw,76px);font-weight:400;font-style:italic;letter-spacing:-.03em;line-height:1.05;margin:15px 0 18px}
.vault-cinema-caption>small{font-family:var(--ms-mono);font-size:8px;letter-spacing:.15em;color:#bdb6be}
.vault-cinema-timeline{position:absolute;bottom:0;left:0;width:100%;height:2px;background:rgba(245,243,245,.1)}
.vault-cinema-timeline>div{height:100%;background:#a581c7;transform:scaleX(0);transform-origin:left;transition:transform .3s linear}
.vault-cinema-play{position:absolute;z-index:3;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:15px;min-height:60px;padding:18px 25px;background:rgba(9,9,11,.85);border:1px solid #a581c7;color:#f5f3f5;font-family:var(--ms-mono);font-size:12px;cursor:pointer}
.vault-page.phase-cinema .physical-door{transform:rotateY(-108deg);opacity:0;pointer-events:none}
.vault-page .vault-contents{scroll-margin-top:110px}
.vault-replay{display:inline-flex;align-items:center;gap:13px;min-height:44px;margin:0 0 32px;padding:8px 0;font-family:var(--ms-mono);font-size:11px;letter-spacing:.03em;color:var(--ms-lavender);border-bottom:1px solid var(--ms-line);cursor:pointer}
.vault-replay:hover{color:var(--ms-white)}
@media(max-width:700px){
 .vault-cinema-top{left:20px;right:20px;top:max(20px,env(safe-area-inset-top));gap:16px;flex-wrap:wrap}
 .vault-cinema-top>p{font-size:10px;letter-spacing:.12em}.vault-cinema-top>p span{font-size:7px}
 .vault-cinema-controls{gap:12px;margin-left:auto}.vault-cinema-controls button{font-size:9px;padding:0 6px;gap:7px}
 .vault-cinema-controls button:first-child>[data-vault-sound-label]{display:none}.vault-cinema-controls button:first-child{min-width:44px}
 .vault-cinema-caption{left:24px;right:24px;bottom:max(8vh,calc(32px + env(safe-area-inset-bottom)))}
 .vault-cinema-caption>p{font-size:clamp(34px,9vw,52px);margin:16px 0}.vault-cinema-caption>span{font-size:8px;letter-spacing:.18em}.vault-cinema-caption>small{font-size:7px}
 .vault-page .vault-contents{scroll-margin-top:90px}
}
@media(max-height:520px) and (orientation:landscape){.vault-cinema-top{top:16px}.vault-cinema-caption{bottom:25px}.vault-cinema-caption>p{font-size:34px;margin:8px 0}.vault-cinema-caption>small{display:none}}
@media(prefers-reduced-motion:reduce){dialog.vault-cinema,.vault-cinema-timeline>div{transition:none}}
.vault-page [hidden]{display:none!important}
.vault-member-signin>a{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;padding-top:12px;font-family:var(--ms-mono);font-size:10px;color:var(--ms-white)}
.vault-member-signin>a:hover{color:var(--ms-lavender)}
.vault-member-signin>p{font-size:11px;color:var(--ms-grey);line-height:1.5}
.scroll-scrub__layer:not([data-video-painted="true"]) .scroll-scrub__video{opacity:0}
@media(max-width:700px){.vault-page .physical-door .door-seal{display:none}}