.vault-page{background:#080908;color:#f3f0e9}
.vault-page [hidden]{display:none!important}
.vault-page .nav{position:relative;background:#080908}
.vault-hero{padding:clamp(82px,10vw,150px) 3.2vw 48px;display:grid;grid-template-columns:1.1fr .9fr;gap:7vw;align-items:end}
.vault-eyebrow{margin:0 0 22px;color:var(--acid);font:10px var(--mono);letter-spacing:.15em}
.vault-hero h1{max-width:880px;margin:0;font:300 clamp(72px,10vw,150px)/.82 var(--serif);letter-spacing:-.06em}
.vault-hero h1 i{color:var(--acid);font-weight:300}
.vault-intro{max-width:470px;padding-bottom:12px}
.vault-intro p{margin:0;color:var(--muted);font-size:14px;line-height:1.8}
.vault-rule{margin-top:26px;padding-top:18px;border-top:1px solid var(--line);font:9px var(--mono)!important;letter-spacing:.1em;line-height:1.7!important}
.free-drop{padding:0 3.2vw 110px}
.free-art{position:relative;overflow:hidden;background:#121310}
.free-art img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover}
.free-art:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(0,0,0,.72));pointer-events:none}
.free-meta{position:absolute;z-index:2;left:clamp(20px,4vw,60px);right:clamp(20px,4vw,60px);bottom:clamp(22px,4vw,55px);display:flex;justify-content:space-between;align-items:end;gap:30px}
.free-meta h2{margin:0;font:300 clamp(48px,7vw,104px)/.88 var(--serif);letter-spacing:-.05em}
.free-meta h2 i{display:block;color:var(--acid);font-weight:300}
.download-button{min-width:230px;margin:0;background:#f3f0e9;color:#080908}
.drop-facts{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-top:0}
.drop-facts span{padding:18px;border-right:1px solid var(--line);font:9px var(--mono);letter-spacing:.1em;color:var(--muted)}
.drop-facts span:last-child{border-right:0}
.vote-section{padding:clamp(90px,11vw,160px) 5vw;background:#f1efe8;color:#171815}
.vote-head{display:grid;grid-template-columns:1fr .8fr;gap:9vw;align-items:end;margin-bottom:70px}
.vote-head .vault-eyebrow{color:#6a6b63}
.vote-head h2{margin:0;font:300 clamp(60px,8vw,118px)/.86 var(--serif);letter-spacing:-.055em}
.vote-head h2 i{font-weight:300}
.vote-copy{max-width:440px;color:#6a6b63;font-size:14px;line-height:1.8}
.vote-options{display:grid;grid-template-columns:1fr 1fr;border:1px solid rgba(23,24,21,.25)}
.vote-option{min-height:280px;padding:34px;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;border:0;background:transparent;color:#171815;text-align:left;cursor:pointer}
.vote-option+ .vote-option{border-left:1px solid rgba(23,24,21,.25)}
.vote-option small{font:9px var(--mono);letter-spacing:.13em;color:#6a6b63}
.vote-option strong{font:300 clamp(54px,7vw,96px)/.9 var(--serif);letter-spacing:-.05em}
.vote-option span{font:10px var(--mono);letter-spacing:.1em;border-bottom:1px solid #171815;padding-bottom:7px}
.vote-option:hover{background:#e6e2d6}
.vote-option:disabled{cursor:wait;opacity:.6}
.vote-status{min-height:22px;margin:18px 0 0;color:#6a6b63;font:9px var(--mono);letter-spacing:.09em}
.vote-results{border:1px solid rgba(23,24,21,.25)}
.result-row{padding:28px 32px}
.result-row+ .result-row{border-top:1px solid rgba(23,24,21,.18)}
.result-label{display:grid;grid-template-columns:1fr auto auto;gap:18px;align-items:baseline;margin-bottom:18px}
.result-label span{font:400 clamp(28px,4vw,50px)/1 var(--serif)}
.result-label strong{font:300 30px var(--serif)}
.result-label small{min-width:62px;color:#6a6b63;font:9px var(--mono);letter-spacing:.08em;text-align:right}
.result-bar{height:3px;background:rgba(23,24,21,.13)}
.result-bar i{display:block;width:0;height:100%;background:#171815;transition:width .7s cubic-bezier(.2,.8,.2,1)}
.result-row.chosen{background:#e8e5da}
.result-row.chosen .result-label span:after{content:" YOUR VOTE";margin-left:12px;color:#6a6b63;font:8px var(--mono);letter-spacing:.1em}
.countdown-section{padding:100px 5vw 115px}
.countdown-section h2{margin:0 0 45px;font:300 clamp(52px,7vw,94px)/.9 var(--serif);letter-spacing:-.05em}
.countdown-section h2 i{color:var(--acid);font-weight:300}
.countdown{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line)}
.countdown span{padding:35px 25px;border-right:1px solid var(--line)}
.countdown span:last-child{border-right:0}
.countdown strong{display:block;font:300 clamp(44px,7vw,92px)/1 var(--serif)}
.countdown small{display:block;margin-top:14px;color:var(--muted);font:9px var(--mono);letter-spacing:.13em}
.countdown-note{margin:20px 0 0;color:var(--muted);font:9px var(--mono);letter-spacing:.1em}
@media(max-width:820px){.vault-hero,.vote-head{grid-template-columns:1fr;gap:40px}.vault-hero{padding-inline:20px}.free-drop{padding-inline:16px}.free-meta{position:relative;left:auto;right:auto;bottom:auto;padding:24px 4px;align-items:flex-start;flex-direction:column}.free-art:after{display:none}.download-button{width:100%}.drop-facts{grid-template-columns:1fr 1fr}.drop-facts span:nth-child(2){border-right:0}.drop-facts span:nth-child(-n+2){border-bottom:1px solid var(--line)}.vote-section,.countdown-section{padding-inline:20px}.vote-options{grid-template-columns:1fr}.vote-option{min-height:220px}.vote-option+ .vote-option{border-left:0;border-top:1px solid rgba(23,24,21,.25)}}
@media(max-width:520px){.vault-hero h1{font-size:72px}.free-art img{aspect-ratio:4/3}.free-meta h2{font-size:56px}.vote-head h2{font-size:60px}.vote-option strong{font-size:58px}.result-row{padding:24px 20px}.result-label{grid-template-columns:1fr auto}.result-label small{grid-column:1/-1;text-align:left}.countdown span{padding:25px 10px}.countdown strong{font-size:42px}.countdown small{font-size:8px}}
