/* Two credentials layered behind the compact vault window. */
.vault-section{overflow:hidden}.vault-layout{gap:100px;grid-template-columns:1.15fr 1fr}.vault-window-wrap{position:relative;isolation:isolate}.vault-window{position:relative;z-index:3}.vault-code-link{position:relative;z-index:3}.vault-pass{position:absolute;width:155px;height:220px;z-index:1;pointer-events:none;filter:drop-shadow(3px 7px 5px #0009)}.vault-pass-art{left:-57px;top:-22px;transform:rotate(-14deg)}.vault-pass-dark{right:-47px;top:-27px;transform:rotate(13deg)}.pass-holder{position:relative;width:100%;height:100%;padding:6px;background:linear-gradient(120deg,#ffffff22,#ffffff08);border:1px solid #ffffff50;border-radius:7px;box-shadow:inset 1px 1px 0 #ffffff30}.pass-holder:after{content:'';position:absolute;inset:2px;border-radius:5px;background:linear-gradient(115deg,transparent 30%,#ffffff12 32%,transparent 36%);pointer-events:none}.vault-pass-art img{display:block;width:100%;height:100%;object-fit:cover;border-radius:3px}.vault-pass-dark .pass-holder{background:#050505;border-color:#66665c;box-shadow:inset 0 0 0 4px #101010}.vault-pass-dark img{position:absolute;top:23px;right:15px;width:48px;height:58px;object-fit:contain;transform:rotate(-3deg);filter:none}.vault-body{padding-top:30px}
@media(max-width:1050px) and (min-width:801px){.vault-layout{gap:70px}.vault-pass{width:125px;height:176px}.vault-pass-art{left:-40px}.vault-pass-dark{right:-32px}}
@media(max-width:800px){.vault-layout{grid-template-columns:1fr;gap:65px}.vault-window-wrap{width:calc(100% - 28px);margin:0 14px;max-width:500px}.vault-pass{width:112px;height:159px}.vault-pass-art{left:-23px;top:-28px;transform:rotate(-12deg)}.vault-pass-dark{right:-21px;top:-32px;transform:rotate(12deg)}.vault-pass-dark img{width:35px;height:43px;top:15px;right:10px}.vault-body{padding:25px 18px 18px}.vault-greeting{font-size:10px;letter-spacing:.08em}.vault-code-link{font-size:9px;line-height:1.7}}
@media(max-width:800px){.vault-pass-dark{right:0;top:-55px}.vault-pass-dark img{top:6px;right:20px}}

/* The FF seam mark sits above both chapter backgrounds. */
.reel-section{position:relative;z-index:1}.vault-section{z-index:2;overflow:visible}.vault-seam{top:-22px;height:48px;z-index:10;display:flex;align-items:center;justify-content:center;pointer-events:none}.vault-seam img{position:relative;z-index:2;width:30px;height:36px;display:block;background:#0a0a0a;box-sizing:content-box;padding:6px 12px;filter:none}.vault-seam:before{top:20px;z-index:0}