.vault-page main{padding:170px var(--pad) clamp(56px,8vw,110px)}@media (width<=760px){.vault-page main{padding-top:160px}}.vault-page h1{font-family:var(--display);font-variation-settings:"opsz" 72;letter-spacing:-.01em;text-wrap:balance;margin:0 0 18px;font-size:clamp(40px,5.6vw,76px);font-weight:400;line-height:1}.vault-page .dek{color:var(--bone-dim);max-width:56ch;margin:0 0 clamp(32px,4vw,52px);font-size:clamp(16px,1.3vw,19px)}.vault-page .pieces{grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:18px;margin:0;padding:0;list-style:none;display:grid}.vault-page .piece{border:1px solid var(--hair);background:var(--plate);border-radius:2px;grid-template-rows:auto 1fr;transition:border-color .25s;display:grid;position:relative;overflow:hidden}.vault-page .piece img,.vault-page .piece .door{aspect-ratio:1200/750;border-bottom:1px solid var(--hair-soft);background:var(--ink);width:100%;height:auto;display:block}.vault-page .piece img{transition:filter .4s}.vault-page .piece .body{align-content:start;gap:8px;padding:16px 18px 18px;display:grid}.vault-page .piece .k{font:500 11px/1.4 var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--amber);max-width:none;margin:0}.vault-page .piece h2{font-family:var(--display);font-variation-settings:"opsz" 48;letter-spacing:0;text-wrap:balance;margin:0;font-size:clamp(24px,2.1vw,30px);font-weight:400;line-height:1.05}.vault-page .piece h2 a{color:var(--bone);text-decoration:none}.vault-page .piece h2 a:after{content:"";z-index:1;position:absolute;inset:0}.vault-page .piece p{max-width:none;color:var(--bone-dim);margin:0;font-size:15px;line-height:1.55}.vault-page .piece .go{font:500 11px/1 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--muted);align-items:center;gap:10px;margin-top:6px;transition:color .25s;display:inline-flex}.vault-page .piece .go i{border:1px solid;width:7px;height:7px;transform:rotate(45deg)}.vault-page .piece:hover{border-color:var(--amber-dim)}.vault-page .piece:hover img{filter:brightness(1.12)}.vault-page .piece:hover .go{color:var(--amber)}.vault-page .piece h2 a:focus-visible{outline:2px solid var(--amber);outline-offset:3px}@supports selector(:has(a)){.vault-page .piece h2 a:focus-visible{outline:none}.vault-page .piece:has(h2 a:focus-visible){outline:2px solid var(--amber);outline-offset:3px;border-color:var(--amber-dim)}}.vault-page .sealed{background:var(--ground);border-style:dashed}.vault-page .sealed .door{background:linear-gradient(#e7e1d40a 1px,#0000 1px) 0 0/24px 24px,linear-gradient(90deg,#e7e1d40a 1px,#0000 1px) 0 0/24px 24px,radial-gradient(120% 90% at 50% 38%,#232a33 0%,#171c22 55%,#0d1014 100%)}.vault-page .door svg{width:100%;height:100%;display:block}.vault-page .door .l{fill:none;stroke:var(--bone-dim);stroke-width:1.2px;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.vault-page .door .f{fill:none;stroke:var(--muted);stroke-width:1px;opacity:.55;stroke-dasharray:3 4;vector-effect:non-scaling-stroke}.vault-page .door .lk{fill:var(--ground);stroke:var(--amber);stroke-width:1.4px;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.vault-page .door .kh{fill:var(--amber)}.vault-page .sealed .k{color:var(--muted)}.vault-page .sealed h2{color:var(--bone-dim)}.vault-page .after{flex-wrap:wrap;align-items:center;gap:14px;margin-top:clamp(36px,5vw,64px);display:flex}.vault-page .after p{color:var(--bone-dim);margin:0 8px 0 0}.vault-page .after p a{color:var(--bone)}.vault-page .after p a:hover{color:var(--amber)}@media (prefers-reduced-motion:reduce){.vault-page .piece,.vault-page .piece img,.vault-page .piece .go{transition:none}}
