/* ARCHIVE (memes) + SIGNAL LOST (404) — rides on xc.css tokens; no altitude rail on these pages */
.foot{padding-left:var(--gut)}
main{position:relative;z-index:1}
.arch{padding:calc(var(--navh) + 55px) var(--gut) 89px}
.bi{max-width:1440px;margin:0 auto}
.arch-head{display:grid;grid-template-columns:minmax(0,760px) minmax(0,360px);justify-content:space-between;align-items:end;gap:34px;margin-bottom:55px}
.arch-head h1{font-size:clamp(40px,6.4vw,104px);max-width:none}
.arch-head .sec-sub{margin-top:21px;background:var(--glass);-webkit-backdrop-filter:blur(13px);backdrop-filter:blur(13px);padding:13px 21px;border-left:1px solid var(--line2)}
.arch-head .mk{margin-bottom:21px}
.manifest{display:grid;grid-template-columns:repeat(2,1fr);padding:13px 21px}
.manifest div{padding:10px 0;border-bottom:1px solid var(--line);display:grid;gap:3px}
.manifest div:nth-last-child(-n+2){border-bottom:0}
.manifest .fk{font-family:var(--mono);font-size:10px;letter-spacing:.21em;text-transform:uppercase;color:var(--muted)}
.manifest .fv{text-align:left;font-family:var(--mono);font-size:clamp(21px,2vw,30px);color:var(--hot);letter-spacing:-.03em;font-variant-numeric:tabular-nums;line-height:1.1}
.manifest .fv small{font-size:12px;color:var(--teal);letter-spacing:.08em;margin-left:5px}

/* vault: column masonry keeps native aspect (memes carry text — never crop) */
.vault{columns:4 233px;column-gap:13px}
.tile{display:block;position:relative;break-inside:avoid;margin:0 0 13px;padding:8px;background:var(--glass);border:1px solid var(--line);box-shadow:inset 0 0 34px rgba(29,107,255,.06);transition:transform .2s,border-color .2s,box-shadow .25s;cursor:zoom-in}
.tile img,.tile video{width:100%;height:auto;display:block;background:#061a3d}
.tile:before{content:"";position:absolute;inset:-1px;pointer-events:none;opacity:0;transition:opacity .2s;background:linear-gradient(var(--teal),var(--teal)) 0 0/13px 1px,linear-gradient(var(--teal),var(--teal)) 0 0/1px 13px,linear-gradient(var(--teal),var(--teal)) 100% 0/13px 1px,linear-gradient(var(--teal),var(--teal)) 100% 0/1px 13px,linear-gradient(var(--teal),var(--teal)) 0 100%/13px 1px,linear-gradient(var(--teal),var(--teal)) 0 100%/1px 13px,linear-gradient(var(--teal),var(--teal)) 100% 100%/13px 1px,linear-gradient(var(--teal),var(--teal)) 100% 100%/1px 13px;background-repeat:no-repeat}
.tile:hover,.tile:focus-visible{transform:translateY(-4px);border-color:var(--teal);box-shadow:0 0 34px rgba(127,233,255,.28),0 13px 34px rgba(2,4,10,.6)}
.tile:hover:before,.tile:focus-visible:before{opacity:1}
.tag{position:absolute;left:13px;bottom:13px;font-family:var(--mono);font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--teal);background:rgba(2,4,10,.78);border:1px solid var(--line);padding:4px 8px;line-height:1.3;pointer-events:none}
.tag i{font-style:normal;color:var(--muted)}
.tag.vid:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--xrp2);margin-right:7px;vertical-align:1px;box-shadow:0 0 8px var(--xrp2)}

/* tag + sim + outro */
.arch-tag{margin:55px auto 0;text-align:center;max-width:52ch;color:var(--muted);font-size:clamp(16px,1.3vw,19px)}
.arch-tag b{color:var(--teal);font-weight:600}
.arch-cta{justify-content:center}
.sim{margin-top:89px;padding:21px}
.sim .mk{margin-bottom:13px}
.sim h2{font-size:clamp(28px,3vw,44px);margin-bottom:8px}
.sim p{color:var(--muted);margin-bottom:21px;max-width:52ch}
.sim iframe{display:block;width:100%;aspect-ratio:16/9;max-height:78vh;border:1px solid var(--line);background:#000}

/* lightbox */
.lb{position:fixed;inset:0;z-index:80;background:rgba(2,4,10,.94);-webkit-backdrop-filter:blur(13px);backdrop-filter:blur(13px);grid-template-rows:auto 1fr auto;padding:13px var(--gut)}
.lb:not([hidden]){display:grid}
body.lb-open{overflow:hidden}
.lb-bar{display:flex;align-items:center;justify-content:space-between;gap:13px;font-family:var(--mono);font-size:11px;letter-spacing:.21em;text-transform:uppercase;color:var(--teal);min-height:44px}
.lb-cnt{color:var(--hot);font-variant-numeric:tabular-nums}
.lb-stage{display:flex;align-items:center;justify-content:center;min-height:0;padding:13px 0}
.lb-stage img,.lb-stage video{max-width:min(100%,1100px);max-height:calc(100vh - 160px);width:auto;height:auto;object-fit:contain;border:1px solid var(--line2);box-shadow:0 0 55px rgba(29,107,255,.3),0 0 0 1px rgba(2,4,10,.8)}
.lb-foot{display:flex;align-items:center;justify-content:space-between;gap:13px;flex-wrap:wrap}
.lb-cap{font-family:var(--mono);font-size:12px;letter-spacing:.08em;color:var(--muted);min-width:0;flex:1 1 300px}
.lb-cap b{color:var(--teal);font-weight:500}
.lb-nav{display:flex;gap:8px}
.lb-btn{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;background:rgba(6,26,61,.5);border:1px solid var(--line2);color:var(--hot);font-family:var(--mono);font-size:18px;cursor:pointer;transition:border-color .15s,box-shadow .2s}
.lb-btn:hover{border-color:var(--teal);box-shadow:0 0 21px rgba(127,233,255,.3)}

/* 404 — content held left/top so the ambient cat keeps the lower right */
.lost{min-height:100vh;display:flex;align-items:center;padding:calc(var(--navh) + 34px) var(--gut) 144px}
.lost .bi{max-width:1440px}
.lost .n{font-family:var(--disp);font-weight:var(--dw);font-size:clamp(110px,17vw,230px);line-height:.9;letter-spacing:-.04em;color:#fff;text-shadow:0 0 34px rgba(127,233,255,.45),0 0 89px rgba(29,107,255,.4);margin:0 0 21px -.04em}
.lost h1{font-size:clamp(26px,3.2vw,46px);max-width:18ch}
.lost p{margin:21px 0 34px;max-width:46ch;color:var(--ink);font-size:clamp(16px,1.3vw,19px)}
.lost .hud{display:inline-block;padding:21px 34px;max-width:min(100%,640px);background:rgba(2,4,10,.82)}
.lost-links{display:flex;gap:21px;flex-wrap:wrap;margin-top:34px;font-family:var(--mono);font-size:11px;letter-spacing:.13em;text-transform:uppercase}
.lost-links a{color:var(--muted)}.lost-links a:hover{color:var(--teal)}

@media (max-width:1180px){.vault{columns:3 220px}}
@media (max-width:900px){
  :root{--navh:60px}
  .arch{padding-top:calc(var(--navh) + 34px)}
  .arch-head{grid-template-columns:1fr;gap:21px;margin-bottom:34px}
  .vault{columns:2 160px;column-gap:8px}.tile{margin-bottom:8px;padding:5px}.tag{left:9px;bottom:9px;font-size:9px;padding:3px 6px}
  .lb{padding:8px 13px}.lb-stage img,.lb-stage video{max-height:calc(100vh - 150px)}
  .lost{padding-bottom:40vh}.lost .n{font-size:clamp(96px,30vw,180px)}
}
@media (max-width:520px){.sim{padding:13px}.lost .hud{padding:21px}.manifest{grid-template-columns:1fr 1fr;padding:8px 13px}}
@media (prefers-reduced-motion:reduce){.tile,.tile:before,.lb-btn{transition:none}.tile:hover,.tile:focus-visible{transform:none}}